@charset "UTF-8";
@import url(css/template_6thgen.css);
/*
SCSS variables are information about icon's compiled state, stored under its original file name

.icon-home {
  width: $icon-home-width;
}

The large array-like variables contain all information about a single icon
$icon-home: x y offset_x offset_y width height total_width total_height image_path;

At the bottom of this section, we provide information about the spritesheet itself
$spritesheet: width height image $spritesheet-sprites;
*/
/*
The provided mixins are intended to be used with the array-like variables

.icon-home {
  @include sprite-width($icon-home);
}

.icon-email {
  @include sprite($icon-email);
}
*/
/*
The `sprites` mixin generates identical output to the CSS template
  but can be overridden inside of SCSS

@include sprites($spritesheet-sprites);
*/
/**
@prefix : <http://purl.org/net/ns/doas#> .
<> a :CSSStylesheet;
 :title "ver06_km_contrastive_2c";
 :shortdesc "Design Template for livedoor Blog";
 :created "2014-02-03";
 :release [:revision "1.00"; :created "2014-02-03"];
 :page <>;
 :rights "LINE Corporation".
*/
/* 全体のレイアウト
----------------------------------------------- */
.clearfix, .site-desc, .article-header, .first-article__meta, .page-category .autopagerize_page_element, .page-books .item_box01 {
  *zoom: 1; }
  .clearfix:after, .site-desc:after, .article-header:after, .first-article__meta:after, .page-category .autopagerize_page_element:after, .page-books .item_box01:after {
    content: "";
    display: table;
    clear: both; }

#wrapper {
  padding-top: 32px;
  background: #E3E1DF url(img/body_bk.gif) no-repeat center top; }

#container {
  background: #fff url(img/wrapper_bk.gif) no-repeat 0 39px;
  margin: 0 auto;
  /*width: 1040px;*/
  width: 1016px; }

#content {
  padding: 58px 0 100px; }

#main {
  padding: 0 0 0 47px; }

/* 2カラムレイアウトのとき */
body {
  color: #333;
  font: 14px/1.2 Helvetica,Verdana,sans-serif; }
  body.layout-2col #main {
    /*width: 680px;*/
    width: 640px; }
  body.layout-2col #sidebar {
    /*width: 300px;*/
    width: 329px; }
  body.layout-2col.sidebar-right #main {
    float: left; }
  body.layout-2col.sidebar-right #sidebar {
    float: right; }
  body.layout-2col.sidebar-left #main {
    float: right; }
  body.layout-2col.sidebar-left #sidebar {
    float: left; }

/* 右サイドバー */
#sidebar-inner {
  padding: 30px 29px 0 50px; }

/* 左サイドバー */
/* 全体の文字色、リンク色
----------------------------------------------- */
a, body.page-article .article-title a:visited, .calendarhead a:visited {
  text-decoration: none; }

a {
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.3s linear;
  -moz-transition: opacity 0.3s linear;
  -ms-transition: opacity 0.3s linear;
  -o-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear; }
  a:link {
    color: #000; }
  a:visited {
    color: #999; }
  a:hover {
    /*color: #e31010;*/
    color: #ae6c3d;
    text-decoration: underline;
    opacity: 0.6; }
  a:active {
    /*color: #e31010;*/
    color: #ae6c3d; }

/* ブログのヘッダー、タイトル、説明
----------------------------------------------- */
#blog-header.show-image #blog-header-inner {
  position: static; }

#blog-header-image {
  height: 400px;
  width: 100%;
  background-color: #f1f1f1; }

#blog-title {
  padding: 54px 0 0;
  font-size: 36px;
  color: #000;
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.9);
  line-height: 45px;
  font-weight: nomal;
  text-align: center; }
  #blog-title a {
    color: #000;
    text-decoration: none; }
    #blog-title a:hover {
      color: #e31010;
      text-decoration: underline; }

#blog-description {
  padding: 33px 0 0;
  font-size: 16px;
  color: #666;
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.9);
  line-height: 24px;
  text-align: center; }
  #blog-description a {
    text-decoration: underline; }
    #blog-description a:hover {
      text-decoration: none; }

#blog-header.hide-text #blog-header-inner {
  position: absolute;
  left: 0;
  top: 0;
  margin: 0; }

#blog-header.hide-text #blog-title {
  position: absolute;
  left: 0;
  top: 0;
  margin: 0; }
  #blog-header.hide-text #blog-title a {
    position: absolute;
    left: 0;
    top: 0;
    margin: 0; }

#blog-header.hide-text #blog-header-image {
  margin: 0; }

#blog-header.hide-text #blog-title a {
  background-color: #fff;
  opacity: 0;
  z-index: 10;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.1s linear;
  -moz-transition: opacity 0.1s linear;
  -ms-transition: opacity 0.1s linear;
  -o-transition: opacity 0.1s linear;
  transition: opacity 0.1s linear; }
  #blog-header.hide-text #blog-title a:hover {
    opacity: 0.3; }

#blog-header #blog-header-image {
  margin-top: 53px; }

#blog-header.show-image #blog-header-image {
  width: 515px;
  height: auto;
  margin: 45px auto 0;
  display: block; }

/* メニューバー
----------------------------------------------- */
.ldb_menu {
  /*position: relative;*/
  height: 39px;
  z-index: 20;
  background: url(img/top_nav.gif) no-repeat; }

.ldb_menu-list {
  zoom: 100%;
  /*width: 1040px;*/
  width: 828px;
  margin: 0 auto;
  padding-left: 260px;
  /*background: #666;*/ }
  .ldb_menu-list:after {
    content: ".";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden; }
  .ldb_menu-list li {
    float: left;
    list-style: none; }
    .ldb_menu-list li a {
      padding: 13px 13px;
      line-height: 1;
      display: block;
      /*font-size: 14px;*/
      font-size: 13px;
      color: #fff; }
  .ldb_menu-list .ldb_menu-item-current {
    color: #BF9159;
    background: #595959;
    text-decoration: none; }
  .ldb_menu-list li:hover, .ldb_menu-list li a:hover {
    color: #BF9159;
    background: #595959;
    text-decoration: none; }

/* カテゴリーナビゲーション
----------------------------------------------- */
.catnav {
  margin-top: 30px;
  list-style: none; }
  .catnav .catnav__item {
    margin-right: 15px;
    display: inline-block;
    width: 66px;
    height: 100px; }
    .catnav .catnav__item .catnav__item__lnk {
      display: block;
      text-indent: 100%;
      white-space: nowrap;
      overflow: hidden; }
  .catnav-season {
    background-image: url(img/sprite.png);
    background-position: -770px -410px;
    width: 66px;
    height: 100px; }
  .catnav-idea {
    background-image: url(img/sprite.png);
    background-position: -86px -666px;
    width: 66px;
    height: 100px; }
  .catnav-house {
    background-image: url(img/sprite.png);
    background-position: 0px -666px;
    width: 66px;
    height: 100px; }
  .catnav-food {
    background-image: url(img/sprite.png);
    background-position: -770px -290px;
    width: 66px;
    height: 100px; }
  .catnav-people {
    background-image: url(img/sprite.png);
    background-position: -770px -170px;
    width: 66px;
    height: 100px; }
  .catnav-news {
    background-image: url(img/sprite.png);
    background-position: -770px -530px;
    width: 66px;
    height: 100px; }

/* トップページブログ説明 */
.site-desc {
  margin-top: 50px; }
  .site-desc__img {
    float: left; }
  .site-desc__txt {
    padding-top: 40px;
    font-size: 12px;
    line-height: 2.1; }

/* メインカラム
----------------------------------------------- */
/* 記事全体 */
.article-body {
  padding-top: 15px; }

.article {
  padding-top: 20px;
  padding-bottom: 43px;
  margin-bottom: 20px;
  border-bottom: 1px solid #E4E4E4; }

.first-article {
  padding-top: 0;
  padding-bottom: 20px; }

.article-rating {
  margin-bottom: 10px;
  display: block; }

/* 記事ヘッダー、記事タイトル */
.article-header {
  position: relative; }

.article-title {
  font-size: 14px;
  line-height: 38px;
  color: #000;
  padding-bottom: 20px; }
  .article-title a, .article-title a:visited {
    color: #ae6c3d; }
    .article-title a:hover, .article-title a:visited:hover {
      color: #ddb596; }

/* 日付 */
.article-date {
  font-size: 13px;
  color: #1a1a1a;
  margin-bottom: 5px; }

/* 記事フッター、カテゴリ、コメント、ソーシャルボタン */
.article-footer-inner {
  zoom: 100%;
  margin-top: 45px; }
  .article-footer-inner:after {
    content: ".";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden; }
  .article-footer-inner a:link, .article-footer-inner a:visited, .article-footer-inner a:active {
    color: #666; }
  .article-footer-inner a:hover {
    color: #e31010;
    text-decoration: underline; }

.article-tags {
  padding: 5px 0 0 !important;
  line-height: 1 !important;
  margin: 0 !important; }

dl.article-tags dt {
  background: none;
  float: left;
  text-indent: 0;
  width: 45px;
  padding: 4px 0;
  font-size: 12px; }

.article-tags dd {
  font-size: 12px;
  line-height: 20px;
  list-style: none;
  margin-left: 0 !important;
  border-left: 1px solid #e4e4e4; }
  .article-tags dd a {
    line-height: 1;
    padding: 0 8px; }

.article-tags dt + dd {
  border-left: none; }
  .article-tags dt + dd a {
    padding: 0 8px 0 0; }

.article-meta {
  padding: 5px 0 0; }
  .article-meta li {
    margin: 0;
    float: none; }

.article-category dt {
  text-indent: 0;
  float: left;
  width: 67px;
  height: 20px;
  background: none; }

.article-category dd.article-category1 {
  padding: 0 8px 0 0; }

.article-comment-count dd {
  padding: 0 8px 0 0; }

.article-category dd.article-category2 {
  border-left: 1px solid #e4e4e4 !important; }

.article-social-btn {
  margin: 10px 0 0; }

/* 関連記事 */
.article-body .related-articles {
  margin-top: 50px; }
  .article-body .related-articles h3 {
    font-size: 16px;
    color: #333;
    margin: 0 0 15px 0;
    border-bottom: none; }
  .article-body .related-articles ul {
    list-style: none;
    margin: 0;
    padding-left: 0; }
    .article-body .related-articles ul li {
      background: url(img/usr/ver06_km_contrastive_2c/list.png) no-repeat left 10px;
      padding-left: 12px;
      font-size: 16px;
      line-height: 28px; }
      .article-body .related-articles ul li a {
        text-decoration: none; }
        .article-body .related-articles ul li a:hover {
          text-decoration: underline; }

/* 続きを読む */
.article-continue {
  text-align: right;
  margin: 30px 0 5px; }
  .article-continue a:link, .article-continue a:visited {
    font-size: 15px;
    color: #fff;
    background: #000;
    padding: 14px 15px;
    line-height: 1;
    text-decoration: none;
    font-weight: normal; }
  .article-continue a:hover {
    background: #e31010;
    text-decoration: none;
    color: #fff; }

/* 共通テーマ */
dl.common-theme {
  background: #fafafa;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 8px 12px; }

/* メッセージボード */
.message-board {
  margin-top: 0 !important;
  margin-bottom: 30px !important;
  padding-bottom: 20px;
  color: #333;
  line-height: 24px;
  overflow: hidden;
  font-size: 16px;
  border-bottom: 2px solid #000; }

/* プライベートモード、コメントにログインが必要な場合のメッセージ */
div.private-mode-announcement, div.comment-auth-announcement {
  background-color: #fafafa;
  border: 1px solid #ddd; }

/* 記事本文
----------------------------------------------- */
.article-body {
  color: #333;
  font-size: 14px; }

.article-body-inner h1 {
  border-left: 5px solid #e31010;
  padding-left: 10px;
  font-size: 22px;
  color: #000;
  margin: 25px 0; }

.article-body-inner h2 {
/*
  border-left: 5px solid #e31010;
  padding-left: 10px;
*/
  font-size: 16px;
  color: #000;
  margin: 25px 0; }

.article-body-inner h3 {
  border-bottom: 1px dotted #ccc;
  font-size: 16px;
  color: #000; }

.article-body-inner h4 {
  font-size: 16px;
  color: #000; }

.article-body-inner blockquote {
  background-color: #f7f7f7;
  border: 1px solid #fff;
  padding: 24px 25px 25px 75px;
  color: #666; }
  .article-body-inner blockquote:before {
    color: #000 !important;
    font-size: 58px;
    top: 23px;
    left: 25px; }

/* コメント・トラックバック一覧
----------------------------------------------- */
#article-options .article-option-title {
  font-size: 17px;
  font-weight: normal;
  margin-bottom: 40px; }

#comment-form {
  font-size: 14px;
  margin: 42px 0; }

.comment-info, .trackback-set {
  padding-top: 30px;
  border-top: 1px dashed #DBDBDB; }

.comment-info:first-child, .trackback-set:first-child {
  padding-top: 0;
  border-top: none; }

.comment-author, .ping-title {
  padding-right: 3px; }

.comment-date, .ping-blog-name, .ping-date {
  border-left: 1px solid #666;
  color: #999;
  padding: 0 6px; }

.comment-body {
  color: #484848;
  margin-top: 2px;
  line-height: 21px; }

.ping-excerpt {
  color: #666;
  margin-left: 16px; }

#comment-form dt {
  width: 8%; }

#comment-form dd {
  margin: 0 11%; }

div.article-option ol {
  margin: 35px 0 0 0; }

.comment-info, .trackback-set {
  font-size: 14px; }

.commentEvaluation {
  float: right;
  display: block;
  margin-top: -27px; }

/* ページ送り
----------------------------------------------- */
/* トップページ */
ul.index-navigator {
  margin: 30px 0 10px; }
  ul.index-navigator li a, ul.index-navigator li.current span {
    background-color: none;
    color: #ae6c3d;
    font-weight: normal !important; }

.paging-number {
  background-color: none;
  color: #ae6c3d;
  font-weight: normal !important; }

ul.index-navigator li.current span {
  background-color: #ae6c3d;
  color: #fff; }

ul.index-navigator a:hover {
  background-color: #ae6c3d;
  text-decoration: none;
  color: #FFF; }

ul.index-navigator a:visited {
  color: #ae6c3d; }
  ul.index-navigator a:visited:hover {
    color: #FFF; }

.paging-prev a, .paging-next a, .paging-first a, .paging-last a {
  display: block;
  width: 5px;
  height: 9px;
  overflow: hidden;
  margin: 0;
  padding: 0;
  border: none;
  text-align: left;
  vertical-align: middle;
  text-indent: -9999px;
  *text-indent: 0;
  *line-height: 9999px; }

.paging-prev a {
  background: url(img/usr/ver06_km_contrastive_2c/icon_prev.png) no-repeat center !important; }

.paging-next a {
  background: url(img/usr/ver06_km_contrastive_2c/icon_next.png) no-repeat center !important; }

.paging-first a {
  background: url(img/usr/ver06_km_contrastive_2c/icon_prev_end.png) no-repeat center !important; }

.paging-last a {
  background: url(img/usr/ver06_km_contrastive_2c/icon_next_end.png) no-repeat center !important; }

/* 記事ページ、月別アーカイブページ */
ul.article-pager {
  zoom: 100%;
  padding: 0;
  margin-bottom: 60px;
  padding-bottom: 30px;
  border-bottom: 1px solid #E4E4E4; }
  ul.article-pager:after {
    content: ".";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden; }
  ul.article-pager li {
    margin: 0; }

ul.archives-pager li {
  margin: 0; }

ul.article-pager li.prev {
  float: left;
  background: url(img/usr/ver06_km_contrastive_2c/icon_prev.png) no-repeat left 4px;
  padding-left: 10px; }

ul.article-pager li.next {
  float: right;
  background: url(img/usr/ver06_km_contrastive_2c/icon_next.png) no-repeat right 4px;
  padding-right: 10px; }

ul.article-pager li a {
  font-size: 16px;
  padding: 0; }

ul.archives-pager li a {
  font-size: 16px;
  padding: 0; }

ul.article-pager li a:visited, ul.archives-pager li a:visited {
  color: #ae6c3d; }

ul.article-pager li a:hover, ul.archives-pager li a:hover {
  background: none;
  text-decoration: underline; }

/* ブログのフッター
----------------------------------------------- */
#blog-footer {
  color: #e4e4e4;
  padding: 31px;
  font-size: 12px;
  background: #000; }
  #blog-footer a {
    color: #e4e4e4; }

/* ブログパーツ
----------------------------------------------- */
/* 共通 */
.sidewrapper {
  font-size: 14px;
  overflow: hidden;
  padding: 30px 0 20px;
  position: relative; }
  .sidewrapper:first-child {
    padding-top: 0; }
  .sidewrapper .side-l {
    text-align: left; }

.side a {
  color: #666; }
  .side a:hover {
    color: #ae6c3d;
    text-decoration: none; }

.sidewrapper .sidetitle {
  color: #333;
  font-size: 16px;
  margin-bottom: 15px;
  line-height: 1.2;
  font-weight: bold; }
  .sidewrapper .sidetitle a {
    color: #333; }

.sidewrapper .side .sidebody {
  line-height: 21px;
  margin: 0 0 7px 0; }
  .sidewrapper .side .sidebody.category-child {
    margin-left: 1em; }

.sidebody {
  background: url(img/usr/ver06_km_contrastive_2c/list.png) no-repeat left 7px;
  padding-left: 10px; }

/*  カテゴリ */
/* カレンダー */
.plugin-calendar_default {
  width: 280px; }

.table.caltbl.calendartable {
  margin-top: 17px !important;
  margin-bottom: 0 !important; }

table.caltbl {
  line-height: 1.8;
  margin: 17px auto;
  margin-bottom: 0 !important;
  width: 100%; }

.calendarhead {
  font-weight: normal;
  font-size: 15px; }

table.caltblwk {
  width: 280px; }
  table.caltblwk .weekday {
    color: #000; }
  table.caltblwk .sun {
    color: #ff5d5d; }
  table.caltblwk .sat {
    color: #578efa; }

table.caltblday {
  color: #000;
  border-collapse: separate;
  border-spacing: 4px;
  font-size: 13px;
  max-width: 280px;
  font-family: Arial, sans-serif;
  width: 280px; }
  table.caltblday .caloff, table.caltblday .calon {
    border: 1px solid #e4e7e8; }
  table.caltblday td a {
    height: 23px;
    line-height: 23px;
    font-weight: bold;
    color: #E31010; }
    table.caltblday td a:hover {
      text-decoration: underline; }

.caltblwkbg.calendarwd table.caltblwk {
  max-width: 270px; }

/*検索フォーム*/
.sidewrapper input.sf {
  background-color: none;
  border-radius: 0;
  background: none;
  box-shadow: none;
  display: block;
  float: left;
  margin: 0 auto;
  padding: 0 5px 0 5px;
  vertical-align: top;
  width: 240px;
  height: 28px;
  border: 1px solid #e4e4e4;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 13px;
  outline: 0; }

.sidewrapper input.sfbtn {
  border-left: 0;
  border-radius: 0;
  float: right;
  text-shadow: none;
  width: 55px;
  background: #bbb;
  color: #fff;
  outline: 0;
  border: none;
  width: 55px;
  height: 28px;
  line-height: 28px;
  padding: 0 !important;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .sidewrapper input.sfbtn:hover {
    color: #FFF; }

/* その他のパーツ
----------------------------------------------- */
/* アーカイブヘッダ */
.archives-header {
  margin-top: 50px !important;
  color: #ae6c3d;
  line-height: 24px;
  overflow: hidden;
  font-size: 18px; }
  .archives-header a:link, .archives-header a:visited, .archives-header a:hover, .archives-header a:active {
    color: #000; }

/* 記事下広告 */
#ad2 {
  padding: 40px 0 35px !important; }
  #ad2 a.addescription {
    color: #000; }

/* 特殊機能・カスタマイズ
----------------------------------------------- */
/* ページトップへ */
  .to-pagetop{
    position: static;
    padding-right: 90px;
}
  .to-pagetop a {
    margin-left: auto;
    background: url(img/usr/default_2012/common/to_pagetop.png) 0 0 no-repeat;
    display: block;
    width: 70px;
    height: 70px;
    text-indent: -9999px;
    opacity: 0.6;
    -webkit-transition: opacity linear 0.1s;
    -moz-transition: opacity linear 0.1s;
    -ms-transition: opacity linear 0.1s;
    -o-transition: opacity linear 0.1s;
    transition: opacity linear 0.1s; }
    .to-pagetop a:hover {
      opacity: 0.9; }

/* klastyling特殊
----------------------------------------------- */
article:after, .img-right:after, .wp-caption:after, .photo_pair:after, .photo_pair545:after, .photo_sets:after, .item_box01:after, #latest_topic article header:after, #search-results article:after, .cf:after {
  content: "";
  display: block;
  clear: both; }

.mem_blog_link {
  padding-left: 70px;
  background-position: left center;
  background-repeat: no-repeat;
  color: #333 !important;
  text-decoration: none !important;
  background-image: url(img/mem_blog_link.gif); }

.mem_site_link {
  padding-left: 70px;
  background-position: left center;
  background-repeat: no-repeat;
  color: #333 !important;
  text-decoration: none !important;
  background-image: url(img/mem_site_link.gif); }
  .mem_site_link:hover {
    color: #ddb596 !important;
    text-decoration: underline !important; }

.mem_blog_link:hover {
  color: #ddb596 !important;
  text-decoration: underline !important; }

.single div.alignnone {
  margin-top: 2em; }

.alignleft img {
  float: left;
  margin-right: 10px; }

.alignright img {
  float: right;
  margin-left: 10px; }

.alignright p.wp-caption-text {
  text-align: right; }

.img-right {
  margin-top: 2em; }
  .img-right img {
    float: right; }

.photo_pair {
  margin: 3em 0 0;
  width: 640px; }

.photo_pair545 {
  margin: 3em auto 0;
  width: 545px; }

.photo_pair img {
  width: 315px;
  margin: 0; }

.photo_pair545 img {
  width: 270px;
  margin: 0; }

.photo_pair img.alignleft, .photo_pair545 img.alignleft {
  float: left; }

.photo_pair img.alignright, .photo_pair545 img.alignright {
  float: right; }

.photo_pair div.alignleft img, .photo_pair div.alignright img {
  float: none; }

.photo_pair545 div.alignleft img, .photo_pair545 div.alignright img {
  float: none; }

.photo_pair div.alignleft, .photo_pair545 div.alignleft {
  float: left; }

.photo_pair div.alignright, .photo_pair545 div.alignright {
  float: right; }

.photo_pair div.wp-caption {
  width: 315px;
  overflow: hidden; }

.photo_pair545 div.wp-caption {
  width: 270px;
  overflow: hidden; }

.photo_pair div.alignright p.wp-caption-text, .photo_pair545 div.alignright p.wp-caption-text {
  text-align: left; }

.photo_sets {
  margin: 3em 0 0;
  width: 640px; }
  .photo_sets div {
    margin-top: 0 !important;
    padding: 0;
    float: left;
    width: 210px;
    display: inline;
    overflow: hidden; }
  .photo_sets .wp-caption {
    width: 210px;
    overflow: hidden; }
    .photo_sets .wp-caption img {
      margin: 0 !important; }
  .photo_sets .aligncenter {
    margin: 0 5px; }

p.wp-caption-text {
  margin: 0 !important; }

/* TOPページ
----------------------------------------------- */
.first-article {
  margin-top: 64px; }
  .first-article__meta__icon {
    margin-right: 20px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    background-image: url(img/sprite.png);
    background-position: -445px -666px;
    width: 71px;
    height: 71px;
    float: left; }
  .first-article__meta__data {
    padding-top: 12px; }
    .first-article__meta__data a {
      color: #ae6c3d; }
      .first-article__meta__data a:hover {
        color: #ddb596; }
    .first-article__meta__data time {
      padding-left: 24px;
      color: #ae6c3d; }
  .first-article__meta .article-date {
    color: #ae6c3d; }
  .first-article__meta .article-title {
    padding-bottom: 5px;
    background: url(img/new_today_brdr.png) no-repeat 86px bottom; }

.first-article .ArticleFirstImage img {
  display: inline-block;
  background-position: center center;
  background-repeat: no-repeat;
  height: auto;
  /*width:680px;*/
  width: 640px;
  margin-top: 36px; }

.article-top {
  margin-top: 50px; }
  .article-top .article-header .article-category1__lnk {
    display: block;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden; }
  .article-top .article-header .article-category1 .catnew_SEASON {
    background-image: url(img/sprite.png);
    background-position: -627px -666px;
    width: 71px;
    height: 71px; }
  .article-top .article-header .article-category1 .catnew_IDEA {
    background-image: url(img/sprite.png);
    background-position: -718px -666px;
    width: 71px;
    height: 71px; }
  .article-top .article-header .article-category1 .catnew_HOUSE {
    background-image: url(img/sprite.png);
    background-position: -263px -666px;
    width: 71px;
    height: 71px; }
  .article-top .article-header .article-category1 .catnew_FOOD {
    background-image: url(img/sprite.png);
    background-position: -172px -666px;
    width: 71px;
    height: 71px; }
  .article-top .article-header .article-category1 .catnew_PEOPLE {
    background-image: url(img/sprite.png);
    background-position: -536px -666px;
    width: 71px;
    height: 71px; }
  .article-top .article-header .article-category1 .catnew_NEWS {
    background-image: url(img/sprite.png);
    background-position: -354px -666px;
    width: 71px;
    height: 71px; }
  .article-top .article-header .article-date {
    margin-top: 13px;
    color: #ae6c3d; }
  .article-top .article-descript {
    height: 450px;
    width: 180px;
    float: left; }
  .article-top .article-title {
    margin: 10px 0 0;
    padding: 0px;
    line-height: 1.5; }
  .article-top .article-body {
    padding-top: 0;
    margin-top: 21px; }
  .article-top .article-body-inner {
    font-size: 12px; }
  .article-top .ArticleFirstImage {
    float: right;
    height: 450px;
    width: 450px;
    overflow: hidden; }
    .article-top .ArticleFirstImage img {
      display: inline-block;
      background-position: center center;
      background-repeat: no-repeat;
      max-width: 450px; }

/* 記事ページ
----------------------------------------------- */
#article-post .article {
  border-bottom: none; }

#article-post .article-header_caticon {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  margin-right: 21px;
  float: left; }
  #article-post .article-header_caticon-SEASON {
    background-image: url(img/sprite.png);
    background-position: -627px -666px;
    width: 71px;
    height: 71px; }
  #article-post .article-header_caticon-IDEA {
    background-image: url(img/sprite.png);
    background-position: -718px -666px;
    width: 71px;
    height: 71px; }
  #article-post .article-header_caticon-HOUSE {
    background-image: url(img/sprite.png);
    background-position: -263px -666px;
    width: 71px;
    height: 71px; }
  #article-post .article-header_caticon-FOOD {
    background-image: url(img/sprite.png);
    background-position: -172px -666px;
    width: 71px;
    height: 71px; }
  #article-post .article-header_caticon-PEOPLE {
    background-image: url(img/sprite.png);
    background-position: -536px -666px;
    width: 71px;
    height: 71px; }
  #article-post .article-header_caticon-NEWS {
    background-image: url(img/sprite.png);
    background-position: -354px -666px;
    width: 71px;
    height: 71px; }

#article-post .article-date {
  margin: 0;
  padding-top: 15px;
  font-size: 11px;
  color: #ae6c3d; }

#article-post .article-title {
  padding-bottom: 10px;
  font-size: 14px;
  line-height: 1.6;
  background: url(img/new_today_brdr.png) no-repeat 92px bottom;
  color: #ae6c3d; }

#article-post .meta-head {
  float: right; }

#article-post .breadcrumb {
  list-style: none;
  text-align: right; }
  #article-post .breadcrumb_item {
    display: inline-block;
    font-size: 12px;
    margin-right: 4px; }
    #article-post .breadcrumb_item_lnk {
      color: #ae6c3d; }
      #article-post .breadcrumb_item_lnk:hover {
        color: #ddb596; }

#article-post .article-body {
  padding-top: 0;
  margin-top: 28px; }

#article-post .article-body-inner {
  padding: 0 70px;
  background: url(img/new_today_brdr.png) center bottom no-repeat; }
  #article-post .article-body-inner img {
    max-width: 570px; }
  #article-post .article-body-inner a {
    color: #ae6c3d; }
    #article-post .article-body-inner a:hover {
      color: #ddb596; }

#article-post .related-articles {
  padding: 0 40px 35px;
  background: url(img/new_today_brdr.png) center bottom no-repeat; }
  #article-post .related-articles h3 {
    margin: 0;
    font-size: 16px;
    font-weight: bold;
    color: #ae6c3d; }
  #article-post .related-articles ul {
    margin-top: 10px; }
  #article-post .related-articles li {
    margin-bottom: 12px; }
    #article-post .related-articles li:last-child {
      margin-bottom: 0; }
    #article-post .related-articles li a {
      color: #ae6c3d; }
      #article-post .related-articles li a:hover {
        color: #ddb596; }
  #article-post .related-articles .related-article-image img {
    -webkit-border-radius: 10px;
    border-radius: 10px; }
  #article-post .related-articles .related-article-title {
    font-size: 14px;
    line-height: 1.4; }

#article-post .article-footer-inner {
  padding: 0 40px; }

/* カテゴリページ
----------------------------------------------- */
#category-header {
  height: 403px;
  background-position: right top;
  background-repeat: no-repeat; }
  #category-header:after {
    width: 321px;
    display: block;
    color: #333;
    font-size: 12px;
    line-height: 1.7; }
  #category-header.catheader-SEASON {
    background-image: url(klastyling/imgs/3/e/3e441f91.jpg); }
    #category-header.catheader-SEASON:after {
      content: "四季に恵まれた自然ゆたかな日本には、季節を感じさせるすてきな習慣がたくさん。ウキウキした気分になれる、季節を楽しむ暮らしの提案です。"; }
  #category-header.catheader-IDEA {
    background-image: url(klastyling/imgs/4/7/47a01820.jpg); }
    #category-header.catheader-IDEA:after {
      content: "ちょっとした工夫で暮らしが楽しく、便利になる！　このコーナーでは小さな手作りやディスプレイのアイデア、おすすめのプチプラ・アイテムなどをご紹介。"; }
  #category-header.catheader-HOUSE {
    background-image: url(klastyling/imgs/6/a/6af8092c.jpg); }
    #category-header.catheader-HOUSE:after {
      content: "住まいを居心地よくするインテリア＆収納のヒントや模様替えのアイデア、憧れのライフスタイルをおくる方のお住まいの実例などを紹介します。"; }
  #category-header.catheader-FOOD {
    background-image: url(klastyling/imgs/2/e/2e7a75cd.jpg); }
    #category-header.catheader-FOOD:after {
      content: "気軽なホームパーティでのおもてなしメニュー、旬の食材の美味しい食べ方、あるとうれしい食材や盛りつけのコツなど、食まわりの情報をお届けします。"; }
  #category-header.catheader-PEOPLE {
    background-image: url(klastyling/imgs/e/b/eb107c74.jpg); }
    #category-header.catheader-PEOPLE:after {
      content: "毎日の暮らしの中に小さなワクワクを見つけて、「可愛い」のカタチにして情報発信する。女性ならではの輝く生き方を見つけた人たちにインタビュー。"; }
  #category-header.catheader-NEWS {
    background-image: url(klastyling/imgs/2/b/2b305858.jpg); }
    #category-header.catheader-NEWS:after {
      content: "ショップオープンや新商品、セール情報など、暮らしを楽しくするニュースをお届け。フォトスタイリングアカデミーからの情報もお伝えします。"; }
  #category-header .catheader-title {
    margin-top: 165px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden; }
  #category-header .cattitle-SEASON {
    background-image: url(img/sprite.png);
    background-position: -341px -496px;
    width: 321px;
    height: 65px; }
  #category-header .cattitle-HOUSE {
    background-image: url(img/sprite.png);
    background-position: 0px -496px;
    width: 321px;
    height: 65px; }
  #category-header .cattitle-IDEA {
    background-image: url(img/sprite.png);
    background-position: 0px -581px;
    width: 321px;
    height: 65px; }
  #category-header .cattitle-FOOD {
    background-image: url(img/sprite.png);
    background-position: -341px -581px;
    width: 321px;
    height: 65px; }
  #category-header .cattitle-PEOPLE {
    background-image: url(img/sprite.png);
    background-position: -341px -410px;
    width: 321px;
    height: 66px; }
  #category-header .cattitle-NEWS {
    background-image: url(img/sprite.png);
    background-position: 0px -410px;
    width: 321px;
    height: 66px; }

div#Categorizpage {
  margin: 0 20px 55px 0;
  width: 145px;
  float: left;
  overflow: hidden;
  text-align: center; }

#Categorizpage .article {
  margin: 0;
  padding: 0;
  border-bottom: none; }

#Categorizpage .ArticleFirstImage img {
  display: inline-block;
  background-position: center center;
  background-repeat: no-repeat;
  height: 145px;
  /* 正方形バージョン */
  width: 145px; }

#Categorizpage .article-date {
  margin: 5px 0;
  font-size: 11px;
  display: block; }

#Categorizpage .article-title {
  height: 50px;
  margin: 0 0 10px;
  padding: 0px;
  font-size: 11px;
  line-height: 1.5; }

#Categorizpage .article-body {
  margin: 0;
  padding: 0px; }

#Categorizpage .article-body-inner {
  font-size: 11px;
  height: 90px;
  overflow: hidden; }

.page-category .autopagerize_page_element {
  margin-top: 100px; }
  .page-category .autopagerize_page_element #Categorizpage:nth-child(8n) {
    margin-right: 0; }

/* 月間ページ
----------------------------------------------- */
.page-monthly .autopagerize_page_element {
  margin-top: 20px; }

div#Monthlypage {
  margin: 0;
  overflow: hidden; }

#Monthlypage .article {
  border-bottom: none;
  padding: 0px; }

#Monthlypage .article-header {
  width: 275px;
  padding: 16px 15px 0 0;
  text-align: right;
  float: left; }

#Monthlypage .article-date {
  margin: 5px 0;
  font-size: 12px;
  display: block; }

#Monthlypage .article-title {
  height: 50px;
  margin: 0 0 10px;
  padding: 0px;
  font-size: 12px;
  line-height: 1.5; }

#Monthlypage .ArticleFirstImage {
  float: left; }
  #Monthlypage .ArticleFirstImage img {
    display: inline-block;
    background-position: center center;
    background-repeat: no-repeat;
    height: 75px;
    width: 75px; }

#Monthlypage .article-body {
  margin: 0 0 20px;
  padding: 0 0 0 20px;
  float: left; }

#Monthlypage .article-body-inner {
  font-size: 12px;
  line-height: 1.5;
  height: 75px;
  width: 235px;
  overflow: hidden; }

#monthly-header h1 {
  text-align: center;
  line-height: 1;
  font-size: 30px; }

div.archiveimgNav {
  height: 130px; }

.archiveimgNav div.PrevA, .archiveimgNav div.NextA {
  border: solid 1px #ccc !important;
  border-radius: 5px;
  padding: 10px;
  width: 295px !important; }
  .archiveimgNav div.PrevA a, .archiveimgNav div.NextA a {
    color: #ae6c3d; }
    .archiveimgNav div.PrevA a:hover, .archiveimgNav div.NextA a:hover {
      color: #ddb596; }

.archiveimgNav div.PrevA {
  float: left; }

.archiveimgNav .PrevA span, .archiveimgNav div.PrevA img, .archiveimgNav .PrevA p {
  float: left; }

.archiveimgNav div.NextA {
  float: right; }

.archiveimgNav .NextA span, .archiveimgNav .NextA img, .archiveimgNav .NextA p {
  float: right; }

.archiveimgNav .PrevA span {
  width: 100%;
  padding: 0 0 10px; }

.archiveimgNav .NextA span {
  width: 100%;
  padding: 0 0 10px;
  text-align: right; }

.archiveimgNav .PrevA p {
  margin-left: 10px;
  width: 200px; }

.archiveimgNav .NextA p {
  margin-right: 10px;
  width: 200px; }

.archiveimgNav div.PrevA img, .archiveimgNav div.NextA img {
  width: 80px;
  height: 80px; }

/* 検索結果ページ
----------------------------------------------- */
#search-page #category-header.archives-header {
  margin-top: 0 !important;
  height: auto; }
  #search-page #category-header.archives-header .catheader-title {
    margin-top: 60px;
    color: #333;
    text-indent: 0; }

#search-page .autopagerize_page_element {
  margin-top: 30px; }

/* 固定HTMLページ
----------------------------------------------- */
.page-paged #article-post .article-header .article-title {
  margin-top: 60px;
  font-size: 22px;
  background-position: left bottom; }

.page-paged #article-post .article-body-inner {
  padding-left: 0;
  background-image: none;
  font-size: 13px; }
  .page-paged #article-post .article-body-inner dt {
    font-weight: bold;
    color: #ae6c3d; }
  .page-paged #article-post .article-body-inner dd {
    margin-bottom: 2em; }
  .page-paged #article-post .article-body-inner ul {
    margin: 0;
    padding: 0;
    list-style: none; }
  .page-paged #article-post .article-body-inner #pf_table {
    border-collapse: collapse; }
    .page-paged #article-post .article-body-inner #pf_table .year {
      padding-right: 1em;
      white-space: nowrap; }
    .page-paged #article-post .article-body-inner #pf_table .month {
      padding-right: 1em;
      white-space: nowrap;
      text-align: right; }
    .page-paged #article-post .article-body-inner #pf_table .detail {
      padding-bottom: 0.5em; }
    .page-paged #article-post .article-body-inner #pf_table td {
      vertical-align: top;
      font-size: 12px;
      border: none; }

/* 関連書籍ページ */
.page-books .item_box01 {
  margin-top: 40px; }
  .page-books .item_box01 .item_cap01 a {
    font-weight: bold;
    font-size: 14px;
    line-height: 1.7; }
  .page-books .item_box01 figure {
    margin: 0 10px 0 0;
    float: left;
    display: block; }

/* サイドバー
----------------------------------------------- */
#sidebar-inner:first-child {
  padding-top: 0; }

#sidebar-inner .sidewrapper {
  margin-top: 60px;
  padding: 0; }

#sidebar-inner .side-block {
  margin-top: 60px; }

#sidebar-inner .side_txt01 p {
  line-height: 1.6; }

#sidebar-inner .side-pagemenu {
  margin-top: 30px;
  list-style: none; }
  #sidebar-inner .side-pagemenu__item {
    margin-top: 12px;
    padding-left: 12px;
    background: url(img/side-pagemenu-head.gif) left center no-repeat; }
    #sidebar-inner .side-pagemenu__item:first-child {
      margin-top: 0; }
    #sidebar-inner .side-pagemenu__item__lnk {
      color: #ae6c3d;
      font-size: 12px;
      display: block; }
      #sidebar-inner .side-pagemenu__item__lnk:hover {
        color: #ddb596;
        text-decoration: underline; }

#sidebar-inner .side-rss__lnk {
  display: block;
  padding-left: 35px;
  background: url(img/feed-icon-28x28.png) no-repeat left center;
  font-size: 13px;
  line-height: 18px; }

#sidebar-inner .side-psj__lnk {
  display: block;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background-image: url(img/sprite.png);
  background-position: -520px -346px;
  width: 175px;
  height: 38px; }

#sidebar-inner .side-psj p {
  font-size: 11px;
  margin-top: 14px; }
  #sidebar-inner .side-psj p:first-child {
    margin-top: 0; }

#sidebar-inner .side-mail__ttl {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background-image: url(img/sprite.png);
  background-position: -270px -346px;
  width: 122px;
  height: 13px; }

#sidebar-inner .side-mail__txt {
  margin-top: 5px;
  font-size: 10px; }

#sidebar-inner .side-mail__rep__lnk {
  margin-top: 17px;
  display: block;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background-image: url(img/sprite.png);
  background-position: 0px -199px;
  width: 227px;
  height: 191px; }

#sidebar-inner .side-team__ttl__lnk {
  display: block;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background-image: url(img/sprite.png);
  background-position: 0px 0px;
  width: 250px;
  height: 179px; }

#sidebar-inner .side-team__area {
  background: url(img/area-team_top.gif) no-repeat right top; }
  #sidebar-inner .side-team__area__inner {
    padding: 75px 36px 27px;
    background: url(img/area-team_bttm.gif) no-repeat left bottom;
    font-size: 11px;
    line-height: 1.6; }
    #sidebar-inner .side-team__area__inner__lnk {
      margin-top: 20px;
      font-size: 10px;
      text-align: right; }

#sidebar-inner .side-fb__lnk {
  margin: 0 auto;
  display: block;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background-image: url(img/sprite.png);
  background-position: -770px 0px;
  width: 150px;
  height: 150px; }

#sidebar-inner .plugin-search_internal .sidetitlebody {
  display: none; }

#sidebar-inner .plugin-search_internal .sf {
  width: 195px; }

#sidebar-inner .side-banner {
  list-style: none; }
  #sidebar-inner .side-banner__item {
    margin-top: 10px; }
    #sidebar-inner .side-banner__item:first-child {
      margin-top: 0; }
    #sidebar-inner .side-banner__item__lnk {
      display: block;
      text-indent: 100%;
      white-space: nowrap;
      overflow: hidden; }
  #sidebar-inner .side-banner__interior {
    background-image: url(img/sprite.png);
    background-position: -520px -173px;
    width: 230px;
    height: 153px; }
  #sidebar-inner .side-banner__snap {
    background-image: url(img/sprite.png);
    background-position: -270px -173px;
    width: 230px;
    height: 153px; }
  #sidebar-inner .side-banner__abc {
    background-image: url(img/sprite.png);
    background-position: -520px 0px;
    width: 230px;
    height: 153px; }
  #sidebar-inner .side-banner__psj {
    background-image: url(img/sprite.png);
    background-position: -270px 0px;
    width: 230px;
    height: 153px; }

/* フッター
----------------------------------------------- */
.my-footer .ldb_menu {
  background-image: none;
  background-color: #666; }

.my-footer .copy {
  padding: 10px 0;
  text-align: center;
  font-size: 12px;
  background: #E3E1DF; }

/** ---------- Google AdSense ---------- **/
.google-user-ad {
  margin: 10px; }

.google-user-ad-728 {
  margin: 0px auto; }

.google-user-ad-side {
  margin: 0px; }

.ad-center {
  text-align: center; }


/** ---------- PCのみ ---------- **/
@media screen and (min-width: 768px) {
  #menubar {
    display: none; } }

/** ---------- スマホ ---------- **/
@media screen and (max-width: 767px) {
  img {
    max-width: 100%; }
  .no-mob {
    display: none !important; }
  #wrapper {
    width: 100%;
    padding-top: 0; }
  #container {
    width: 100%;
    background-image: none; }
  #main {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: none !important;
    width: 100% !important;
    padding: 0 20px; }
  #sidebar {
    float: none !important;
    width: 100% !important; }
  .ldb_menu {
    display: none; }
  #blog-header.show-image #blog-header-image {
    width: 80%;
    margin-top: 15px; }
  #menu-bar {
    margin-top: 20px;
    height: 39px;
    border-top: 1px solid #999;
    border-bottom: 1px solid #999; }
    #menu-bar li {
      list-style: none;
      display: inline-block; }
      #menu-bar li a {
        display: block;
        color: #999;
        padding: 13px;
        font-size: 13px;
        line-height: 1; }
  .catnav {
    display: none; }
  #content {
    padding-top: 0; }
  .page-paged .first-article {
    margin-top: 20px !important; }
  .page-paged #article-post .article-header .article-title {
    margin: 0 -20px;
    padding-left: 20px; }
  .page-paged #article-post .article-body-inner {
    padding-right: 0; }
    .page-paged #article-post .article-body-inner a:visited {
      color: #AE6C3D; } }