@media screen and (max-width: 750px) {
  /* front-page */
  .blog_wrapper {
    width: 100%;
    margin: 20px auto 0 auto; }
  .post_area {
    width: 94%;
    float: none;
    margin: 0 auto 44px auto; }
  .post_area .newPost {
    max-width: 650px;
    margin: 0 auto 50px auto; }
  .post_area .newPost h2 {
    padding: 8px 0 8px 0;
    font-size: 20px;
    width: 100%;
    margin-bottom: 8px;
    line-height: 1.2; }
  .post_area .newPost .newPost_eyecatch {
    width: 100%;
    height: auto;
    display: block; }
    .post_area .newPost .newPost_eyecatch::after {
      content: "NEW";
      font-weight: bold;
      color: #fff;
      font-size: 25px;
      line-height: 50px;
      display: block;
      width: 90px;
      height: 67px;
      background-image: url(../images/blog/new_icon.png);
      background-size: contain;
      background-repeat: no-repeat;
      position: absolute;
      top: -8px;
      right: -8px;
      z-index: 5; }
  .post_area .newPost .newPost_eyecatch img {
    height: auto;
    width: 100%;
    max-width: auto;
    max-width: initial;
    max-height: auto;
    max-height: initial; }
  .post_area .newPost dd div.txt a {
    font-size: 13px; }
  .post_area .newPost dd .btn_more {
    float: none;
    margin: 20px auto 0 auto; }
  .post_area .top_post_list {
    margin-bottom: 0px; }
  .post_area .top_post_list > li:nth-child(odd) {
    float: none; }
  .post_area .top_post_list > li:nth-child(even) {
    float: none; }
  .post_area .top_post_list > li {
    width: 100%;
    margin: 0 auto 40px auto;
    display: block; }
  .post_area .top_post_list > li a img {
    width: 100%;
    height: auto;
    border: solid 6px #f4f4f4;
    margin: 0 auto; }
  .post_area .top_post_list > li a img:hover {
    border: solid 6px #FFC600; }
  .post_area .top_post_list > li h3 {
    margin-top: 8px;
    margin-bottom: 0;
    padding: 0;
    line-height: 1.2;
    text-align: left; }
  .post_area .top_post_list > li .txt {
    display: none; }
  .post_area .top_next_page {
    text-align: center; }
  .post_area .top_next_page a {
    padding: 18px;
    width: 90%;
    max-width: 400px;
    font-size: 16px;
    margin: 10px 0 10px 0; }
  /* post-all */
  .post_area .allPost_list > li h3 {
    text-align: left;
    border: none;
    padding: 8px 0 0 0;
    width: 100%;
    margin-bottom: 0; }
  .post_area .allPost_list > li h3 a {
    font-size: 20px; }
  .post_area .allPost_list_box dd dl dt {
    width: 100%;
    float: none;
    height: auto; }
  .post_area .allPost_list_box dd dl dt img {
    width: 100%;
    height: auto;
    border: solid 6px #f4f4f4; }
  .post_area .allPost_list_box > dd dd {
    display: none; }
  .post_area .allPost_list > li {
    margin-bottom: 40px; }
  .post_area .pagenation ul li {
    height: 40px;
    line-height: 40px;
    font-size: 16px; }
  /* single post */
  .post_area h2 {
    padding: 8px 0 8px 0;
    font-size: 20px;
    width: 100%;
    margin-bottom: 8px;
    line-height: 1.2; }
  .post_area .singlePost_content p {
    font-size: 13px; }
  .post_area .singlePost_content img {
    width: auto;
    max-width: 100%;
    height: auto; }
  .post_area .singlePost {
    margin-bottom: 40px; }
  .singlePost-popular-area img {
    width: 100%;
    height: auto; }
  .post_area .singlePost-popular-area li {
    padding: 20px 0; }
  .post_area .singlePost-popular-area dd h3 {
    font-size: 16px;
    text-align: left; }
  .post_area .singlePost-popular-area dd {
    padding-top: 0px; }
  .post_area .singlePost-popular-area {
    margin-bottom: 40px; }
  .post_area .singlePost_pagenation a dt {
    margin: 0 auto;
    float: none; }
  .post_area .singlePost_pagenation a dd {
    float: none;
    width: 100%;
    text-align: center;
    margin: 0; }
  .post_area .singlePost_pagenation .singlePost_prev_page {
    padding: 12px; }
  .post_area .singlePost_pagenation .singlePost_next_page {
    padding: 12px; }
  .post_area .singlePost_content iframe {
    width: 100%;
    height: 310px; }
  /* side-bar */
  .sidebar_area {
    width: 94%;
    float: none;
    margin: 0 auto; }
  .sidebar_area .sidebar h2 {
    font-size: 18px;
    width: 100%;
    margin-bottom: 20px;
    background: -webkit-gradient(transparent 60%, #FFCC32 60%);
    background: -webkit-linear-gradient(transparent 60%, #FFCC32 60%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #FFCC32));
    background: -o-linear-gradient(transparent 60%, #FFCC32 60%);
    background: linear-gradient(transparent 60%, #FFCC32 60%); }
  .sidebar_area .sidebar > li {
    margin-bottom: 46px; }
  .sidebar_area .sidebar > li {
    padding: 0 15px; }
  .sidebar_area .osusume .rpwe-li {
    display: table;
    width: 100%;
    margin-bottom: 25px; }
  .sidebar_area .osusume .rpwe-li .rpwe-img {
    display: table-cell;
    width: 95px !important; }
  .sidebar_area .osusume .rpwe-li .rpwe-title {
    display: table-cell;
    text-align: left;
    vertical-align: middle;
    width: auto;
    height: auto;
    padding-left: 10px; }
  .sidebar_area .widget_categories > ul {
    display: table; }
  .sidebar_area .widget_categories > ul .cat-item {
    display: table-cell;
    vertical-align: middle; }
  .sidebar_area .popular-posts .wpp-list li {
    display: table; }
  .sidebar_area .popular-posts .wpp-list li a:not(:first-child) {
    display: table-cell;
    vertical-align: middle;
    padding-left: 10px; }
  /* search */
  .post_area .archive_title {
    font-size: 18px;
    margin-bottom: 20px; }
  /* 404 */
  .notfound_msg {
    font-size: 25px;
    margin-bottom: 30px;
    line-height: 1.2; }
  .notfound_msg span {
    font-size: 15px; } }