@charset "UTF-8";
.show-xs { display: none; }

.hide-xs { display: block; }

/*! ============================================================ */
/*! Media queries
/*! ============================================================ */
/*! =Responsive
----------------------------------------------- */
/*! Tab */
/*! Mobile */
@media screen and (max-width: 767px) { .show-xs { display: block; }
  .hide-xs { display: none; }
  body { background: none !important; background: #fff !important; }
  .white-wrap { background: none; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; }
  .shadow-bottom-1, .shadow-bottom-2, .shadow-bottom-3, .shadow-bottom-4, .shadow-bottom-5 { display: none; }
  body.single #main, body.page #main, body.error404 #main { padding: 0; background: none; }
  #header, #main, #footer { min-width: 0; }
  .xs-menu-area { display: block; }
  .main-navigation { display: none; }
  .fixed_widget, .static_widget { max-width: 100%; position: static !important; top: auto; }
  .wrapper-width { width: auto; max-width: 100%; min-width: 0; margin-left: auto; margin-right: auto; padding-left: 0; padding-right: 0; float: none; }
  .one-column-wrapper, .site-content, .site-logo-wrapper, .search-wrapper, .header-image, .widget-area, .two .widget-area-footer, .three .widget-area-footer, .four .widget-area-footer, .bnr-wrapper .site-logo-wrapper, .bnr-wrapper .header-advertisement, .entry-content, .btn_in_single a { width: auto !important; margin-left: 8px !important; margin-right: 8px !important; padding-left: 0 !important; padding-right: 0 !important; float: none !important; }
  #primary, #secondary { margin: 24px 0; }
  #content:before, #content:after { width: auto !important; content: none !important; }
  .nav-single .nav-previous, .nav-single .nav-next, .nav-single .nav-previous .nav-single-title, .nav-single .nav-next .nav-single-title, .nav-single .nav-previous a, .nav-single .nav-previous span.nav-single-none, .nav-single .nav-next a, .nav-single .nav-next span.nav-single-none .related .related-wrap li, .related .related-wrap li .entry-wrapper, .nav-single .nav-previous .eyecatch, .nav-single .nav-next .eyecatch, .related .related-wrap li .eyecatch { width: 100% !important; float: none !important; margin-left: auto !important; margin-right: auto !important; padding-left: 0 !important; padding-right: 0 !important; }
  .post-in-index article .entry-wrapper .entry-content-wrapper .eyecatch { width: 95%; float: none; margin-left: auto; margin-right: auto; }
  .widget-area .widget h3 { margin-left: auto; margin-right: auto; }
  .widget-area .widget-left, .widget-area .widget-right { width: 100%; float: none; margin-left: auto; margin-right: auto; }
  .textwidget { padding: 0 !important; }
  .sponsored { margin: 0 !important; }
  .sponsored li { width: 130px; }
  #secondary.widget-area .widget h3 { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; }
  .site-header { margin: 0; border: none !important; }
  .header-middle { padding: 8px 0; }
  .header-middle .theme-search, .header-middle .social-icons { text-align: center; margin: 8px 0; }
  .header-middle .search_box #searchform { margin: 0 auto; }
  #main { padding: 0; }
  .site-logo img { display: block; margin: 0 auto; }
  #primary, #secondary { float: none; }
  #primary { width: 100%; margin-bottom: 48px; }
  .site-footer { margin: 0 0 8px; }
  .site-footer .site-description, .site-footer .social-icons, .site-footer .footer-menu, .site-footer .social-btn, .site-footer .copyright, .site-footer .designer { text-align: center; }
  .site-footer .copyright-wrapper { padding: 0; margin: 0 0 16px; }
  .site-footer .copyright-wrapper .copyright, .site-footer .copyright-wrapper .designer { display: block; }
  .post-in-index { width: 280px !important; position: relative !important; top: auto !important; left: auto !important; margin: 0 auto 16px; padding: 0 0 16px; float: none; display: block; border-bottom: 3px double #aaa; }
  .post-in-index article { padding: 0; }
  .post-in-index article .eyecatch { width: 100%; float: none; }
  .post-in-single { padding: 0; }
  .post-in-single article .entry-header .entry-meta .entry-title { padding: 0; }
  .category-in-archive { padding: 8px; margin: 16px 0; }
  .breadcrumb .separator { width: 0; background: none; }
  .breadcrumb .separator:before { content: ">"; color: #aaa; }
  .nav-single .nav-previous, .nav-single .nav-next { margin: 8px 0 16px; }
  .nav-single .nav-previous a, .nav-single .nav-previous span.nav-single-none, .nav-single .nav-next a, .nav-single .nav-next span.nav-single-none { padding: 0; }
  .nav-single .nav-previous a .nav-single-title, .nav-single .nav-previous span.nav-single-none .nav-single-title, .nav-single .nav-next a .nav-single-title, .nav-single .nav-next span.nav-single-none .nav-single-title { font-size: 16px; text-align: left; margin: 0 0 8px; }
  .nav-single .nav-previous:before, .nav-single .nav-next:before { color: #333; font-size: 14px; font-weight: normal; position: relative; top: 0; left: 0; right: auto; line-height: 1.5; }
  .nav-single .nav-previous:after, .nav-single .nav-next:after { content: none; }
  .nav-single .nav-previous:hover:before, .nav-single .nav-next:hover:before { right: auto; left: auto; }
  .nav-single .nav-previous:before { content: "前の記事"; }
  .nav-single .nav-next:before { content: "次の記事"; }
  .related .related-wrap { padding: 8px 0; }
  .related .related-wrap li { overflow: hidden; }
  .related .related-wrap li .related-one .related-img { width: 100px; float: left; margin: 0 8px 8px 0; }
  .comments-area .commentlist .comment-body { padding: 8px; }
  .comments-area .commentlist .comment-body .comment-meta { position: relative; top: auto; right: auto; }
  .comments-area #respond { padding: 16px 0; } }