@charset "utf-8";

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, address, code, img, q, s,
small, strong, tt, var, 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.01%;
  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;
}
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;
}

/*  アイコンの設定
------------------------------------------------------- */
@font-face {
  font-family: 'awesome';
  src: url('/admin/font/pc/awesome.eot?v=3.0.1');
  src: url('/admin/font/pc/awesome.eot?#iefix&v=3.0.1') format('embedded-opentype'),
  url('/admin/font/pc/awesome.woff?v=3.0.1') format('woff'),
  url('/admin/font/pc/awesome.ttf?v=3.0.1') format('truetype');
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"],
[class*=" icon-"] {
  font-family: 'awesome';
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
  text-decoration: inherit;
  display: inline-block;
  speak: none;
}
a [class^="icon-"],
a [class*=" icon-"] {
  display: inline-block;
}
.btn [class^="icon-"],
.btn [class*=" icon-"] {
  display: inline;
}
li [class^="icon-"],
li [class*=" icon-"] {
  display: inline-block;
  width: 1.25em;
  text-align: center;
}
.icon-home:before {
  content: '\f230';
}
.icon-edit:before {
  content: '\270d';
}
.icon-comment:before {
  content: '\e718';
}
.icon-chevron-left:before {
  content: '\e75d';
}
.icon-chevron-right:before {
  content: '\e75e';
}
.icon-double-angle-up:before {
  content: '\f102';
}
.icon-user:before {
  content: '\f464';
}
.icon-folder-close:before {
  content: '\f4c1';
}
.icon-calendar:before {
  content: '\f4c5';
}
.icon-search:before {
  content: '\f50d';
}
.icon-clock:before {
  content: '\f554';
}

/*  全体の基本設定
------------------------------------------------------- */
body {
  background: url(http://file.modernist.indiesj.com/bg_check06_l03.gif) #640125 fixed;
  font-family:  'Comic Sans MS', Verdana, 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
}

h1 {
  color: #ffffff;
  font-size: 18px;
  font-weight: bold;
  display:inline;
}

h1 span {
  display:none;
}

p {
  color: #ffffff;
  font-size: large;
}

a {
  color:#f5b2ac;
  text-decoration: none;
}

a:hover {
  color:#40e0d0;
  text-decoration: underline;
  text-shadow:
  0 0 25px #afeeee,
  0 0 20px #afeeee,
  0 0 0.40px #afeeee;
}

blockquote {
  margin:16px 8px 8px 16px ;
  padding: 0px 16px;
  color:#66ffcc;
  font-size:large;
  font-style:oblique;
  border-left:3px dashed #99ccff;
}

audio {
   width:640px;
   max-width:98%;
   height:32px;
   display:block;
   margin:8px auto;
   -moz-box-shadow    : 0 0 5px #000;
   -webkit-box-shadow : 0 0 5px #000;
} 

 .page {
     width:700px;
     max-width:100%;
     margin:0 0 8px 0 ;
     background:#583822;
     border:1px solid #008DA0;
     font-family: 'TBCineRGothic M','Rounded Mplus 1c',Comfortaa,'Comic Sans MS',sans-serif;
}

   .page h3 {
    background: url(http://file.modernist.indiesj.com/title010.gif) #008DA0;
    margin-bottom:16px;
    padding: 16px;
    color: #ffd700;
    font-family: 'Nico Moji' , Unkempt , 'Comic Sans MS' , sans-serif;
    font-size: xx-large;
    font-weight:bold;
    text-shadow:
        -1px -1px 0px #583822,
        1px -1px 0px #583822,
        1px 1px 0px #583822,
        -1px 1px 0px #583822,
        -1px 0px #2f2f2f,
        0px -1px #2f2f2f,
        1px -2px #2f2f2f,
        2px -3px #2f2f2f,
        3px -4px #2f2f2f,
        0px 1px #2f2f2f,
        1px 0px #2f2f2f,
        2px -1px #2f2f2f,
        3px -2px #2f2f2f,
        4px -3px #2f2f2f;
    box-shadow: inset 0 0 6px #191970;
  }

   .page dt {
      width:auto;
      margin:16px 0 8px 8px;
      color:#d2b48c;
      font-size:x-large;
      font-weight:bold;
      border-left:solid 4px #000;
      border-bottom:solid 1px #000;
      background:#556b2f;
      padding:8px 0 8px 8px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
}

   .page li {
      list-style-image: url('http://file.modernist.indiesj.com/icon.png');
      list-style-position: inside;
      padding-right:8px;
      text-align:right;
      font-size:large;
      line-height:1.8;
      color:#ffffff;
}

   .description {
      font-size:small;
      text-align:right;
      color:#ffffff;
      line-height:1.8;
}

   .media {
     width:70%;
     margin:8px auto;
     text-align:center;
     font-size:x-large;
     color:#00ff99;
     line-height:1.8;
     background: url(http://file.modernist.indiesj.com/red.gif) #6c272d;
     border: 1px solid #008DA0;
}

    .page img {
       max-width:100%;
}

   .page span {
       font-size:small;
       color:#00ccff;
       line-height:1.8;
}

   .page p {
       margin-top:8px;
       padding:16px;
       font-size:large;
       text-align:justify;
       text-justify:inter-ideograph;
       line-height:1.8;
}

   .page p:first-letter {
    color:#f5b2ac;
    font-size: 2em;
    line-height: 1;
    float: left;
    margin: .4em .2em 0 0;
    text-shadow:
        -1px -1px 0px #583822,
        1px -1px 0px #583822,
        1px 1px 0px #583822,
        -1px 1px 0px #583822,
        -1px 0px #2f2f2f,
        0px -1px #2f2f2f,
        1px -2px #2f2f2f,
        2px -3px #2f2f2f,
        3px -4px #2f2f2f,
        0px 1px #2f2f2f,
        1px 0px #2f2f2f,
        2px -1px #2f2f2f,
        3px -2px #2f2f2f,
        4px -3px #2f2f2f;
  }

  .page table {
    width:100%; 
    margin:0 auto;
  }

   .page td {
     padding:8px;
     text-align:center;
  }

  .page .foot ul {
    font-family: Georgia;
    text-align:right;
    text-shadow:1px 1px 0px #000000;
    margin: 0 0 8px 0;
   }

  .page .foot li {
    width:100%;
    display:inline-block;
    color: #ffffff;
    font-size: medium;
    font-weight:bold;
    padding: 8px;
    background: url(http://file.modernist.indiesj.com/title010.gif) #008DA0;
    box-shadow: inset 0 0 6px #191970;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  .page .foot li a {
    color: #ffd700;
    text-decoration:none;
  }

  .page .foot li a:hover {
    color: #ffffff;
    text-decoration: underline;
  }

   .ninja_onebutton {
    width:640px; 
    max-width:100%;
    margin:16px auto 0;
    border: 1px solid #008DA0;
  }

/* PC用 レイアウト設定*/
@media screen and (min-width: 769px) {
  /*  サイトコンテンツ全体を囲む枠
  ------------------------------------------------------- */
  #wrapper {
    width:1200px;
    max-width:98%;
    margin:0 auto;
    background: url(http://file.modernist.indiesj.com/van.gif) #783c1d;
    border: 3px solid #583822;
   
 }

  /*  ヘッダー設定 サイトタイトルなどの入る箇所です。
  ------------------------------------------------------- */
  #header {
    margin: 0px auto;
    height:0;
    padding-top: 66.66%;
    background-image:url(http://file.modernist.indiesj.com/mod_head012.jpg); 
    background-size: contain;
  }

  #header .headerTitle {
    display:none;
  }

  #header .headerTitleLink {
    width:0;
    height:0;
    display:inline-block;
  }

  #header .headerTitleLink:hover {
    background:none;
  }

  #header .rssarea {
    width:1184px;
    max-width:99%;
    margin:8px 8px 0 8px;
    font-family: 'Happy Monkey', sans-serif;
    font-size:small;  
    float:right;
  }

  /*  プラグインレイアウト設定
  ------------------------------------------------------- */

  .plugin {
    margin-bottom: 32px;
    margin-left: 0;
    margin-right: 0;
    padding-top: 16px;
    padding-bottom: 16px;
    background: #ffffff;
    border: 0;
    border-radius: 0;
  }
  
  /* プラグインのタイトルの設定 */
  .pluginTitle {
    margin: 0;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 32px;
    padding-right: 32px;
    line-height: 1.6;
    font-weight: bold;
    font-size: medium;
    word-wrap: break-word;
  }
  
  /* プラグインのコンテンツ部分の設定 */
  .pluginBody {
    overflow: hidden;
    padding: 8px 32px;
 }

  /*各プラグイン処理内の基本デザイン*/
  .plugin_data,
  .plugin_data * {
    line-height: 1.5;
    font-size:small; 
  }
  .plugin_data + .plugin_data {
    margin-top: 8px;
  }
  
  /* 各プラグイン処理内基本デザインの下に記載する日付など */
  .plugin_data_date {
    font-size: small;
    color: #ffffff;
    text-align: right;
    margin-bottom: 8px;
  }

  .plugin_data .right {
    float: right;
  }
  .plugin_data .right:before,
  .plugin_data .right:after {
    display: table;
    content: "";
  }
  .plugin_data .right:after {
    clear: both;
  }

  /* プラグインのカレンダー用テーブル */
  .CalendarMoveTable,
  .CalendarTable {
    width: 100%;
  }
  .CalendarMoveTable td,
  .CalendarTable th,
  .CalendarTable td {
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
    vertical-align: middle;
    border: 2px solid #752100;
    background: url(http://file.modernist.indiesj.com/ca.gif) #752100;
  }
  /* カレンダー日付移動部分のデザイン */
  .CalendarMoveTr {
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
    vertical-align: middle;
    width: 100%;
  }
  .CalendarMoveTr a:link,
  .CalendarMoveTr a:visited,
  .CalendarMoveTr a:hover {
    display: inline-block;
    text-decoration: none;
    margin-top: -5px;
    margin-bottom: -5px;
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .CalendarMoveTr a:hover,
  .CalendarMoveTr a:active {
    color: #b3b3b3;
  }
  /* カレンダー日付移動用左側部分のデザイン */
  .CalendarMoveTr td {
    border-bottom: 0;
    background: url(http://file.modernist.indiesj.com/ca02.gif) #202f55;
  }
  .CalendarMoveTr .CalendarPrevTd {
    text-align: left;
    border-right: 0;
  }
  .CalendarPrevTd a {
    padding-left: 8px;
  }
  .CalendarPrevTd a:before {
    font-family: 'awesome';
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    text-decoration: inherit;
    display: inline-block;
    speak: none;
    content: "\e75d";
    color:#ffffff;
    margin-right: 7px;
  }
  /* カレンダー日付移動中央部分のデザイン */
  .CalendarMoveTr .CalendarNowTd {
    text-align: center;
    border-left: 2px solid #752100; 
    border-right: 2px solid #752100; 
    color:#ffffff;
  }
  /* カレンダー日付移動用右 側部分のデザイン */
  .CalendarMoveTr .CalendarNextTd {
    text-align: right;
    border-left: 0;
  }
  .CalendarNextTd a {
    padding-right: 10px;
  }
  .CalendarNextTd a:after {
    font-family: 'awesome';
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    text-decoration: inherit;
    display: inline-block;
    speak: none;
    content: "\e75e";
    color: #ffffff;
    margin-left: 5px;
  }
  /* 曜日表示部分のデザイン */
  .CalendarWdayTr th {
    text-align: center;
    font-weight: normal;
    color: #ffffff;
    background: url(http://file.modernist.indiesj.com/ca.gif) #752100;
  }
  /* 日付表示部分のデザイン */
  .CalendarTr td {
    text-align: center;
    color: #192f60;
    background: url(http://file.modernist.indiesj.com/ca02.gif) #202f55;
  }
  /* 記事が存在する場所の設定 */
  .CalendarTdLink a {
    display: inline-block;
    min-width: 14%;
    padding: 5px;
    margin: -5px;
    text-align: center;
    font-weight: bold;
    color:#ffffff;
  }
  
  /* ブログ内検索用デザイン */
  .blogsearch:before,
  .blogsearch:after {
    display: table;
    content: "";
  }
  .blogsearch:after {
    clear: both;
  }
  .blogsearch .box {
    width: 65%;
    float: left;
    border: 1px solid #000000;
    color:#d2b48c;
    background: #665a1a;
  }
  .blogsearch .btn {
    width: 27%;
    float: right;
    text-align: center;
    border: 1px solid #000000;
    color:#d2b48c;
    background: #583822;
  }
  
  /* コメント用デザイン */
  .plugin_cm_with_res img {
    margin-left: 8px;
    vertical-align: text-top;
  }
  
  /* プロフィール用デザイン */
  .profile_image {
    margin-bottom: 8px;
  }
  
  /* バーコード用デザイン */
  .qrcode_image {
    text-align: center;
  }

  /*  左カラム設定 サイトの左側にある縦長のエリアです
  ------------------------------------------------------- */
  .left-column {
    width: 216px;
    margin: 0 8px 8px 8px;
    padding: 0 8px;
    border: 1px solid #008DA0;
    font-family: 'Happy Monkey', sans-serif;
    font-size: small;
    line-height: 1.5;
    color: #e6e6fa;
    float: left;
    background: #783c1d;/*▲▲▲ カラム背景色*/
  }

  .left-column .category01 h4,
  .left-column .category02 h4,
  .left-column .category03 h4,
  .left-column .category04 h4,
  .left-column .category05 h4 {
    background: url(http://file.modernist.indiesj.com/pink.gif) #d2b48c;
    padding:8px;
    color:  #0066ff;
    font-size: medium;
    border-left:solid 4px #008DA0;
    border-bottom:solid 1px #008DA0;
    -moz-box-shadow: 3px 3px 3px #250d00;
    -webkit-box-shadow: 3px 3px 3px #250d00;
    clear:both;
    margin: 8px 0;
  }

  .left-column hr {
    margin:8px 0;
    border:1px solid #5f6527;
  }
  
 /*  中央カラム設定 サイト中央の記事などが入る箇所の設定です
  ------------------------------------------------------- */
  .center-column {
    width: 700px;
    float: left;
    margin: 8px 0;
  }

  /*中央カラム一番上のrss表示エリア*/
  .center-column .top-rssarea {
    border: 1px solid #008DA0;
    height:303px;
    overflow:auto;
    background: #583822;
  }
  .center-column .top-rssarea .full {
    width:700px;
    overflow:hidden;
  }
  .center-column .top-rssarea .full h4{
    background: #008da0;
    padding: 8px;
  }
  .center-column .top-rssarea .full p{
    padding: 8px;
    color:#ffffff;
  }

  .center-column .top-rssarea .half {
    width: 335px;
    overflow:hidden;
    float:right;
    font-size:small;
    font-weight:normal;
    color:#ffd700;
    text-shadow:1px 1px 0px #000000;
    border-left: 1px solid #68BEAA;
  }
  .center-column .top-rssarea .half.first {
    float:left;
    border-left: none;
    border-right: 1px solid #68BEAA;
  }

  .center-column .top-rssarea .half h4 {
    background: url(http://file.modernist.indiesj.com/title010.gif) #008DA0;
    box-shadow: inset 0 0 6px #191970;
    padding: 8px;
    font-family:'Nico Moji';
    font-size:medium; 
  }
  .center-column .top-rssarea .half p {
    padding: 8px;
  }

  .ninja-recommend.one-line .ninja-recommend-article-title {
    white-space:nowrap;
  }

  .top_list {
    margin: 0 0 8px 0;
    padding:8px 8px 0 8px;
    color:#ffd700;
    font-size:medium;
    font-weight:bold;
    background-color:#008DA0;
    background: -moz-linear-gradient(top, #002da0, #008da0);
    background: -webkit-gradient(linear, center top, center bottom, from(#002da0), to(#008da0));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#002da0', endColorstr='#008da0');
    border:1px #008DA0 dotted;
    text-shadow:1px 1px 0px #000000;
 }

 .top_list p {
    display:inline-block;
    font-size:medium;
    padding-bottom:8px;
 }

  /*記事一覧*/
  .article-list {
    margin: 8px 0;
  }

  .article-list .article {
    border: 1px solid #68BEAA;
    margin: 16px 0 ;
    background: #583822;
  }

  .article-list .article h3 {
    background: url(http://file.modernist.indiesj.com/title010.gif) #008DA0;
    padding: 16px;
    color: #ffd700;
    font-family: 'Nico Moji' , Unkempt , 'Comic Sans MS' , sans-serif;
    font-size: xx-large;
    font-weight:bold;
    text-shadow:
        -1px -1px 0px #583822,
        1px -1px 0px #583822,
        1px 1px 0px #583822,
        -1px 1px 0px #583822,
        -1px 0px #2f2f2f,
        0px -1px #2f2f2f,
        1px -2px #2f2f2f,
        2px -3px #2f2f2f,
        3px -4px #2f2f2f,
        0px 1px #2f2f2f,
        1px 0px #2f2f2f,
        2px -1px #2f2f2f,
        3px -2px #2f2f2f,
        4px -3px #2f2f2f;
    box-shadow: inset 0 0 6px #191970;
  }

  .article-list .article h3 a {
    color:#ffd700;
    text-decoration:none;
  }

   .article-list .article h3 a:hover {
     color:#40e0d0;
  }
  
  /*記事の画像サムネイルです PCでは表示されません*/
  .entry-image {
    display:none;
  }

  /*記事内のコメント数や投稿日時を表示している部分の設定*/
  .article-list .article ul {
    font-family: Georgia;
    text-align:right;
    text-shadow:1px 1px 0px #000000;
    margin: 0 32px 8px 0;
   }

  .article-list .article li {
    display:inline;
    color: #ffffff;
    font-size: medium;
    font-weight:bold;
    padding: 8px;
    background: url(http://file.modernist.indiesj.com/title010.gif) #008DA0;
    box-shadow: inset 0 0 6px #191970;
   }

  .article-list .article li a {
    color: #ffd700;
    text-decoration:none;
  }

  .article-list .article li a:hover {
    color: #ffffff;
    text-decoration: underline;
  }

  .article-list .article li  {
    border: 1px solid #008DA0;
  }

  .article-list .article li.comment:hover {
    color: #d2b48c;
    background: url(http://file.modernist.indiesj.com/red.gif) #6c272d;
  }

  .article-list .article p,
  .article-list .article .entryText {
    padding:16px 32px 8px 32px;
    font-family: 'TBCineRGothic M','Rounded Mplus 1c',Comfortaa,'Comic Sans MS',sans-serif;
    font-size: larger;
    font-weight:700;
    letter-spacing: 0.12em;
    text-align: justify;
    text-justify: inter-ideograph;
    line-height:1.8;
    color: #ffffff;
  }

  .article-list .article .NinjaEntryCommercial {
    padding:8px;
    text-align:center;
  }

  /*タイトル下　カテゴリー表示部分の設定です*/
  .article-list .article .category-name {
    margin: 8px 0;
    font-family: Unkempt , Georgia;
    text-align:center;
    color: #d2b48c;
    line-height:1;
  }

  .article-list .article .category-name a {
    color: #d2b48c;
    text-decoration: none;
    background: #5f6527;
    border: 1px solid #d2b48c;
    padding: 0 8px 0 8px;
  }

  .article-list .article .category-name a:hover {
    color: #68BEAA;
    background: #783c1d;
    text-decoration:none;
  }

  .article-list .article .top-btn-share {
  }

  /*一覧表示時の続きをみるの表示設定です*/
  .article-list .article .entryPsLink, .article-list .article .entryPsLink a {
    font-size: large;
    padding: 8px;
    color:#f5b2ac;
 }
  .entryPsLink a {
    display:inline-block;
    border-left: 3px solid #008DA0;
    background-color:#008DA0;
    background: -moz-linear-gradient(top, #002da0, #008da0);
    background: -webkit-gradient(linear, center top, center bottom, from(#002da0), to(#008da0));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#002da0', endColorstr='#008da0');
 }
  .article-list .article .entryPsLink a:hover {
    background-color:#008DA0;
    background: -moz-linear-gradient(top, #008da0, #002da0);
    background: -webkit-gradient(linear, center top, center bottom, from(#008da0), to(#002da0));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#008da0', endColorstr='#002da0');
    color:#f5b2ac;
  }

  /*記事詳細*/

  .article-detail .article {
    border: 1px solid #68BEAA;
    margin:16px 0;
    background:#583822;
  }

  .article-detail .article h1 {
    display:block;
    background: url(http://file.modernist.indiesj.com/title010.gif) #008DA0;
    padding:16px;
    color:#ffd700;
    font-family:'Nico Moji' , Unkempt , 'Comic Sans MS' , sans-serif;
    font-size:xx-large;
    font-weight:bold;
    text-shadow:
        -1px -1px 0px #583822,
        1px -1px 0px #583822,
        1px 1px 0px #583822,
        -1px 1px 0px #583822,
        -1px 0px #2f2f2f,
        0px -1px #2f2f2f,
        1px -2px #2f2f2f,
        2px -3px #2f2f2f,
        3px -4px #2f2f2f,
        0px 1px #2f2f2f,
        1px 0px #2f2f2f,
        2px -1px #2f2f2f,
        3px -2px #2f2f2f,
        4px -3px #2f2f2f;
    box-shadow:inset 0 0 6px #191970;
  }

  .article-detail .article hr { 
    border:1px dashed #5f6527;
    margin:0 8px 0 8px;
  }

  .article-detail .article .top-btn-share {
    float:right;
    display:inline;
    margin:8px;
  }

  .article-detail .article .bottom-btn-share {
    margin:0 8px;
    color:#ffffff; 
  }

  /*タイトル下　カテゴリー表示部分の設定です*/
  .article-detail .article .category-name {
    margin:16px 0 0 0;
    font-family:Unkempt , Georgia;
    text-align:center;
    color:#d2b48c;
    line-height:1;
  }

  .article-detail .article .category-name a {
    color:#d2b48c;
    text-decoration:none;
    background:#5f6527;
    border:1px solid #d2b48c;
    padding:0 8px 0 8px;
  }

  .article-detail .article .category-name a:hover {
    color:#68BEAA;
    background:#783c1d;
    text-decoration:none;
  } 

 /*記事の一番下に表示される日時の表示設定です*/
  .article-detail .article ul {
    font-family: Georgia;
    text-align:right;
    text-shadow:1px 1px 0px #000000;
    margin:0 32px 8px 0;
  }

  .article-detail .article li {
    display:inline;
    color:#ffffff;
    font-size:medium;
    font-weight:bold;
    padding:8px;
    background: url(http://file.modernist.indiesj.com/title010.gif) #008DA0;
    box-shadow:inset 0 0 6px #191970;
  }

  .article-detail .article li a {
    color:#ffd700;
    text-decoration:none;
  }

  .article-detail .article li a:hover {
    color:#ffffff;
    text-decoration:underline;
  }

  .article-detail .article li  {
    border:1px solid #008DA0;
  }

  .article-detail .article li.comment:hover {
    color:#d2b48c;
    background: url(http://file.modernist.indiesj.com/red.gif) #6c272d;
  }

  /*記事の本文の設定です*/
  .article-detail .article p,
  .article-detail .article .entryText {
    padding:0 32px 16px 32px;
    font-family:'TBCineRGothic M','Rounded Mplus 1c',Comfortaa,'Comic Sans MS',sans-serif;
    font-size:large;
    font-weight:700;
    letter-spacing:0.12em;
    text-align:justify;
    text-justify:inter-ideograph;
    line-height:1.8;
    color:#ffffff;
  }

  .article-detail .article .NinjaEntryCommercial {
    padding:8px;
    text-align:center;
  }

  /*記事を読んだあとに表示されるRSSや広告エリアの設定です*/
  .article-detail .article .rssarea {
    min-height:300px;
    width:100%;
    /*margin:10px auto;*/
    /*border:1px dashed #63AF8C;/*▲▲▲ 点線の囲み枠の設定です。不必要な場合はこの行を消してください*/
    clear:both;
  }

  /*記事詳細のコメント部分の表示設定です*/
  .article-detail .comments {
    background:#583822;
    border: 1px solid #68BEAA;
    margin: 16px 0;
   }

  .article-detail .comments h4 {
    background: url(http://file.modernist.indiesj.com/title010.gif) #008DA0;
    padding: 16px;
    color: #ffd700;
    font-family: 'Nico Moji' , 'Unkempt' , 'Comic Sans MS' , sans-serif;
    font-size: x-large;
    font-weight:bold;
    text-shadow:
        -1px -1px 0px #583822,
        1px -1px 0px #583822,
        1px 1px 0px #583822,
        -1px 1px 0px #583822,
        -1px 0px #2f2f2f,
        0px -1px #2f2f2f,
        1px -2px #2f2f2f,
        2px -3px #2f2f2f,
        3px -4px #2f2f2f,
        0px 1px #2f2f2f,
        1px 0px #2f2f2f,
        2px -1px #2f2f2f,
        3px -2px #2f2f2f,
        4px -3px #2f2f2f;
    box-shadow: inset 0 0 6px #191970;
  }
 
  .article-detail .comments .comment {
    margin:8px;
  }

  .article-detail .comments .comment p {
    color:#ffffff;
    line-height:1.8;
    font-size:medium;
   }

  .article-detail .comments .comment .name {
    background:#5f6527;
    padding:8px;
    color:#d2b48c;
    font-weight:bold;
    margin:0 0 8px;
    font-size:large;
  }

  .article-detail .comments .comment .name a {
    color:#f5b2ac;
  }

  .article-detail .comments .comment .name a:hover {
    color:#40e0d0;
    text-decoration:underline;
  }

  .article-detail .comments .comment .comment-res {
    margin:8px 8px 8px 32px;
    border-left:3px dotted #5f6527;
    padding-left:8px;
  }

  /*コメント入力欄の設定です*/
  .article-detail .comments .comment-form {
    margin:32px 0 0;
  }

  .notes p {
    margin:0 8px 24px 8px;
    padding:8px;
    color:#fffffff;
    font-size:small;
    line-height:1.6;
    border:1px dashed #ffd700; 
    background:#783c1d;
 }

  .article-detail .comments .comment-form .form-area {
    margin:8px;
    text-align:left;
   }

  .article-detail .comments .comment-form .discription {
    width:80px;
    height:25px;
    margin:0 0 8px 0;
    color:#40e0d0;
    vertical-align:middle;
    float:left;
  }

  .article-detail .comments .comment-form .inputarea {
    width:250px;
    margin:0 0 8px 0;
    vertical-align:middle;
    float:left;
  }

  .article-detail .comments .comment-form .inputarea.comment-input {
    width:590px;
  }

  .article-detail .comments .comment-form input {
    border:1px solid #000000;
    line-height:1.8;
    width:200px;
    color:#d2b48c;
    background: #5f6527;
   }

  .article-detail .comments .comment-form textarea {
    border:1px solid #000000;
    line-height:1.8;
    width:590px;
    color:#d2b48c;
    background:#5f6527;
  }

  .article-detail .comments .comment-form .comment-form-submit {
    text-align:center;
    clear:both;
  }

  .article-detail .comments .comment-form .comment-form-submit input {
    background:#783c1d;
    color:#ffffff;
    padding:8px 16px;
    font-size:medium;
    margin:0 0 16px 0;
  }

  .article-detail .comments .comment-form .comment-form-submit input:hover,
  .article-detail .comments .comment-form .comment-form-submit input:active {
    background:#68BEAA;
    border:1px solid #ffffff;
  }

   .notice {
    margin:8px;
    color:#00ff99;
    font-weight:bold; 
 }

   .article img {
    max-width:690px;
  }
  /*  右カラム設定　サイト右側の縦長のエリアです
  ------------------------------------------------------- */
  .right-column {
    width: 216px;
    margin: 0 8px 8px 8px;
    padding: 0 8px;
    border: 1px solid #008DA0;
    font-family: 'Happy Monkey', sans-serif;
    font-size: small;
    line-height: 1.5;
    color: #e6e6fa;
    float: right;
    background: #783c1d;
  }

  .right-column .category01 h4,
  .right-column .category02 h4,
  .right-column .category03 h4,
  .right-column .category04 h4,
  .right-column .category05 h4 {
    background: url(http://file.modernist.indiesj.com/pink.gif) #d2b48c;
    padding:8px;
    color: #0066ff;
    font-size: medium;
    border-left:solid 4px #008DA0;
    border-bottom:solid 1px #008DA0;
    -moz-box-shadow: 3px 3px 3px #250d00;
    -webkit-box-shadow: 3px 3px 3px #250d00;
    clear:both;
    margin: 8px 0;
  }
 
 .right-column hr {
    margin:8px 0;
    border:1px solid #5f6527;
}

 /*  フッター上の広告・RSSリンクエリア設定
  ------------------------------------------------------- */
  .item {
    width:1190px;
    margin:0 0 16px 0;
    font-size:small;
    overflow:hidden;
    overflow-x:hidden;
  }
  
  .video sp{
    margin:16px 0 8px 0;
    overflow:hidden;
    clear:both;
  }

  /*  ページ送り
  ------------------------------------------------------- */
 .aside {
   border:1px solid #008DA0;
   padding:16px 8px;
   background: url(http://file.modernist.indiesj.com/red.gif) #6c272d;
   overflow:auto;
} 

 .aside li {
    width:33%;
    float:left;
    text-align:center;
    color:#ffffff;
  }

  .aside .prev {
    text-align:left;
  }
   .aside ,pager .prev a {
    color:#f5b2ac;
}
  
.aside .next {
    text-align:right;
  }
.aside .pager .next a {
    color:#f5b2ac;
}
  /*  フッター設定 サイトの一番下の箇所の設定です
  ------------------------------------------------------- */
  #footer {
    background: #783c1d;
    padding:16px 8px 0 8px;
    text-align: center;
    border-top:1px solid #008DA0;
    clear: both;
  }
  #footer p {
    line-height:1.8;
    color: #ffffff;
    font-family: 'Happy Monkey', sans-serif;
    font-size: medium;
  }
  
  #footer a {
    color:#f5b2ac;
  }

  #footer a:hover {
    color:#40e0d0;
    background:none;
  }

iframe[src*="www.facebook.com"],
iframe[src*="player.vimeo.com"],
iframe[src*="56.com"],
iframe[src*="dailymotion.com"],
iframe[src*="video.fc2.com"],
iframe[src*="www.mgoon.com"],
iframe[src*="v.qq.com"],
iframe[src*="video.xx.fbcdn.net"],
iframe[src*="youtube.com"],
iframe[src*="nicovideo.jp"],
iframe[src*="naver.com"],
iframe[src*="vk.com"] {
  width: 640px;
  height: 480px;
  -moz-box-shadow    : 0 0 5px #000;
  -webkit-box-shadow : 0 0 5px #000;
}

iframe[src*="youku.com"],
iframe[src*="www.tudou.com"],
iframe[src*="rutube.ru"],
iframe[src*="tudou.com/programs/"] {
  width: 640px;
  height: 520px;
  -moz-box-shadow    : 0 0 5px #000;
  -webkit-box-shadow : 0 0 5px #000;
}

embed[src*="nicovideo.jp"],
embed[src*="player.yinyuetai.com"],
embed[src*="video.fc2.com"],
embed[src*="tudou.com"],
embed[src*="pandora.tv"],
embed[src*="youtube.com"] {
   width: 640px;
   height: 480px;
   -moz-box-shadow    : 0 0 5px #000;
   -webkit-box-shadow : 0 0 5px #000;
}
 
  .clear {
    clear: both;
    display: inline-block;
    width:0;
    height:0;
    margin:0;
    padding:0;
  }

  .sp {
    display:none;
  }

  .article-list .article img, .article-detail .article img, .pc img {
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    margin-bottom:8px;
    -webkit-transition:all 0.8s;
    -moz-transition:all 0.8s;
    -ms-transition:all 0.8s;
    -o-transition:all 0.8s;
    transition:all 0.8s;
   }

  .article-list .article a:hover img, .article-detail .article a:hover img {
    box-shadow: 0 0 8px #ffccff;
    -moz-box-shadow: 0 0 8px #ffccff;
    -webkit-box-shadow: 0 0 8px #ffccff;
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    transform: rotate(3deg);
    text-decoration:none;
}

  .article-list .article hr, .article-detail .article hr {
    width:92%;
    margin:0 auto;
    border:1px solid #5f6527;
}

  .NinjaClap img {
    vertical-align: middle;
    margin: 16px 8px 0 0;
  }

  .NinjaClap img:hover {
    -webkit-transform: rotate(360deg) !important;
    -moz-transform: rotate(360deg) !important;
    -o-transform: rotate(360deg) !important ;
    -ms-transform: rotate(360deg) !important;
    transform: rotate(360deg) !important ;
  }

  .linkwithin_inner {
    width:98% !important;
    color:#ffffff !important;
    margin-left:8px !important;
  }

  .blinking {
    -webkit-animation: switchtext 1s infinite alternate;
    -moz-animation: switchtext 1s infinite alternate;
    animation: switchtext 1s infinite alternate;
}
@-webkit-keyframes switchtext {
    from { opacity: 1.0; }
    to { opacity: 0; }
}
@-moz-keyframes switchtext {
    from { opacity: 1.0; }
    to { opacity: 0; }
}
@keyframes switchtext {
    from { opacity: 1.0; }
    to { opacity: 0; }
 }   
}

/* スマートフォン用 レイアウト設定*/
@media screen and (max-width: 768px) {
  /*  サイトコンテンツ全体を囲む枠
  ------------------------------------------------------- */
  #wrapper {
    width:95%;
    margin:0 auto;
    background: url(http://file.modernist.indiesj.com/van.gif) #783c1d;
  }

  /*  ヘッダー設定 サイトタイトルなどの入る箇所です。
  ------------------------------------------------------- */
  #header {
    margin: 0px auto;
    height:0;
    padding-top: 66.66%;
    background-image:url(http://file.modernist.indiesj.com/mod_head012.jpg); 
    background-size: contain;
  }

  #header .headerTitle {
    display:none;
  }

  #header .headerTitleLink {
    display:none;
    width:100%;
    height:100px;
  }

 #header .headerTitleLink:hover {
    background:none;
  }

 #header .rssarea {
    display:none;
  }

  /*  左カラム設定 スマホレイアウトでは表示しません
  ------------------------------------------------------- */
  .left-column {
    display:none;
  }
  /*  中央カラム設定 サイト中央の記事などが入る箇所の設定です
  ------------------------------------------------------- */
  .center-column {
    width: 96%;
    margin: 8px 2%;
  }

  /*中央カラム一番上のrss表示エリア スマホではRSSはフルサイズでのみ表示されます。*/
  .center-column .top-rssarea {
    border: 1px solid #008DA0;
    height:250px;
    overflow:auto;
    background: #783c1d;
  }
  .center-column .top-rssarea .full {
    font-weight:normal;
    font-size:small;
  }
  .center-column .top-rssarea .full h4 {
    background: url(http://file.modernist.indiesj.com/title010.gif) #008DA0;
    box-shadow: inset 0 0 6px #191970;
    text-shadow:1px 1px 0px #000000;
    padding: 8px;
    font-family:'Nico Moji';
    font-size:medium; 
    color:#ffd700;
  }
  .center-column .top-rssarea .full .pop {
     width:216px;
     margin:0 auto;
     text-align:center;
  }

  /*記事一覧*/
  .article-list {
    margin: 8px 0;
  }

  .article-list .article {
    border: 1px solid #008DA0;
    margin: 8px 0 ;
    background: #583822;
    position:relative;
  }

  .article-list .article h3 {
    padding: 24px 8px 8px 8px;
    color:#ffd700;
    font-family:'Nico Moji';
    font-size: medium;
    font-weight:bold;
    line-height:1.8;
    word-break: break-all;
  }

  .article-list .article h3 a {
    color:#ffd700;
    text-decoration:none;
  }

  .article-list .article .entryText {
    display:none;
  }

  .article-list .article .top-btn-share {
    display:none;
  }

  /*記事の画像サムネイルです*/
  .entry-image {
    width:100px;
    height:100px;
    float:left;
    margin: 2%;
    padding:0;
    overflow:hidden;
    background:#783c1d;
    color:#ffffff;
    border:none;
    text-align:center;
 }
  .entry-image img {
    width:100%;
    height:auto;
    margin:0;
    padding:0;
  }

  .entry-image.dummy {
    height:60px;
    padding:40px 0 0 0;
  }

  /*記事内のコメント数や投稿日時を表示している部分の設定*/
  .article-list .article ul {
    text-align:right;
    margin:8px 8px 0 2%;
  }

  .article-list .article li {
    display:inline-block;
    color: #ffffff;
    font-family: Georgia;
    font-size: small;
    font-weight:bold;
    padding: 4px 2px 4px 2px;
    background: url(http://file.modernist.indiesj.com/title010.gif) #008DA0;
    box-shadow: inset 0 0 4px #191970;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
  }

  .article-list .article li a {
    color: #ffd700;
    
  }
  
  .article-list .article li:active {
    color: #ffffff;
    background: url(http://file.modernist.indiesj.com/red.gif) #6c272d;
  }

  .article-list .article p,
  .article-list .article .entryText {
    padding:8px;
    line-height:1.8;
  }

  .article-list .article .NinjaEntryCommercial {
    padding:8px;
    text-align:center;
  }

  /*タイトル下　カテゴリー表示部分の設定です*/
  .article-list .article .category-name {
    position:absolute;
    top:0;
    left:0;
    padding:0 1%;
    background:#00947a;
    font-family:Unkempt , Georgia;
    color: #00ff99;
    line-height:1;
    opacity:0.65;
  }

  .article-list .article .category-name a {
    color:#00ff99;
    font-size:small;  
    text-decoration:none;
  }

.article-list .article .category-name img {
     vertical-align:middle;
}

  /*一覧表示時の続きをみるの表示設定です*/
  .article-list .article .entryPsLink, .article-list .article .entryPsLink a {
    font-size:medium;
    padding:8px;
    color:#f5b2ac;
  }
  .article-list .article .entryPsLink a:active {
    background:#008DA0;
    color:#f5b2ac;
  }

  /*記事詳細*/

  .article-detail .article {
    border: 1px solid #008DA0;
    margin: 16px 0 ;
    background: #583822;
  }

  .article-detail .article h1 {
    display:block;
    background: url(http://file.modernist.indiesj.com/title010.gif) #008DA0;
    padding:8px;
    color:#ffd700;
    font-family:'Nico Moji' , 'Unkempt' , 'Comic Sans MS' , sans-serif;
    font-size:x-large;
    font-weight:bold;
    text-shadow:
        -1px -1px 0px #583822,
        1px -1px 0px #583822,
        1px 1px 0px #583822,
        -1px 1px 0px #583822,
        -1px 0px #2f2f2f,
        0px -1px #2f2f2f,
        1px -2px #2f2f2f,
        2px -3px #2f2f2f,
        3px -4px #2f2f2f,
        0px 1px #2f2f2f,
        1px 0px #2f2f2f,
        2px -1px #2f2f2f,
        3px -2px #2f2f2f,
        4px -3px #2f2f2f;
    box-shadow:inset 0 0 6px #191970;
  }

  .article-detail .article img {
    max-width:100%;
  }


  
  .article-detail .article .bottom-btn-share {
    margin:8px;
  }

  /*記事の一番下に表示される日時の表示設定です*/
 .article-detail .article ul {
    text-align:right;
    margin:8px 8px 0 2%;
  }

  .article-detail .article .date, .article-detail .article .comment {
    display:inline;
    color: #ffffff;
    font-family:Georgia;
    font-size:small;
    font-weight:bold;
    padding: 4px 2px 4px 2px;
    background: url(http://file.modernist.indiesj.com/title010.gif) #008DA0;
    box-shadow: inset 0 0 4px #191970;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
  }

   .article-detail .article .comment a {
     color:#ffd700;
  }  

  .article-detail .article li:active {
    color: #ffffff;
    background: url(http://file.modernist.indiesj.com/red.gif) #6c272d;
  }

  /*記事の本文の設定です*/
  .article-detail .article p,
  .article-detail .article .entryText {
    padding:8px;
    font-family:'TBCineRGothic M','Rounded Mplus 1c',Comfortaa,'Comic Sans MS',sans-serif;
    font-size:medium;
    font-weight:500;
    letter-spacing:0.12em;
    text-align:justify;
    text-justify:inter-ideograph;
    line-height:1.8;
    color:#ffffff;
  }

  .article-detail .article .NinjaEntryCommercial {
    padding:8px;
    text-align:center;
  }

  .article video {
    max-width:100%;
    height:auto;
}

 /*タイトル下　カテゴリー表示部分の設定です*/
  .article-detail .article .category-name {
    margin: 24px 0 8px 0;
    font-family:Unkempt , Georgia;
    font-size:small;
    text-align:center;
    color: #d2b48c;
    line-height:1;
  }

  .article-detail .article .category-name a {
    color: #d2b48c;
    text-decoration: none;
    background-color: #5f6527;
    border: 1px solid #d2b48c;
    padding: 0 8px 0 8px;
  }

  .article-detail .article .category-name a:active {
    color:#68BEAA;
    background:#783c1d;
}
 
 /*記事を読んだあとに表示されるRSSや広告エリアの設定です*/
  .article-detail .article .rssarea {
    min-height:300px;
    width:96%;
    margin:2% auto;
    /*border:1px dashed #63AF8C;/*▲▲▲ 点線の囲み枠の設定です。不必要な場合はこの行を消してください*/
  }

  /*記事詳細のコメント部分の表示設定です*/
  .article-detail .comments {
    background: #583822;
  }

  .article-detail .comments {
    border: 1px solid #008DA0;
    margin: 8px 0 ;
  }

  .article-detail .comments h4 {
    background: url(http://file.modernist.indiesj.com/title010.gif) #008DA0;
    padding: 8px;
    color: #ffd700;
    font-family:'Nico Moji' , 'Unkempt' , 'Comic Sans MS' , sans-serif;
    font-size: large;
    font-weight:bold;
    text-shadow:
        -1px -1px 0px #583822,
        1px -1px 0px #583822,
        1px 1px 0px #583822,
        -1px 1px 0px #583822,
        -1px 0px #2f2f2f,
        0px -1px #2f2f2f,
        1px -2px #2f2f2f,
        2px -3px #2f2f2f,
        3px -4px #2f2f2f,
        0px 1px #2f2f2f,
        1px 0px #2f2f2f,
        2px -1px #2f2f2f,
        3px -2px #2f2f2f,
        4px -3px #2f2f2f;
    box-shadow: inset 0 0 6px #191970;
  }

  .article-detail .comments .comment {
    margin:8px;
  }

  .article-detail .comments .comment p {
    line-height: 1.8;
    font-size:small;
    color:#ffffff;
  }

  .article-detail .comments .comment .name {
    background-color:#5f6527;
    padding:8px;
    color:#d2b48c;
    font-weight:bold;
    margin:0 0 8px;
    font-size:medium;
  }

  .article-detail .comments .comment .name a {
    color:#f5b2ac;
  }

  .article-detail .comments .comment .name a:active {
    color:#40e0d0;
    background:none;
  }

  .article-detail .comments .comment .comment-res {
    margin:8px 8px 8px 32px;
    border-left: 3px solid #63AF8C;
    padding-left: 8px;
  }

  /*コメント入力欄の設定です*/
  .article-detail .comments .comment-form {
    margin:32px 0 0;
    text-align:left;
  }

 .notes p {
    margin:0 8px 24px 8px;
    padding:8px;
    color:#fffffff;
    font-size:small;
    line-height:1.6;
    border:1px dashed #ffd700; 
    background:#783c1d;
 }

 .article-detail .comments .comment-form .form-area {
    margin:8px;
    text-align:left;
  }

  .article-detail .comments .comment-form .discription {
    width:30%;
    margin:0 0 16px 2%;
    color:#40e0d0;
    vertical-align:middle;
    float:left;
  }

  .article-detail .comments .comment-form .inputarea {
    margin: 0 0 16px 0;
    width:66%;
    vertical-align:middle;
    float:left;
  }

  .article-detail .comments .comment-form input {
    border: 1px solid #000000;
    line-height:1.8;
    width:100%;
    color:#d2b48c;
    background-color: #5f6527;
  }

  .article-detail .comments .comment-form textarea {
    border: 1px solid #000000;
    line-height:1.8;
    width:100%;
    color:#d2b48c;
    background-color:#5f6527;
  }

  .article-detail .comments .comment-form .comment-form-submit {
    text-align:center;
  }

  .article-detail .comments .comment-form .comment-form-submit input {
    background:#783c1d;
    color:#ffffff;
    padding: 8px 16px;
    font-size:medium;
    margin: 16px 0;
    clear:both;
    width:50%;
  }

  .article-detail .comments .comment-form .comment-form-submit input:active,
  .article-detail .comments .comment-form .comment-form-submit input:active {
    background:#68BEAA;
    border:1px solid #ffffff;
  }

  .notice {
    margin:8px;
    color:#00ff99;
    font-weight:bold;
  }


  /*広告スペース*/
  .center-column .ad-holizontal {
    text-align:center;
    margin:10px 0 0 -2%;
  }

  /*  右カラム設定　スマホレイアウトでは表示しません
  ------------------------------------------------------- */
  .right-column {
    display:none;
  }

  /*  フッター上の広告・RSSリンクエリア設定
  ------------------------------------------------------- */
   .search {
    margin-top:8px;
  }
 
  .search h4 {
     background: url(http://file.modernist.indiesj.com/title010.gif) #008DA0;
     box-shadow: inset 0 0 6px #191970;
     text-shadow:1px 1px 0px #000000;
     padding: 8px;
     font-family:'Nico Moji';
     font-size:medium; 
     color:#ffd700;
  }

  .search input[type="text"] {
    width:95%;
  }

 .bottom-rssarea {
    width: 96%;
    margin: 8px 2%;
  }

  .bottom-rssarea .full {
    margin:8px 0;
    border: 1px solid #008DA0;
    height:260px;
    overflow:auto;
    font-size:small;
    background: #783c1d;
  }

  .bottom-rssarea .full h4 {
     background: url(http://file.modernist.indiesj.com/title010.gif) #008DA0;
     box-shadow: inset 0 0 6px #191970;
     text-shadow:1px 1px 0px #000000;
     margin-bottom:8px;
     padding: 8px;
     font-family:'Nico Moji';
     font-size:medium; 
     color:#ffd700;
  }

  .bottom-rssarea .full p {
      padding: 8px;
  }
 
  .bottom-rssarea .full hr {
      border:1px solid #5f6527;
  }

  .video {
    margin:16px 0 8px 0;
    border: 1px solid #008DA0;
    height:270px;
    overflow:auto;
    clear:both;
  }

 /*  ページ送り
  ------------------------------------------------------- */
  .aside {
   border:1px solid #008DA0;
   padding:8px 8px;
   background: url(http://file.modernist.indiesj.com/red.gif) #6c272d;
   overflow:auto;
  }

  .aside li {
    width:33%;
    float:left;
    text-align:center;
    color:#ffffff;
    margin:8px 0;
  }

  .aside .prev {
    text-align:left;
  }

  .aside .next {
    text-align:right;
  }

  .aside ,pager .prev a {
    color:#f5b2ac;
  }

  .jump {
    margin:8px 8px 0 8px;
}
 
  /*  フッター設定 サイトの一番下の箇所の設定です
  ------------------------------------------------------- */
  #footer {
    background: #783c1d url("") center;
    padding:16px 8px 0 8px;
    text-align: center;
    clear: both;
  }
  
  #footer p {
    line-height:1.8;
    color: #ffffff;
    font-size: small;
  }
 
  #footer a {
    color:#f5b2ac;
  }

  #footer a:active {
    color:#40e0d0;
    background:none;
  }

  .clear {
    clear: both;
    display: inline-block;
    width:0;
    height:0;
    margin:0;
    padding:0;
  }

  .pc {
    display:none;
  }

  .NinjaEntryCommercial{
    clear:both;
  }

iframe[src*="youku.com"],
iframe[src*="www.facebook.com"],
iframe[src*="player.vimeo.com"],
iframe[src*="56.com"],
iframe[src*="dailymotion.com"],
iframe[src*="video.fc2.com"],
iframe[src*="naver.com"],
iframe[src*="tudou.com/programs/"],
iframe[src*="www.mgoon.com"],
iframe[src*="v.qq.com"],
iframe[src*="video.xx.fbcdn.net"],
iframe[src*="www.tudou.com"],
iframe[src*="youtube.com"],
iframe[src*="vk.com"],
iframe[src*="rutube.ru"],
iframe[src*="nicovideo.jp"] {
  max-width: 100%;
  max-height: 100%;
  -moz-box-shadow    : 0 0 5px #000;
  -webkit-box-shadow : 0 0 5px #000;
}

embed[src*="nicovideo.jp"],
embed[src*="player.yinyuetai.com"],
embed[src*="video.fc2.com"],
embed[src*="tudou.com"],
embed[src*="pandora.tv"],
embed[src*="youtube.com"] {
   max-width: 100%;
   max-height: 100%;
   -moz-box-shadow    : 0 0 5px #000;
   -webkit-box-shadow : 0 0 5px #000;
}

.article-list .article img, .article-detail .article img, .sp img {
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    margin-bottom:8px;
    -webkit-transition:all 0.8s;
    -moz-transition:all 0.8s;
    -ms-transition:all 0.8s;
    -o-transition:all 0.8s;
    transition:all 0.8s;
  }

  .article-list .article a:hover img, .article-detail .article a:hover img {
    -moz-box-shadow: 0 0 8px #ffccff;
    -webkit-box-shadow: 0 0 8px #ffccff;
    -webkit-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    transform: rotate(3deg);
    text-decoration:none;
}

  .article-list .article hr, .article-detail .article hr {
    width:96%;
    margin:0 auto;
    border:1px solid #5f6527;
    overflow:hidden;
}

  .NinjaClap img {
    width:200px;
    vertical-align: middle;
    margin-right: 8px;
  }

 .linkwithin_inner {
    max-width:98% !important;
    color:#ffffff !important;
    margin-left:8px !important;
  }

  .blinking {
    -webkit-animation: switchtext 1s infinite alternate;
    -moz-animation: switchtext 1s infinite alternate;
    animation: switchtext 1s infinite alternate;
}
@-webkit-keyframes switchtext {
    from { opacity: 1.0; }
    to { opacity: 0; }
}
@-moz-keyframes switchtext {
    from { opacity: 1.0; }
    to { opacity: 0; }
}
@keyframes switchtext {
    from { opacity: 1.0; }
    to { opacity: 0; }
 }

.page tr, td {
    display:block;
    margin:0 auto;
}

}

/*  2ch系スレッドのコピペのとき用設定
------------------------------------------------------- */

.thread {
  margin:0 !important;
}

.thread dt {
  font-size:12px;

}

.thread dd {
  line-height:1.6;
  margin:10px 0 20px;
}