@charset "UTF-8";

/** * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/) * http://cssreset.com */html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {  margin: 0;  padding: 0;  border: 0;  font-size: 100%;  font: inherit;  vertical-align: baseline;}/* HTML5 display-role reset for older browsers */article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {  display: block;}body {  line-height: 1.2;}ol, ul {  list-style: none;}blockquote, q {  quotes: none;}blockquote:before, blockquote:after,q:before, q:after {  content: '';  content: none;}table {  border-collapse: collapse;  border-spacing: 0;}


.cf:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
  
  font-size: 0;
  line-height: 0;
}
.cf {
  display:inline-block;
}
/* Hides from IE-mac \*/
*html .cf {
  height:1%;
}
.cf {
  display:block;
}
/* End hide from IE-mac */

/*
=====================================================================
*
*  html , body
*
* =================================================================== 
*/
html, body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック",sans-serif;
  color: #222222;
  word-break: break-all;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: none;
 background:#f5f5f5;

 }

input, button, textarea, select {
  font-size: 15px;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-border-radius: 0;
  -webkit-tap-highlight-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #fff; }

/*
=====================================================================
*
*  common
*
* =================================================================== 
*/
iframe {
  display: block;
  max-width: 100%;
  max-height:100%;
  margin: 0 0 10px 0; }

a {
  color: #222222;
}

a:hover {
  text-decoration: none; }

/*
=====================================================================
*
*  header
*
* =================================================================== 
*/
#header {
  width: 100%;
  height:50px;
  background: #22b74e;
  background-size: cover;
border-bottom:1px solid #ccc;
box-shadow:2px 0 2px 2px rgba(0, 0, 0, 0.2);
 }

  #head_inner {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    max-width: 980px;
    height:50px;
    margin: 0 auto;
    text-shadow: 0px 1px 14px rgba(0, 0, 0, 0.55); 
align-items: center;
}
    #head_inner h1 {

      margin: 0 auto; }

      #head_inner h1 a {
        font-size: 24px;
        font-weight: bold;
        color: #FFFFFF;

margin-left:10px;
}
    #head_inner p {
      font-size: 16px;
      color: #FFFFFF;
      line-height: 20px;
      text-shadow: 0px 1px 14px rgba(0, 0, 0, 0.55);
      padding: 0 20px;

 }

#global-nav {
text-align:right;
    list-style: none;
display:inline-block; 
width:720px;
    font-size: 14px;
    font-weight:bold;
}
#global-nav ul li {
    display:inline-block; 

   color:#fff!important;
}
#global-nav ul li a {
    padding: 0 8px;
    border-right:1px solid #fff;
    color:#fff!important;
}

#blog_namearea {
 width:250px;


}

/*
=====================================================================
*
*  container
*
* =================================================================== 
*/
#container {
  max-width: 980px;
  margin: 0 auto; }

/*
=====================================================================
*
*  main
*
* =================================================================== 
*/
section#main {
  float: right;
  max-width: 100%;
  width: 722px; 
 
  margin-top:10px;
}

  section#main .inner {

 }

#main-top {
 margin-bottom:10px;
 border:1px solid #ccc;
 background:#fff;

}

#article_main {
 border:1px solid #ccc;
 background:#fff;
 margin-bottom:10px;
  
}

    section#main .inner .entry {
      font-size: 16px;
      line-height: 26px;
      letter-spacing: 0.2px;
      padding: 10px 0 0 0;
      word-wrap: break-word;

}

 #entry_body {
  padding:10px 20px;
　}

    section#main .inner .entry_more {
      font-size: 16px;
      line-height: 26px;
      letter-spacing: 0.2px;
      padding: 10px 30px;
      word-wrap: break-word; }
      section#main .inner .entry .entry_date,
      section#main .inner .entry_more .entry_date {
        font-size: 12px;
 }

      section#main .inner .entry h2,
      section#main .inner .entry_more h2 {
        font-size: 18px;
        font-weight: bold;
        text-align: left;
        line-height: 24px;
        margin: 10px;
        padding-left:5px;
        border-left:4px solid #22b74e;
}

        section#main .inner .entry h2 a,
        section#main .inner .entry_more h2 a {
          text-decoration: none; }
      section#main .inner .entry h3, section#main .inner .entry h4, section#main .inner .entry h5, section#main .inner .entry h6,
      section#main .inner .entry_more h3,
      section#main .inner .entry_more h4,
      section#main .inner .entry_more h5,
      section#main .inner .entry_more h6 {
        font-weight: bold;
        margin: 20px 0 0 0; }
      section#main .inner .entry h3,
      section#main .inner .entry_more h3 {
        font-size: 17px; }
      section#main .inner .entry h4,
      section#main .inner .entry_more h4 {
        font-size: 16px; }
      section#main .inner .entry h5,
      section#main .inner .entry_more h5 {
        font-size: 15px; }
      section#main .inner .entry h6,
      section#main .inner .entry_more h6 {
        font-size: 14px; }
      section#main .inner .entry p,
      section#main .inner .entry_more p {
        margin: 0 0 10px 0; }
      section#main .inner .entry a,
      section#main .inner .entry_more a {
        text-decoration: underline; }
        section#main .inner .entry a:hover,
        section#main .inner .entry_more a:hover {
          text-decoration: none; }
      section#main .inner .entry strong,
      section#main .inner .entry_more strong {
        font-weight: bold; }
      section#main .inner .entry em,
      section#main .inner .entry_more em {
        font-style: italic; }
      section#main .inner .entry sub,
      section#main .inner .entry_more sub {
        vertical-align: sub; }
      section#main .inner .entry sup,
      section#main .inner .entry_more sup {
        vertical-align: super; }
      section#main .inner .entry sub, section#main .inner .entry sup,
      section#main .inner .entry_more sub,
      section#main .inner .entry_more sup {
        font-size: 12px; }
      section#main .inner .entry img,
      section#main .inner .entry_more img {
 border:1px solid #22b74e;
 padding:5px;
        max-width: 100%;
        text-align: left;
        height: auto;
        display: block;
}
        section#main .inner .entry img.emoji,
        section#main .inner .entry_more img.emoji {
          display: inline-block;
          text-align: left;
          margin: 0; }
      section#main .inner .entry ul li,
      section#main .inner .entry_more ul li {
        list-style: disc; }
      section#main .inner .entry ol li,
      section#main .inner .entry_more ol li {
        list-style: decimal; }
      section#main .inner .entry ul, section#main .inner .entry ol,
      section#main .inner .entry_more ul,
      section#main .inner .entry_more ol {
        margin: 6px 0; }
      section#main .inner .entry table,
      section#main .inner .entry_more table {
        width: 100% !important;
        margin: 0 0 20px 0; }
        section#main .inner .entry table tr th, section#main .inner .entry table tr td,
        section#main .inner .entry_more table tr th,
        section#main .inner .entry_more table tr td {
          padding: 12px;
          text-align: left;
          border: 1px solid #c0c0c0; }
      section#main .inner .entry fieldset,
      section#main .inner .entry_more fieldset {
        border: 1px solid #c0c0c0;
        margin: 0 2px;
        padding: 10px; }
        section#main .inner .entry fieldset legend,
        section#main .inner .entry_more fieldset legend {
          border: 0;
          padding: 0; }
      section#main .inner .entry blockquote,
      section#main .inner .entry_more blockquote {
        font-size: 14px;
        margin: 20px 0;
        padding: 10px;
        background-color: #F8F8F8; }
      section#main .inner .entry table tbody tr td,
      section#main .inner .entry_more table tbody tr td {
        vertical-align: top; }
      section#main .inner .entry .fc2_infeed1,
      section#main .inner .entry_more .fc2_infeed1 {
        margin: 0 0 35px 0; }
        section#main .inner .entry .fc2_infeed1 .fc2_infeed_title,
        section#main .inner .entry_more .fc2_infeed1 .fc2_infeed_title {
          margin: 30px 0 8px 0; }
      section#main .inner .entry #imobile_adspotdiv1 a,
      section#main .inner .entry_more #imobile_adspotdiv1 a {
        line-height: 12px; }
      section#main .inner .entry .fc2_footer,
      section#main .inner .entry_more .fc2_footer {
        margin: 60px 0 0 0; }
        section#main .inner .entry .fc2_footer .fc2button-clap,
        section#main .inner .entry_more .fc2_footer .fc2button-clap {
          display: inline-block; }
          section#main .inner .entry .fc2_footer .fc2button-clap img,
          section#main .inner .entry_more .fc2_footer .fc2button-clap img {
            display: inline-block; }

/* Related article
------------------------------------------------------------ */


#fc2relate_entry_thumbnail_area {
 margin: 10px 0px 0px 0px !important;
 padding: 10px 0px 0px 0px !important;

}
 
#fc2relate_entry_thumbnail_area .relate_dt {
 margin: 0 !important;
 padding: 10px 20px !important;
 background:#22b74e;
 line-height: 1.1 !important;
 color:#fff;
 font-weight:bold;
}
 
#fc2relate_entry_thumbnail_area .relate_dd {
 margin:0px;
 overflow: hidden;
}
 
#fc2relate_entry_thumbnail_area .relate_dd .relate_ul {
 padding: 0 !important;
 overflow: hidden;
}
 
#fc2relate_entry_thumbnail_area .relate_dd .relate_ul li {
 width: 50%;/* 2列は50%　3列は33.3% */
 height:70px;
 float: left;
 list-style: none;
 border-bottom:1px solid #dddddd;/* 下線の色 */
 box-shadow: 0 1px 0 rgba(255,255,255,1) !important;
 font-size:12px;
}

.relate_entry_thumbnail_image {width:66px;}
 
#fc2relate_entry_thumbnail_area .relate_entry_thumbnail_image img {
 padding: 2px !important;
 margin: 5px !important;
 width: 50px !important;/* 画像の大きさ */
 height: 50px !important;/* 画像の大きさ */
 border: 1px #dddddd solid !important;/* 画像の枠線 */
}
 
.thumbnail_wrapper {
 display: flex;
 -webkit-flex-direction: row;
 flex-direction: row;
 -webkit-justify-content: flex-start;
 justify-content: flex-start;
 -webkit-align-items: flex-start;
 align-items: center;
}
 
.thumbnail_wrapper> *{
 flex:1 1 auto;
}

.relate_entry_String {
 word-break: break-all;
 line-height: 1.2em;
 padding:5px 0;
 width:285px;
}
 
#fc2relate_entry_thumbnail_area .relate_li a{
 font-size:12px;
 text-decoration: none !important;/* テキスト下線なし */
}
 
#fc2relate_entry_thumbnail_area .relate_li a:hover{
 text-decoration: underline !important;/* マウスホバーでテキスト下線あり */
}


    section#main .inner .read_more {
      border:1px solid #ddd;
      text-align: center;
      padding:10px 0;
      margin: 10px 30px 20px;
background:#f8f8ff;
 }

      section#main .inner .read_more a {
        display: block;
        margin: 0 auto;
        font-size: 16px;
        font-weight: bold;
 }
        section#main .inner .read_more a:hover {
          background:#d3d3d3; }

    section#main .inner .entry_footer {
      margin: 10px 0;
      padding:0 10px;
      border-top:1px solid #ccc;
      border-bottom: 1px solid #CCC; 
      background:#fafafa;
}
      section#main .inner .entry_footer ul.entry_comment {
        float: left;
        width: 52%;
        text-align: left; }
        section#main .inner .entry_footer ul.entry_comment li {
          width: auto;
          font-weight: bold;
          margin: 0 2px; }
      section#main .inner .entry_footer ul.entry_category {
        float: right;
        width: 45%;
        text-align: left; }
        section#main .inner .entry_footer ul.entry_category li {
          width: auto;
          font-weight: bold;
          margin: 0 0 0 5px; }
      section#main .inner .entry_footer ul.entry_comment li,
      section#main .inner .entry_footer ul.entry_category li {
        display: inline-block;
        font-size: 12px;
        line-height: 1.8; }
        section#main .inner .entry_footer ul.entry_comment li a,
        section#main .inner .entry_footer ul.entry_category li a {
          text-decoration: none; }
          section#main .inner .entry_footer ul.entry_comment li a:hover,
          section#main .inner .entry_footer ul.entry_category li a:hover {
            text-decoration: none; }
  section#main .comment_area {
    padding: 20px 0 20px 0; 
    border:1px solid #ccc;
    background:#fff;
    box-shadow:0px 0px 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow:0px 0px 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow:0px 0px 1px 1px rgba(0, 0, 0, 0.2);
}
    section#main .comment_area .inner {
      padding: 0 10px; }

      section#main .comment_area .inner .sub_contents_title {
        font-size: 16px;
        font-weight: bold;
        margin: 0 0 10px 0; 
        background:#22b74e;
        color:#fff;
        padding:10px 20px;
}

.comment_tag {list-style-type:decimal; font-size:14px;}

      section#main .comment_area .inner h3.sub_contents_title {
        font-size: 14px;
        font-weight: bold;
        margin: 0 0 8px 0; }
      section#main .comment_area .inner .sub_contents_body {
        font-size: 14px;
        line-height: 18px;
        margin: 0 0 12px 0; }
      section#main .comment_area .inner .sub_contents_footer {
        color: #666666;
        text-align: right;
        font-size: 11px;
        margin: 0 0 20px 0;
        padding: 0 0 8px 0;
        border-bottom: 1px solid #E0E0E0; }
        section#main .comment_area .inner .sub_contents_footer span {
          margin: 0 0 0 6px; }
          section#main .comment_area .inner .sub_contents_footer span a {
            color: #666666;
            text-decoration: none; }
            section#main .comment_area .inner .sub_contents_footer span a:hover {
              text-decoration: none; }
      section#main .comment_area .inner #comment_form {
        margin: 40px 0 0 0; }
        section#main .comment_area .inner #comment_form .comment_form_wrap .comment_form_left {
          float: left;
          width: 50%; }
        section#main .comment_area .inner #comment_form .comment_form_wrap .comment_form_right {
          float: right;
          width: 50%; }
        section#main .comment_area .inner #comment_form .comment_form_wrap .comment_form_left .form_title,
        section#main .comment_area .inner #comment_form .comment_form_wrap .comment_form_right .form_title {
          font-size: 13px;
          font-weight: bold;
          margin: 0 0 5px 0; }
        section#main .comment_area .inner #comment_form .comment_form_wrap .comment_form_left .form_input,
        section#main .comment_area .inner #comment_form .comment_form_wrap .comment_form_right .form_input {
          margin: 0 0 20px 0; }
          section#main .comment_area .inner #comment_form .comment_form_wrap .comment_form_left .form_input input,
          section#main .comment_area .inner #comment_form .comment_form_wrap .comment_form_right .form_input input {
            width: 80%;
            height: 22px;
            line-height: 22px;
            color: #333333;
            font-size: 14px;
            padding: 8px;
            border: 1px solid #CCCCCC;
            border-radius: 2px; }
          section#main .comment_area .inner #comment_form .comment_form_wrap .comment_form_left .form_input #himitu,
          section#main .comment_area .inner #comment_form .comment_form_wrap .comment_form_right .form_input #himitu {
            width: 18px;
            height: 14px;
            line-height: 14px;
            margin: 0 4px 0 0;
            -webkit-appearance: checkbox; }
          section#main .comment_area .inner #comment_form .comment_form_wrap .comment_form_left .form_input .himitu_label,
          section#main .comment_area .inner #comment_form .comment_form_wrap .comment_form_right .form_input .himitu_label {
            font-size: 13px; }
        section#main .comment_area .inner #comment_form .comment_form_wrap .comment_form_left .form_textarea textarea,
        section#main .comment_area .inner #comment_form .comment_form_wrap .comment_form_right .form_textarea textarea {
          resize: vertical;
          width: 94%;
          height: 200px;
          margin: 0 0 10px 0;
          padding: 8px;
          border: 1px solid #CCCCCC;
          border-radius: 2px; }
        section#main .comment_area .inner #comment_form .comment_form_wrap .comment_form_left .form_btn,
        section#main .comment_area .inner #comment_form .comment_form_wrap .comment_form_right .form_btn {
          margin: 29px 0 0 0; }
          section#main .comment_area .inner #comment_form .comment_form_wrap .comment_form_left .form_btn input,
          section#main .comment_area .inner #comment_form .comment_form_wrap .comment_form_right .form_btn input {
            display: block;
            width: 100%;
            height: 42px;
            margin: 0 auto;
            line-height: 42px;
            color: #FFFFFF;
            font-size: 14px;
            font-weight: bold;
            text-align: center;
            border: none;
            border-radius: 4px;
            background: #444444;
            cursor: pointer; }
  section#main #ed.comment_area {
    padding: 40px 0 0 0; }
    section#main #ed.comment_area .inner {
      padding: 0 10px; }
      section#main #ed.comment_area .inner .sub_contents_title {
        font-size: 16px;
        font-weight: bold;
        margin: 0 0 20px 0; }
      section#main #ed.comment_area .inner h3.sub_contents_title {
        font-size: 14px;
        font-weight: bold;
        margin: 0 0 8px 0; }
      section#main #ed.comment_area .inner .sub_contents_body {
        font-size: 13px;
        line-height: 18px;
        margin: 0 0 12px 0; }
      section#main #ed.comment_area .inner .sub_contents_footer {
        color: #666666;
        text-align: right;
        font-size: 11px;
        margin: 0 0 20px 0;
        padding: 0 0 8px 0;
        border-bottom: 1px solid #E0E0E0; }
        section#main #ed.comment_area .inner .sub_contents_footer span {
          margin: 0 0 0 6px; }
          section#main #ed.comment_area .inner .sub_contents_footer span a {
            color: #666666;
            text-decoration: underline; }
            section#main #ed.comment_area .inner .sub_contents_footer span a:hover {
              text-decoration: none; }
      section#main #ed.comment_area .inner #comment_form {
        margin: 40px 0 0 0;
        padding: 0 0 40px 0; }
        section#main #ed.comment_area .inner #comment_form .comment_form_wrap .comment_form_left {
          float: left;
          width: 50%; }
        section#main #ed.comment_area .inner #comment_form .comment_form_wrap .comment_form_right {
          float: right;
          width: 50%; }
        section#main #ed.comment_area .inner #comment_form .comment_form_wrap .comment_form_left .form_title,
        section#main #ed.comment_area .inner #comment_form .comment_form_wrap .comment_form_right .form_title {
          font-size: 13px;
          font-weight: bold;
          margin: 0 0 5px 0; }
        section#main #ed.comment_area .inner #comment_form .comment_form_wrap .comment_form_left .form_input,
        section#main #ed.comment_area .inner #comment_form .comment_form_wrap .comment_form_right .form_input {
          margin: 0 0 20px 0; }
          section#main #ed.comment_area .inner #comment_form .comment_form_wrap .comment_form_left .form_input input,
          section#main #ed.comment_area .inner #comment_form .comment_form_wrap .comment_form_right .form_input input {
            width: 80%;
            height: 22px;
            line-height: 22px;
            color: #333333;
            font-size: 14px;
            padding: 8px;
            border: 1px solid #CCCCCC; }
          section#main #ed.comment_area .inner #comment_form .comment_form_wrap .comment_form_left .form_input #himitu,
          section#main #ed.comment_area .inner #comment_form .comment_form_wrap .comment_form_right .form_input #himitu {
            width: 18px;
            height: 14px;
            line-height: 14px;
            margin: 0 4px 0 0;
            -webkit-appearance: checkbox; }
          section#main #ed.comment_area .inner #comment_form .comment_form_wrap .comment_form_left .form_input .himitu_label,
          section#main #ed.comment_area .inner #comment_form .comment_form_wrap .comment_form_right .form_input .himitu_label {
            font-size: 13px; }
        section#main #ed.comment_area .inner #comment_form .comment_form_wrap .comment_form_left .form_textarea textarea,
        section#main #ed.comment_area .inner #comment_form .comment_form_wrap .comment_form_right .form_textarea textarea {
          resize: vertical;
          width: 94%;
          height: 200px;
          margin: 0 0 10px 0;
          padding: 8px;
          border: 1px solid #CCCCCC; }
        section#main #ed.comment_area .inner #comment_form .comment_form_wrap .comment_form_left .form_btn,
        section#main #ed.comment_area .inner #comment_form .comment_form_wrap .comment_form_right .form_btn {
          margin: 29px 0 0 0; }
          section#main #ed.comment_area .inner #comment_form .comment_form_wrap .comment_form_left .form_btn input,
          section#main #ed.comment_area .inner #comment_form .comment_form_wrap .comment_form_right .form_btn input {
            display: block;
            width: 100%;
            height: 42px;
            margin: 0 auto;
            line-height: 42px;
            color: #FFFFFF;
            font-size: 14px;
            font-weight: bold;
            text-align: center;
            border: none;
            border-radius: 4px;
            background: #444444;
            cursor: pointer; }
          section#main #ed.comment_area .inner #comment_form .comment_form_wrap .comment_form_left .form_btn.edit_comment_btn input,
          section#main #ed.comment_area .inner #comment_form .comment_form_wrap .comment_form_right .form_btn.edit_comment_btn input {
            margin: 0 0 8px 0; }
            section#main #ed.comment_area .inner #comment_form .comment_form_wrap .comment_form_left .form_btn.edit_comment_btn input.delete_btn,
            section#main #ed.comment_area .inner #comment_form .comment_form_wrap .comment_form_right .form_btn.edit_comment_btn input.delete_btn {
              background: #CACACA; }
  section#main .trackback_area {
    padding: 10px 0 40px 0; }
    section#main .trackback_area .inner {
      padding: 0 10px; }
      section#main .trackback_area .inner .sub_contents_title {
        font-size: 16px;
        font-weight: bold;
        margin: 0 0 20px 0; }
      section#main .trackback_area .inner .trackback_link {
        font-size: 13px;
        margin: 0 0 10px 0; }
      section#main .trackback_area .inner input.trackback_input {
        overflow: scroll;
        box-sizing: border-box;
        width: 100%;
        padding: 16px;
        border: 1px solid #CCCCCC;
        border-radius: 2px; }
      section#main .trackback_area .inner h3.sub_title {
        font-size: 14px;
        font-weight: bold;
        margin: 25px 0 8px 0; }
      section#main .trackback_area .inner .sub_contents_body {
        font-size: 13px;
        line-height: 18px;
        margin: 0 0 12px 0; }
      section#main .trackback_area .inner .sub_contents_footer {
        color: #666666;
        text-align: right;
        font-size: 11px;
        margin: 0 0 20px 0;
        padding: 0 0 8px 0;
        border-bottom: 1px solid #E0E0E0; }
        section#main .trackback_area .inner .sub_contents_footer span {
          margin: 0 0 0 6px; }
          section#main .trackback_area .inner .sub_contents_footer span a {
            color: #666666;
            text-decoration: underline; }
            section#main .trackback_area .inner .sub_contents_footer span a:hover {
              text-decoration: none; }
  section#main .paging,
  section#main .entry_paging {
    width: 100%;
    height: 25px;
    margin: 0 auto;
    padding: 20px 0;
    border-top: 1px solid #D5D5D5; }
    section#main .paging .inner li a,
    section#main .entry_paging .inner li a {
      display: inline-block;
      font-weight: bold;
      padding: 0 0 5px 0;
      border-bottom: 2px solid #222222; }
      section#main .paging .inner li a:hover,
      section#main .entry_paging .inner li a:hover {
        border-bottom: 2px solid #888888; }
    section#main .paging .inner .prev,
    section#main .paging .inner .blog_top,
    section#main .entry_paging .inner .prev,
    section#main .entry_paging .inner .blog_top {
      float: left;
      width: 33.3%; }
    section#main .paging .inner .prev,
    section#main .entry_paging .inner .prev {
      text-align: left; }
    section#main .paging .inner .blog_top,
    section#main .entry_paging .inner .blog_top {
      text-align: center; }
    section#main .paging .inner .next,
    section#main .entry_paging .inner .next {
      float: right;
      width: 33.3%;
      text-align: right; }


#main_footer {
 border:1px solid #ccc;
 background:#fff;
 margin-top:10px;
   
}



/*
=====================================================================
*
*  side
*
* =================================================================== 
*/
section#side {

  float: left;
  width: 250px;
  margin: 10px 5px 0 0;
  word-break: break-all; }

  section#side .side_plugin {
    height: auto;
    margin: 0 0 10px 0;
border:1px solid #ccc;
    
 }
    section#side .side_plugin .plugin_content {

 }
      section#side .side_plugin .plugin_content .plugin_header {
        font-size: 14px;
        font-weight: bold;
padding:10px;
background:#22b74e;
color:#fff;
 }
      section#side .side_plugin .plugin_content .plugin_body {
padding-top:10px;
        font-size: 13px;
        line-height: 16px; 
background:#fff;
}
        section#side .side_plugin .plugin_content .plugin_body p,
        section#side .side_plugin .plugin_content .plugin_body li {
          font-size: 13px;
          line-height: 18px;
 }
        section#side .side_plugin .plugin_content .plugin_body a {
          display: inline-block;
          line-height: 16px;
          margin: 0 0 10px 0; }
        section#side .side_plugin .plugin_content .plugin_body li {
          line-height: 16px; }
        section#side .side_plugin .plugin_content .plugin_body input {
          height: 18px;
          line-height: 18px; }
        section#side .side_plugin .plugin_content .plugin_body input,
        section#side .side_plugin .plugin_content .plugin_body textarea {
          width: 80%;
          color: #333333;
          font-size: 14px;
          padding: 8px;
          border: 1px solid #CCCCCC; }
          section#side .side_plugin .plugin_content .plugin_body input[type="submit"],
          section#side .side_plugin .plugin_content .plugin_body textarea[type="submit"] {
            display: block;
            width: 50%;
            height: auto;
            margin: 8px 0 0 0;
            line-height: 20px;
            color: #FFFFFF;
            font-size: 14px;
            font-weight: bold;
            text-align: center;
            border: none;
            border-radius: 4px;
            background: #444444;
            cursor: pointer; }
        section#side .side_plugin .plugin_content .plugin_body .plugin-myimage img {
          width: 100%; }
        section#side .side_plugin .plugin_content .plugin_body .plugin-tag a {
          display: inline-block;
          color: #FFFFFF;
          font-size: 12px;
          font-weight: bold;
          text-decoration: none;
          margin: 0 8px 8px 0;
          padding: 4px 6px;
          background: #444444;
          border-radius: 2px; }
          section#side .side_plugin .plugin_content .plugin_body .plugin-tag a:hover {
            background: #666666;
            text-decoration: none; }
        section#side .side_plugin .plugin_content .plugin_body .plugin-calender table.calender {
          width: 100%; }
          section#side .side_plugin .plugin_content .plugin_body .plugin-calender table.calender caption {
            font-size: 14px;
            font-weight: bold;
            margin: 0 0 6px 0; }
            section#side .side_plugin .plugin_content .plugin_body .plugin-calender table.calender caption a {
              display: inline-block;
              width: 26%;
              font-size: 13px;
              font-weight: normal;
              vertical-align: -webkit-baseline-middle;
              text-decoration: underline; }
              section#side .side_plugin .plugin_content .plugin_body .plugin-calender table.calender caption a:hover {
                text-decoration: none; }
          section#side .side_plugin .plugin_content .plugin_body .plugin-calender table.calender tr th,
          section#side .side_plugin .plugin_content .plugin_body .plugin-calender table.calender tr td {
            font-size: 13px;
            text-align: center; }
          section#side .side_plugin .plugin_content .plugin_body .plugin-calender table.calender tr td {
            line-height: 34px; }
            section#side .side_plugin .plugin_content .plugin_body .plugin-calender table.calender tr td a {
              font-weight: bold;
              text-decoration: underline; }
              section#side .side_plugin .plugin_content .plugin_body .plugin-calender table.calender tr td a:hover {
                text-decoration: none; }



/*
=====================================================================
*
*  footer
*
* =================================================================== 
*/
#footer {
  width: 100%;
    background:#c0c0c0;
  padding: 20px 0;
  word-break: break-all; }
  #footer .inner {
    max-width: 980px;
    margin: 0 auto; }
  #footer .footer_info {
    font-size: 12px;
    text-align: center;
    padding: 0 10px;
    line-height: 16px; }
    #footer .footer_info .ad {
      margin: 0 0 15px 0; }
      #footer .footer_info .ad a {
        color: #666666;
        text-decoration: underline; }
        #footer .footer_info .ad a:hover {
          text-decoration: none; }
    #footer .footer_info #imobile_adspotdiv1,
    #footer .footer_info #imobile_adspotdiv2 {
      text-align: center;
      text-align: -webkit-center;
      margin: 0 0 15px 0; }
    #footer .footer_info .copyrights span.powered {
      display: inline-block;
      margin: 0 0 0 8px; }

#fc2_bottom_bnr {
  position: fixed;
  z-index: 10000;
  left: 0;
  top: auto !important;
  bottom: 0 !important;
  width: 100%;
  display: block;
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#70000000,EndColorStr=#70000000);
  background: rgba(0, 0, 0, 0.7); }

.footer_inner {
  max-width: 980px;
  margin: 0 auto;
 clear: both;

}

#footer_outline1 {
 margin:0 auto;
 max-width: 100%;
}
#footer_body1 { 
font-size:12px;

margin-bottom:10px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;

} 

.f-gather {
}
div.f-box {
width: 225px;
border: 1px solid #cccccc;
text-align: left;
padding: 5px;
margin: 3px;
}

div.f-boxlink {
height:300px;
width: 225px;
overflow-y:scroll;
border: 1px solid #cccccc;
text-align: left;
padding: 5px;
margin: 3px;
}

.f-title {
font-weight:bold; 
margin: 0px 0px 10px 0px; 
padding: 0px 0px 2px 5px;
border-bottom: #aaaaaa 1px dashed;
border-left: #AAAAAA 3px solid;
}

.access_rank td {
 font-size:12px;
 padding:1px;

}



/* ----------------------------------------------- */
/*

      BlogRoll css

*/
/* ----------------------------------------------- */



.blogroll-channel * {
    width: auto;
    height: auto;
    padding: 0;
    text-align: left;
    text-decoration:none;
}

.blogroll-channel {
    padding: 5px;
    text-overflow: ellipsis;

}

.blogroll-channel .blogroll-list-wrap {

}

.blogroll-channel .blogroll-list {
    list-style-type: none;
    margin-bottom: 3px;

}

.blogroll-channel .blogroll-list img {
    vertical-align: middle;
}

.blogroll-channel img.blogroll-icon,
.blogroll-channel img.blogroll-favicon {
    margin: 0 5px 0 0;
}

.blogroll-channel img.blogroll-favicon {
  width: 16px;
  height: 16px;
}

.blogroll-channel a.blogroll-link {

}

.blogroll-channel .blogroll-new-entry {
    margin-left: 5px;
    color: red;
}

.blogroll-channel .blogroll-clip,
.blogroll-channel .blogroll-hatebu {
    margin: 0 0 0 5px;
}

.blogroll-channel .blogroll-link-time {
    margin: 0 0 0 3px;
    color: #666;
    font-size: 10px;
}

.blogroll-channel .blogroll-ad-img {
}

.blogroll-channel .blogroll-ad-text {
    display: block;
    margin-top: 5px;
    color: #666;
    font-size: 14px;
}


.blogroll-sita {

 font-weight:bold;
 overflow-y:hidden;
 height:600px;
}

.blogroll-sita  li {
 padding:10px 0;
 border-bottom:1px dotted #08BA2B;
 font-size: 16px;
 background:#f5f5f5;
}

.article-naka {
 font-weight:bold;
 height:400px;
 overflow-y:hidden;
 margin:0 10px 10px 10px;

}

.article-naka li {
 font-size: 16px;
 padding:10px 4px;
 border-bottom:1px dotted #08BA2B;
 background:#f5f5f5;

}


.blogroll-top {
border:2px solid #08BA2B;
 padding:5px;
 overflow-y:scroll;
 height:250px;
 margin-top:10px;
}

.blogroll-top li {
 font-size: 14px;
 line-height:16px;
  padding:3px 0 0;
  border-bottom:1px dotted #08BA2B;
}

.blogroll-bottom {
 margin-bottom:20px;
 overflow-y:scroll;
 height:300px;
 background:#fff;
}

.blogroll-bottom li {
font-size: 14px;
  padding:3px 0 0;
  border-bottom:1px dotted #08BA2B;
margin-left:0px !important;
margin-top:0px !important;
}

/* ----------------------------------------------- */
/*

      iroiro

*/
/* ----------------------------------------------- */



.ad_wrapper{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}

.element {margin:0 10px;}


/* レクタングル幅指定 */
.responsive-unit{
max-width: 336px;
}

.flex{
    margin:10px auto;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}

.adsense3 {margin-left:20px;}
.ad-ra {margin-left:5px;}
.adsense_sp1 {display:none}
.adsense_sp2 {display:none}
.ad_nend {display:none;}
.nend_icon {display:none;}

.admax {
 margin:10px auto;
}


.article-sita {
  padding:10px 15px;
  background:#fff;
}

#page_rank {
  background:#fff;
  margin-bottom:15px;
  padding:5px;
}

#page_rank tr {
 padding:5px;
 border:1px solid #ccc;
}

#page_rank td {
  padding:5px;
  background:#fff;
  font-size:14px;
  text-decoration: underline; 
}


.article-bottom {
  background:#fff;
  overflow-y:scroll;
  height:300px;
 font-size:116%;
 font-weight:bold;
}

.article-bottom li {
 padding:3px 0;
margin-left:0px !important;
 border-bottom:1px dotted #08BA2B;
}


.title_bar {
 font-size: 14px;
  margin: 10px 0 10px;
  padding: 10px 20px;
background:#22b74e;
color:#fff;
font-weight:bold;
}

.title_bar2 {
 font-size: 14px;
  margin: 0 0 10px;
  padding: 5px 10px;
background:#22b74e;
color:#fff;

}
.t_b {
 padding-left:2px!important;
 padding-bottom:10px;
}

.t_h {
font-size:12px;
border-top:1px dotted #08BA2B;
padding-top:10px;
}

.blogroll-kizisita {
 height:240px;
 overflow-y:hidden;
 font-size:14px;
 padding-left:5px;
}

.blogroll-kizisita li {
 padding:6px!important;
border-bottom:1px dotted #08BA2B;
}

.kotei  {
margin-top:10px;
font-size:14px !important;
white-space: nowrap;
border-bottom:1px dotted #08BA2B;
}

.kotei li {
padding:5px 5px 0px 0px;
}
.plg_title {
 padding:10px;
 margin-bottom:10px;
 background:#22b74e;
 color:#fff;
 font-weight:bold;
}

#share {
 overflow:hidden;
 float:left;
 width:48%;
}

#share ul{
  height:auto;
}
#share li{
 padding-top:2px;
  font-size:12px;
  float:left;
  text-align:center;
  width:80px;
  margin-right:1%;
  border-radius:3px;
  list-style:none;
  display: inline-block;
  line-height: 2.2; 
  text-decoration:none;
}
#share li.share-twitter{
  background:#55acee;
  box-shadow:0 2px #2795e9;
}
#share li.share-twitter:hover{
  background:#83c3f3;
}
#share li.share-facebook{
  background:#3b5998;
  box-shadow:0 2px #2d4373;
}
#share li.share-facebook:hover{
  background:#4c70ba;
}

#share li.share-hatena{
  background:#2c6ebd;
  box-shadow:0 2px #225694;
}
#share li.share-hatena:hover{
  background:#4888d4;
}

#share li.share-line{
  background:#00C300;
  box-shadow:0 2px #009d00;
}
#share li.share-line:hover{
  background:#2bd92b;
}
#share a{
  display:block;
  height:24px;  
  color:#ffffff;
  text-decoration:none;
}
#share a:hover{
  text-decoration:none;
  color:#ffffff;
}

#share2 {
 margin:0 10px 10px;
 height:40px;
 width:100%;
}

#share2 li{
  font-size:14px;
  float:left;
  text-align:center;
  width:120px;
  margin-right:1%;
  border-radius:3px;
  list-style:none;
  display: inline-block;
  line-height: 2; 
  text-decoration:none;
}
#share2 li.share-twitter{
  background:#55acee;
  box-shadow:0 2px #2795e9;
}
#share2 li.share-twitter:hover{
  background:#83c3f3;
}
#share2 li.share-facebook{
  background:#3b5998;
  box-shadow:0 2px #2d4373;
}
#share2 li.share-facebook:hover{
  background:#4c70ba;
}

#share2 li.share-hatena{
  background:#2c6ebd;
  box-shadow:0 2px #225694;
}
#share2 li.share-hatena:hover{
  background:#4888d4;
}

#share2 li.share-line{
  background:#00C300;
  box-shadow:0 2px #009d00;
}
#share2 li.share-line:hover{
  background:#2bd92b;
}
#share2 a{
  display:block;
  height:30px;
  padding-top:2px;
  
  color:#ffffff;
  text-decoration:none;
}
#share2 a:hover{
  text-decoration:none;
  color:#ffffff;
}

.clear {
    clear:both;
}

 .adsense-sp1 {display:none;}
 .adsense-sp2 {display:none;}
 .adsense-sp3 {display:none;}

 .nend_banner {display:none;}
 .nend_icon {display:none;}

 .rakuten_sp {display:none;}

 .top_anntenasp {display:none;}
 .article-nakasp {display:none;}
 .kizisita_sp {display:none}
 .blogroll-bottomsp {display:none}


.sticky {
    postion: -webkit-sticky;
    position: sticky;
    top: 0;
}


/*
=====================================================================
*
*  media query
*
* ===================================================================
*/

@media screen and (max-width: 1080px) {
  /* 1080px以下用（タブレット／スマートフォン用）の記述 */

.body {width:100%;
overflow-x: hidden;
}

  #header {
    height: 50px;
    padding: 0;
 margin-bottom:10px;
}

 #head_inner {height: 50px;}

    #header .inner h1 {
      padding: 0 20px; }

     #head_inner h1 a {
        font-size: 20px!important;
 }
    #header .inner p {
      font-size: 14px; }

  section#main {
    float: none;
    width: 100%;
    min-width: 100%; }

section#main .inner .entry_footer {
      margin: 10px 0;
      padding:0!important;
      border-top:1px solid #ccc;
      border-bottom: 1px solid #CCC; 
      background:#fafafa;

}

     section#main .inner .entry img,
     section#main .inner .entry_more img {
 border:none;
 padding:0;
        max-width: 100%;
        text-align: left;
        height: auto;
        display: block;
}

 .entry h2 {font-size:14px!important;line-height:18px;margin:0 0 10px!important;}

 #entry_body {
　margin:10px 0!important;
　max-width:750px;
  padding:5px;
　}

      section#main .inner .entry_footer ul.entry_comment {
        width: 100%;
        text-align: left; }

    section#main .inner .entry,
    section#main .inner .entry_more {
      font-size: 14px;
      margin:10px 5px; }
    section#main .comment_area .inner #comment_form .comment_form_wrap .comment_form_left {
      float: left;
      width: 100%; }
    section#main .comment_area .inner #comment_form .comment_form_wrap .comment_form_right {
      float: right;
      width: 100%; }
    section#main .comment_area .inner #comment_form .comment_form_wrap .comment_form_left .form_textarea textarea,
    section#main .comment_area .inner #comment_form .comment_form_wrap .comment_form_right .form_textarea textarea {
      width: 95%; }
    section#main .comment_area .inner #comment_form .comment_form_wrap .comment_form_left .form_btn,
    section#main .comment_area .inner #comment_form .comment_form_wrap .comment_form_right .form_btn {
      margin: 0 0 0 0; }
    section#main #ed.comment_area .inner #comment_form .comment_form_wrap .comment_form_left {
      float: left;
      width: 100%; }
    section#main #ed.comment_area .inner #comment_form .comment_form_wrap .comment_form_right {
      float: right;
      width: 100%; }
    section#main #ed.comment_area .inner #comment_form .comment_form_wrap .comment_form_left .form_textarea textarea,
    section#main #ed.comment_area .inner #comment_form .comment_form_wrap .comment_form_right .form_textarea textarea {
      width: 95%; }
    section#main #ed.comment_area .inner #comment_form .comment_form_wrap .comment_form_left .form_btn,
    section#main #ed.comment_area .inner #comment_form .comment_form_wrap .comment_form_right .form_btn {
      margin: 0 0 0 0; }
      section#main #ed.comment_area .inner #comment_form .comment_form_wrap .comment_form_left .form_btn.edit_comment_btn input,
      section#main #ed.comment_area .inner #comment_form .comment_form_wrap .comment_form_right .form_btn.edit_comment_btn input {
        margin: 0 0 8px 0; }
        section#main #ed.comment_area .inner #comment_form .comment_form_wrap .comment_form_left .form_btn.edit_comment_btn input.delete_btn,
        section#main #ed.comment_area .inner #comment_form .comment_form_wrap .comment_form_right .form_btn.edit_comment_btn input.delete_btn {
          background: #CACACA; }
    section#main .entry_paging {
      border-bottom: 1px solid #D5D5D5; }

.comment_tag {font-size:12px;}



/* Related article
------------------------------------------------------------ */


#fc2relate_entry_thumbnail_area {
 margin: 10px 0px 0px 0px !important;
 padding: 10px 0px 0px 0px !important;

}
 
#fc2relate_entry_thumbnail_area .relate_dt {
 margin: 0 !important;
 padding: 10px 20px !important;
 background:#22b74e;
 line-height: 1.1 !important;
 color:#fff;
 font-weight:bold;
}
 
#fc2relate_entry_thumbnail_area .relate_dd {
 margin:0px;
 overflow: hidden;
}
 
#fc2relate_entry_thumbnail_area .relate_dd .relate_ul {
 padding: 0 !important;
 overflow: hidden;
}
 
#fc2relate_entry_thumbnail_area .relate_dd .relate_ul li {
 width: 100%;
 height:70px;

 list-style: none;
 border-bottom:1px solid #dddddd;/* 下線の色 */
 box-shadow: 0 1px 0 rgba(255,255,255,1) !important;
 font-size:12px;
}

.relate_entry_thumbnail_image {width:66px;}
 
#fc2relate_entry_thumbnail_area .relate_entry_thumbnail_image img {
 padding: 2px !important;
 margin: 5px !important;
 width: 50px !important;/* 画像の大きさ */
 height: 50px !important;/* 画像の大きさ */
 border: 1px #dddddd solid !important;/* 画像の枠線 */
}
 
.thumbnail_wrapper {
 display: flex;
 -webkit-flex-direction: row;
 flex-direction: row;
 -webkit-justify-content: flex-start;
 justify-content: flex-start;
 -webkit-align-items: flex-start;
 align-items: center;
}
 

.relate_entry_String {
 word-break: break-all;
 line-height: 1.2em;
 padding:5px;
 width:100%;
}
 
#fc2relate_entry_thumbnail_area .relate_li a{
 font-size:12px;
 text-decoration: none !important;/* テキスト下線なし */
}
 
#fc2relate_entry_thumbnail_area .relate_li a:hover{
 text-decoration: underline !important;/* マウスホバーでテキスト下線あり */
}

  section#side {
    float: none;
    width: 100%;
    margin: 0; }
    section#side .inner .side_plugin {
      float: none;
      width: 100%;
      margin: 0 0 30px 0;
      padding: 0 0 20px 0;
      border-bottom: 1px solid #E0E0E0; }
      section#side .inner .side_plugin .plugin_content .plugin_header {
        margin: 0 0 10px; 0}
      section#side .inner .side_plugin .plugin_content .plugin_body input,
      section#side .inner .side_plugin .plugin_content .plugin_body textarea {
        display: block; }
      section#side .inner .side_plugin .plugin_content .plugin_body .plugin-search input {
        width: 90%;
        margin: 0 0 0 0; }
        section#side .inner .side_plugin .plugin_content .plugin_body .plugin-search input[type="submit"] {
          width: 40%; }
      section#side .inner .side_plugin .plugin_content .plugin_body .plugin-calender table.calender caption a {
        width: 20%; }

  #footer {
    padding: 20px 0 40px 0;
    margin: 10px 0 0 0; }
    #footer .footer_info .copyrights span.powered {
      display: block;
      margin: 10px 0 0 0; }


.twitter-video {width:100%!important;min-width:200px!important;}

.t_h {font-size:11px!important;}

 iframe{
    max-width:100%;
    max-height:100%;
  }


img {
  max-width: 100%;
  height: auto;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
}

#share2 {
 margin:5px 5px 10px;
 height:40px;
 width:100%;
}

#share2 ul{

}

#share2 li{
  font-size:12px;
  float:left;
  text-align:center;
  width:70px;
  margin-right:1%;
  border-radius:3px;
  list-style:none;
  display: inline-block;
  line-height: 2.8; 
  text-decoration:none;
}

 .top_anntena {display:none;}
 .top_anntenasp {display:block;}
 .article-nakasp {display:block;}
 .kizisita_sp {display:block;}
 .blogroll-bottomsp {display:block;}

.blogroll-top {display:none;}
.article-naka {display:none;}
.blogroll-sita {display:none;}
.blogroll-bottom {display:none;}

 #page_rank  {display:none;}
 #global-nav {display:none;}
 #footer_outline1 {display:none;}
 .adsense2 {display:none;}
 .flex {display:none;}
 #share {display:none}
 #side  {display:none}


 .adsense-sp1 {display:block;margin:0 auto;}
 .adsense-sp2 {display:block;margin:0 auto;}
 .adsense-sp3 {display:block;margin:0 auto;}

 .nend_banner {display:block;}
 .nend_icon {display:block;}


.kizisita_sp {
 overflow-y:hidden;
 height:500px;
}

.kizisita_sp  li {
  padding:5px 0!important;
  border-bottom:1px dotted #08BA2B;
 font-size: 14px;
 line-height:16px;
}

.article-nakasp {
 height:270px;
 overflow-y:hidden;
 margin:5px;
 border:1px dashed #000;
}

.article-nakasp li {
 font-size: 12px;
  padding:4px;
  border-bottom:1px dotted #08BA2B;

}


.top_anntenasp {
border:2px solid #08BA2B;
 padding:5px;
 overflow-y:scroll;
 height:250px;
 margin-top:10px;
}

.top_anntenasp li {
 font-size: 12px;
 line-height:14px;
  padding:4px 0;
  border-bottom:1px dotted #08BA2B;
}

.blogroll-bottomsp {
 margin-bottom:20px;
 overflow-y:scroll;
 height:300px;
 background:#fff;
}

.blogroll-bottomsp li {
font-size: 12px;
line-height:16px;
  padding:4px 0 ;
  border-bottom:1px dotted #08BA2B;
margin-left:0px !important;
margin-top:0px !important;
}

.blogroll-channel * {
    font-size: 12px!important;
}

 }

.entry i,
.entry em,
.entry_more i,
.entry_more em{
  font-family: "游ゴシック","YuGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
  font-style: italic;
}