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

     smart phone setting

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

    body {
      -webkit-text-size-adjust:100%; margin:0; padding:0;
      width:100%; position:relative;
      color:#333;
      font-size:16px;
    }

    .visible-xs { display:block; }
    .hidden-xs { display:none!important; }

    /* layout */
    #contents { width:100%; }
    #main_col,#no_side_page { padding:15px 15px; }
    #blog_main_col { padding:15px 15px; }
    #side_col {padding:30px 10px 2px;background:#fff;border-top:1px solid #ccc;display: none;}
    .content { margin:30px 10px; }
    .m0auto { margin:0 auto; display: block; }


    /* ----------------------------------------------------------------------
     header
    ---------------------------------------------------------------------- */
    #header_wrap {width:100%;/*background: url(./img/border_01.png) repeat-x bottom; margin-bottom: 5px; */padding-bottom: 5px;}
    #header {
      width:100%;
      min-height:32px;
      padding:7px 0 9px;
      position:relative;
      /* box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5); */
      background: #ffffff;
    }

    #site_description { display:none; }

    /* logo */
    #logo_text, #logo_image {margin:5px 0 0 15px;line-height:120%;float:left;font-size:18px;font-weight:normal;width:40%;overflow:hidden;}
    #logo_text a, #logo_image a { color:#fff; text-decoration:none; display:block; }
    #logo_text a:hover, #logo_image a:hover { }
    #logo_image img {/* display:none; */width: 100%;}
    #logo_image a:before {content:attr(title);display: none;}

    /* global menu */
    /*#header a.menu_button:hover { background:#333; color:#fff; }*/
    #header a.active {color:#fff;background: #aaa;box-shadow:1px 1px 2px rgba(0,0,0,0.2) inset;}

    #global_menu.active {
      display:block !important;
    }

    #global_menu {
      display:none;
      clear:both;
      width:100%;
      margin:10px 0 34px;
      position:relative;
      box-shadow: 1px 2px 1.5px rgba(0, 0, 0, 0.1);
      -moz-box-shadow: 1px 2px 1.5px rgba(0, 0, 0, 0.1);
      -webkit-box-shadow: 1px 2px 1.5px rgba(0, 0, 0, 0.1);
      z-index: 99;
    }
    #global_menu ul { margin:0; }
    #global_menu li { margin:0; line-height:100%; }
    #global_menu li a {display:block;border: 1px solid #aaa;margin:0 0 -1px 0;padding:10px 10px 10px 30px;line-height:160%;text-decoration:none;background: #2d3131 url(img/common/arrow4.png) no-repeat 16px 18px;color:#fff;}
    #global_menu li a:hover { background-color:#000; color:#fff; }
    #global_menu li li a {padding-left:45px;background: #2d3131 url(img/common/arrow4.png) no-repeat 31px 18px;}
    #global_menu li li li a { padding-left:60px; background:#86634B url(img/common/arrow4.png) no-repeat 46px 18px; }
    #global_menu li li li li a { padding-left:75px; background:#86634B url(img/common/arrow4.png) no-repeat 61px 18px; }



    /* ----------------------------------------------------------------------
     single post page
    ---------------------------------------------------------------------- */
    .post {padding: 0;}

    /* title */
    #post_title { margin:0 0 30px 0; }

    #post_title h2 {
    color:#7D5853;
    width:74%;
    height:70px;
    margin:0;
    font-size:1rem;
    vertical-align:middle;
    display:table;
    padding-left:15px;
     }
    #post_title h2 span {
      vertical-align:middle;
      display:table-cell;
    }

    #post_title .post_date { width:15%; height:70px; text-align:center; line-height:100%; display:block; float:left; margin:0 1% 0 0; font-size:11px; }
    #post_title .date { background:#FFF5F3 !important; color:#86634B; display:block; height:35px; line-height:35px; font-family: "Rounded Mplus 1c","ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO"; }
    #post_title .month { background:#FAD8D5 !important; color:#86634B; display:block; height:35px; line-height:35px; font-family: "Rounded Mplus 1c","ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO"; }
    #post_title h2.no_date { float:none; width:90%; }

    /* post thumbnail */
    .post_image { text-align:center; margin:-42px 0 30px 0; }
    .post_image img { margin:0; width:100%; height:auto; }


    /* next page */
    #post_pagination { margin:0 0 30px 0; }
    #post_pagination h5 { margin:0 10px 0 0; float:left; line-height:30px; font-size:12px; }
    #post_pagination a, #post_pagination p { float:left; display:inline-block; background:#eee; margin:0 5px 0 0; width:30px; height:30px; line-height:30px; text-align:center; text-decoration:none; color:#333; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; font-size:12px; }
    #post_pagination p { background:#999; color:#fff; }
    #post_pagination a:hover { background:#00a2d9; color:#fff; }


    /* meta and bookmark */
    #post_meta { border-top:1px dotted #aaa; border-bottom:1px dotted #aaa; margin:0 0 30px 0; padding:15px 0 5px; }
    #post_meta #meta { margin:0 0 20px 0; font-size:12px; }
    #post_meta #meta li { padding:0; margin:0 0 6px 0; line-height:160%; }
    #post_meta #meta li.meta_author { background:url(img/common/icon_author.png) no-repeat left 5px; padding:0 0 0 18px; }
    #post_meta #meta li.meta_comment { background:url(img/common/icon_comment.png) no-repeat left 5px; padding:0 0 0 18px; }
    #post_meta #meta li.meta_category { background:url(img/common/icon_category.png) no-repeat 3px 4px; padding:0 0 0 18px; }
    #post_meta #meta li.meta_tag { background:url(img/common/icon_tag.png) no-repeat left 5px; padding:0 0 0 18px; }
    #post_meta .bookmark { margin:0; }
    #post_meta .bookmark li { float:left; margin:0 10px 10px 0; }


    /* related post*/
    #related_post { margin:0 0 35px 0; }
    #related_post .headline { font-size:18px; margin:0 0 12px 0; line-height:100%; }
    #related_post ul { margin:0; }
    #related_post li { margin:0 0 10px 0; border:1px solid #ccc; padding:10px; }
    #related_post .image { float:left; margin:0 15px 0 0; background:#000; }
    #related_post .image img { width:72px; height:72px; display:block; -webkit-transition-property:opacity; -webkit-transition-duration:0.4s; -webkit-transition-timing-function:ease; -moz-transition-property:opacity; -moz-transition-duration:0.4s; -moz-transition-timing-function:ease; -o-transition-property:opacity; -o-transition-duration:0.4s; -o-transition-timing-function:ease; }
    #related_post .image:hover img { opacity:0.5; }
    #related_post .info { }
    #related_post .date { margin:0 0 5px 0; line-height:100%; font-size:12px; color:#00a2d9; font-weight:bold; }
    #related_post .title { font-size:14px; margin:0; }
    #related_post .title a { text-decoration:none; display:block; }


    /* next prev post link */
    #previous_next_post { margin:0; padding:0; }
    #previous_next_post a { }
    #previous_post, #next_post { margin:0 0 5px 0; }
    #previous_post a { margin:0; line-height:140%; font-size:11px; background:url(img/common/arrow_left.gif) no-repeat left 2px; padding:7px 0 8px 30px; border-bottom:1px dotted #ccc; display:block; }
    #next_post a { margin:0; line-height:140%; font-size:11px; background:url(img/common/arrow_right.gif) no-repeat left 2px; padding:7px 0 8px 30px; display:block; }



    /* ----------------------------------------------------------------------
     archive
    ---------------------------------------------------------------------- */
    #top_headline {/* background:#000; */}
    .archive_headline {margin:0; margin-left: 10px;}
    #main_image { background:url(img/common/background2.jpg) repeat left top; }
    #main_image img { display:block; margin:0 ; width:100%; height:auto; }


    /* blog archive */
    #post_list { margin:0; padding:0; list-style-type:none; }
    #post_list li { border-bottom:1px dotted #aaa;  margin:0 0 22px 0; padding:0 0 12px 0; }
    #post_list li:last-child { margin:0; }
    #post_list .image { margin:0 0 15px 0; display:block; background:#000; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
    #post_list .image img { display:block; width:100%; height:auto; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -webkit-transition-property:opacity; -webkit-transition-duration:0.5s; -webkit-transition-timing-function:ease; -moz-transition-property:opacity; -moz-transition-duration:0.5s; -moz-transition-timing-function:ease; -o-transition-property:opacity; -o-transition-duration:0.5s; -o-transition-timing-function:ease; }
    #post_list .image:hover img { opacity:0.5; }



    /* ----------------------------------------------------------------------
     footer
    ---------------------------------------------------------------------- */
    /* footer top area */
    #footer {clear:both;width:100%;/* background: #ccc; background: url(./img/border_01.png) repeat-x top;*/}
    #footer_inner {position:relative;font-size:11px;/* padding-top: 30px; */}
    #footer li { line-height:170%; margin:0 0 5px 0; padding:0; }

    /* widget area */
    #footer_widget {/* margin:0 10px; */}
    .footer_widget {/* margin: 0 0 30px 0; */padding: 10px 10px;}
    .footer_headline { font-size:16px; margin:0 0 15px 0; padding:0 0 8px 0; border-bottom:1px dotted #aaa; }
    .footer_widget ul { margin:0; }
    .footer_widget li ul { margin:10px 0 0 0; }
    .footer_widget li { }
    .footer_widget img { height:auto; max-width:100%; width:auto; }

    .footer_widget:nth-child(1) {
      /*background:url(./img/border_01.png) repeat-x bottom;*/
    }
    #tcd_menu_widget-2 .menu ul.sub-menu {
    display: none;
}


    /* logo */
    #footer_logo_area {background:#f2f2f2;border-top:1px solid #ccc;display: none;}
    #footer_logo_area_inner { margin:0 10px; }
    #footer_logo_text, #footer_logo_image { display:none; }
    #footer_menu { margin:0; padding:20px 0; }
    #footer_menu ul { margin:0; }
    #footer_menu li { margin:0; line-height:100%; margin:0; padding:10px 0; border-bottom:1px dotted #aaa; }
    #footer_menu li:last-child { border:none; }
    #footer_menu li a { text-decoration:none; display:block; background:url(img/common/arrow3.gif) no-repeat left 5px; padding:0 0 0 10px; }

    /* copyright area */

    /* return top */
    #return_top { position:absolute; bottom:4px; right:5px; display:block; text-indent:100%; overflow:hidden; white-space:nowrap; width:40px; height:40px; margin:0; padding:0; background:#555 url(img/footer/return_top2.gif) no-repeat center center; -moz-border-radius:4px; -khtml-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; }
    #return_top:hover { background-color:#5EAD3C; }

    /* social link */
    #social_link { display:none; }

    /* copyright */
    #copyright p { margin:0 0 0 10px; float:left; font-size:12px; }
    #copyright a { text-decoration:none; color:#fff; }
    #copyright a:hover { text-decoration:underline; }
    #copyright_inner { display: inline-block; margin: 5px 0; }


    /* reCAPTCHA */
    .grecaptcha-badge { visibility: hidden; }