@charset "UTF-8";
@import url(http://ascii-art.blog.jp/css/fontello.css);
/***************************************************************************************************
CSS Author: シロクマ - http://ascii-art.blog.jp/
【内部構造】
・リセットCSS
・一括指定
・フォント・見出しタグ
・アドセンス(広告)
+body
  +ライブドアブログの共通ヘッダー
  +class="WRAPPER"
    +class="HEADER"
    +class="TOPICPATH"
    +class="CONTAINER"
      +class="LEFT-SIDEBAR"
      +class="MAIN"
      +class="RIGHT-SIDEBAR"
    +class="FOOTER"
  +class="BTT"
***************************************************************************************************/
/*==================================================================================================
・リセットCSS
==================================================================================================*/
/*
html5doctor.com Reset Stylesheet
v1.4
2009-07-27
Author: Richard Clark - http://richclarkdesign.com
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

body {
  line-height: 1;
}

article, aside, dialog, figure, footer, header,
hgroup, nav, section {
  display: block;
}

nav ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

a {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted #000;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #cccccc;
    margin: 1em 0;
    padding: 0;
}

input, select {
  vertical-align: middle;
}

/*==================================================================================================
・一括指定(全称セレクタ＆基本リンク＆その他)
==================================================================================================*/
a:link {
  color: #2090C0;
  text-decoration: none;
}

a:visited {
  color: #9851A8;
}

a:hover {
  text-decoration: underline;
}

a.blank {
  cursor: url(http://ascii-art.blog.jp/pointer/link_blank.ico), pointer;
}

img {
  border: 0;
}

/*
Emoji Symbols Font (c)blockworks - Kenichi Kaneko
http://emojisymbols.com/
*/
@font-face {
  font-family: "EmojiSymbols";
  src: url(http://ascii-art.blog.jp/font/EmojiSymbols-Regular.woff) format('woff');
  font-style: normal;
}

/*==================================================================================================
・フォント・見出しタグ
==================================================================================================*/
.fs-xxl {
  font-size: xx-large;
}

.fs-xl {
  font-size: x-large;
}

.fs-l {
  font-size: large;
}

.fs-m {
  font-size: medium;
}

.fs-s {
  font-size: small;
}

.fs-xs {
  font-size: x-small;
}

.fs-xxs {
  font-size: xx-small;
}

.fc-red {
  color: #B52F25;
}

.fc-yellow {
  color: #EBB130;
}

.fc-green {
  color: #549B2A;
}

.fc-lightblue {
  color: #3E95BA;
}

.fc-blue {
  color: #2B4E91;
}

.fc-purple {
  color: #AE487B;
}

.fw-bold {
  font-weight: bold;
}

.fs-italic {
  font-style: italic;
}

.fs-oblique {
  font-style: oblique;
}

.h1 {
  font-size: xx-large;
}

.h2 {
  font-size: x-large;
}

.h3 {
  font-size: large;
}

/*==================================================================================================
◆bodyのスタイル
==================================================================================================*/
body {
  font-size: medium;
  font-family: IPAMonaPGothic, "IPA モナー Pゴシック", Monapo, Mona, "MS PGothic", "ＭＳ Ｐゴシック", sans-serif, "EmojiSymbols";
  color: #333;
  background-color: #eff0eb;
  background-image: url(http://ascii-art.blog.jp/img/cloth-b1.png);
}

/* かんたん背景画像のスタイル
----------------------------------------------- */
body.show-bg-image {
}

/*==================================================================================================
◆class="facebook-top" 関係のスタイル
==================================================================================================*/
.facebook-top {
  display: none;
}

/*==================================================================================================
※ライブドアブログの共通ヘッダー
==================================================================================================*/
#smartphone {
  max-width: 1600px;
  min-width: 1000px;
  margin: 0 auto;
}

#header2 {
  max-width: 1600px;
  min-width: 1000px;
  margin: 0 auto;
  background-color: #fff;
  box-shadow: 0 2px 4px rgba(0,0,0,0.2);
  color: #333;
}

#header2 input#header2_query {
  font-size: 13px;
  line-height: 15px;
}

#header2 table#header span.common-header-logo {
  display: block;
}

#header2 a {
  color: #333;
}

table#header {
  width: 100%;
}

table#header th {
  width: 1%;
  vertical-align: middle;
}

table#header td {
  vertical-align: middle;
}

table#header td.catprbox {
  width: 1%;
  white-space: nowrap;
}

table#header td.catprbox span {
  margin-right: 15px;
}

table#header td.newstickerbox {
  width: 97%;
}

table#header td.newstickerbox div {
  text-align: left;
  padding-left: 10px;
}

table#header td.startblogbox {
  width: 1%;
  padding-right: 20px;
  white-space: nowrap;
}

table#header td.startblogbox img {
  margin-right: 3px;
  border: 0;
  vertical-align: middle;
}

table#header td.startblogbox a.header-nav-livedoor {
  margin-right: 5px;
  border-right: 1px solid;
  padding-right: 5px;
}

/* changed Js */
table#header a {
  text-decoration: none;
}
table#header td {
  height: 16px;
}

td.newstickerbox div {
  width: 200px;
  height: 14px;
}

#header_scroll {
  width: 170px;
}

#header_topics div {
  height: 14px;
}

/*==================================================================================================
◆class="WRAPPER" 関係のスタイル
==================================================================================================*/
.WRAPPER {
  max-width: 1600px;
  min-width: 1000px;
  margin: 24px auto;
}

/*==================================================================================================
◆class="HEADER" 関係のスタイル
==================================================================================================*/
.HEADER {
  background-color: #69D1D1;
}

/* ヘッダートップ
=============================================== */
.HTL {
  float: left;
  width: 60%;
}

.HTL-d-B {
  margin: 16px;
  background-color: #fff;
  border-radius: 5px;
}

.HTL-dh-title,
.HTL-dd-title {
  text-align: center;
  font-size: xx-large;
  font-weight: bold;
  color: #fff;
}

.HTL-dh-title a:link,
.HTL-dd-title a:link {
  padding: 10px 0;
  text-decoration: none;
  display: block;
  border-radius: 5px;
}

.HTL-dh-title a,
.HTL-dd-title a {
  color: #333;
}

.HTL-dh-title a:visited,
.HTL-dd-title a:visited {
}

.HTL-dh-title a:hover,
.HTL-dd-title a:hover {
  background-color: #FEF7D4;
  text-decoration: none;
}

.HTR {
  float: right;
  width: 40%;
}

.HTR-d-B {
  margin: 16px;
}

.HTR-dd-BL {
  float: left;
  width: 30%;
  text-align: left;
}

.HTR-dd-BR {
  float: right;
  width: 70%;
  text-align: right;
}

.HTR-ddas-img {
}

.HTR-ddasi-img {
  transition: 0.5s;
}

.HTR-ddasi-img:hover {
  -moz-transform: scale(1.1,1.1);
  -webkit-transform: scale(1.1,1.1);
  -o-transform: scale(1.1,1.1);
  -ms-transform: scale(1.1,1.1);
}

.HTD {
  clear: both;
}

.HTD-p-description {
  padding: 16px;
  background-color: #fff;
}

/* ヘッダーミドル(画像)
=============================================== */
.HMI {
  background-color: #C8F0F0;
  border-top: 10px solid #69D1D1;
  border-bottom: 10px solid #69D1D1;
  background-image: url(http://ascii-art.blog.jp/img/bg-diamond02.png);
}

.HMI-ai-img {
  padding: 10px 0;
  display: block;
  margin: 0 auto;
  max-width: 100%; 
  height: auto;
}

/* ヘッダーボトム(グローバルメニュー)
=============================================== */
.HBN {
}

.HBN-u {
  list-style-type: none;
  width: 100%;
  height: 40px;
  background: #fff;
  border-bottom: 10px solid #69D1D1;
}

.HBN-u a {
  text-decoration: none;
  color: #333;
}

.HBN-ul {
  position: relative;
  z-index: 1;
  width: 20%;
  float: left;
  text-align: center;
}

.HBN-ul:hover {
  background: #69D1D1;
}

.HBN-ulas {
  display: block;
  padding: 12px 0;
  font-size: medium;
  font-weight: bold;
  line-height: 1;
}

.HBN-ulas:hover {
  background: #1DB2B2;
}

.HBN-ulu {
  list-style: none;
  position: absolute;
  width: 100%;
  top: 100%;
}

.HBN-ul:last-child .HBN-ulu {
  left: -100%;
  width: 100%;
}

.HBN-ulul {
  overflow: hidden;
  width: 200%;
  height: 0;
  -moz-transition: .2s;
  -webkit-transition: .2s;
  -o-transition: .2s;
  -ms-transition: .2s;
  transition: .2s;
}

.HBN-ululas {
  display: block;
  padding: 12px 16px;
  background: #69D1D1;
  text-align: left;
  font-size: medium;
  font-weight: normal;
}

.HBN-ululas:hover {
  background: #1DB2B2;
}

.HBN-ul:hover .HBN-ulul {
  overflow: visible;
  height: 38px;
  border-top: 1px solid #C8F0F0;
  border-bottom: 1px solid #C8F0F0;
}

.HBN-ul:hover .HBN-ulul:first-child {
  border-top: 0;
}

.HBN-ul:hover .HBN-ulul:last-child {
  border-bottom: 0;
}

/*==================================================================================================
◆class="TOPICPATH" 関係のスタイル
==================================================================================================*/
.TOPICPATH {
  clear: both;
}

.TP-d-rcrumbs {
  white-space: nowrap;
  margin: 16px 0;
  padding: 10px 0;
  background-color: #69D1D1;
}

.TP-d-rcrumbs > ul {
  height: 40px;
  padding: 0 16px;
  list-style: none;
  overflow-x: hidden;
  background-color: #fff;
}

.TP-d-rcrumbs > ul > li {
  overflow: hidden;
  display: none;
  padding: 6px 0;
}

.TP-d-rcrumbs > ul > li.show {
  display: inline-block;
}

.TP-d-rcrumbs > ul > li.ellipsis {
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  overflow: hidden;
}

.TP-d-rcrumbs a {
  text-decoration: none;
}

.TP-d-rcrumbs a:hover {
  text-decoration: underline;
}

.TP-duls-fontello {
  font-size: x-large;
  color: #69D1D1;
  padding-right: 10px;
}

.TP-duls-SI {
  color: #69D1D1;
  padding: 0 10px;
}

/*==================================================================================================
◆class="CONTAINER" 関係のスタイル
==================================================================================================*/
.CONTAINER {
  display: table;
  table-layout: fixed;
  width: 100%;
}

/* Safariとモバイルに適用されるCSSハック(table-layout: fixed;だとズレるため) */
.safari .CONTAINER,
.mobile .CONTAINER {
  display: table;
  table-layout: auto;
  width: 100%;
}

/*==================================================================================================
◆class="MAIN" 関係のスタイル
==================================================================================================*/
.MAIN {
  display: table-cell;
  vertical-align: top;
  padding: 16px 0;
  background-color: #fff;
}

.M-d-B {
}

/*--------------------------------------------------------------------------------------------------
ヘッドライン(livedoor 相互RSS)
--------------------------------------------------------------------------------------------------*/
.blogroll-wrapper {
  width: 100%;
  padding: 2px;
  background-color: #F7F7F7;
  border: 10px double #69D1D1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.blogroll-innner-left {
  width: 50%;
  height: 200px;
  border-collapse: separate;
  float: left;
  overflow-y: scroll;
/*  border: 1px solid #69D1D1;*/
}

.blogroll-innner-right {
  width: 50%;
  height: 200px;
  border-collapse: separate;
  float: right;
  overflow-y: scroll;
/*  border: 1px solid #69D1D1;*/
}

.blogroll-wrapper:after {
  clear: both;
  display: block;
  height: 0;
  visibility: hidden;
  content: ".";
}

/*--------------------------------------------------------------------------------------------------
メッセージ・共通テーマ・ログイン
--------------------------------------------------------------------------------------------------*/
/* メッセージボード
----------------------------------------------- */
.message-board-outer {
}

.message-board-outer-2 {
}

.message-board-outer-3 {
}

.message-board {
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 5px;
  color: #333;
  line-height: 1.8;
  margin-bottom: 16px;
  overflow: hidden;
  padding: 10px;
}

.message-board img[align="left"] {
  margin-right: 10px;
}

.message-board img[align="right"] {
  margin-left: 10px;
}

/* 共通テーマ
----------------------------------------------- */
.common-theme {
  clear: both;
  margin: 16px 0;
  background: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 10px;
}

.common-theme dt,
.common-theme dd {
  display: inline;
}
.common-theme dt {
  padding-right: 5px;
}

.common-theme dt:before {
  font-family: 'fontello';
  content: '\e82b';
  color: #69D1D1;
  padding-right: 10px;
}

/* ログインが必要な場合のメッセージ
----------------------------------------------- */
div.private-mode-announcement,
div.comment-auth-announcement {
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 5px;
  color: #333;
  line-height: 1.8;
  margin: 16px 0;
  overflow: hidden;
  padding: 10px;
}

/*--------------------------------------------------------------------------------------------------
カテゴリーとマンスリーのヘッダー
--------------------------------------------------------------------------------------------------*/
#category-header {
}

#monthly-header {
}

.MAH {
  margin: 16px 0;
  padding: 10px;
  border-left: 10px solid #69D1D1;
  border-right: 10px solid #69D1D1;
  border-radius: 5px;
  color: #333;
  font-size: medium;
  line-height: 1.2;
  background: #f5f5f5;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.MAH-hs-fontello {
  color: #69D1D1;
  padding-right: 10px;
}

.MAH-hs-symbol {
  color: #69D1D1;
  padding: 0 10px;
}

/*--------------------------------------------------------------------------------------------------
メイン記事
--------------------------------------------------------------------------------------------------*/
.MA {
  margin: 32px 0px;
}

.MA-F {
/*  margin-top: 0;*/
}

.MA-L {
}

/* 記事トップ
=============================================== */
.MAT {
  display: table;
  width: 100%;
  margin-bottom: 16px;
}

.MAT-d-L {
  display: table-cell;
  vertical-align: top;
}

.MAT-dd-LD {
  font-size: small;
  color: #808080;
}

.MAT-dds-fontello {
  padding-right: 2px;
  font-size: small;
  color: #69D1D1;
}

.MAT-dds-articlerating {
  padding-left: 10px;
}

.MAT-dh-T {
  margin: 5px 0;
  margin-right: 10px;
  font-size: x-large;
  font-weight: bold;
  border-left: 10px solid #69D1D1;
  padding: 5px 0;
  padding-left: 10px;
  border-bottom: 1px solid #69D1D1;
}

.MAT-dh-T a {
  text-decoration: none;
  color: #1DB2B2;
}

.MAT-dh-T a:hover {
  color: #9851A8;
}

.MAT-d-R {
  display: table-cell;
  vertical-align: top;
  width: 150px;
  text-align: right;
}

.MAT-dd-RB {
}

.MAT-ddi-RBI {
  width: 150px;
  height: auto;
}

/* はてなAddボタン */
.hatena-star-add-button-image {
  background-image: url(http://ascii-art.blog.jp/img/add_rd-compressor.gif);
}

/* はてなコメントボタン(コメントなし) */
.hatena-star-comment-button-image {
  background-image: url(http://ascii-art.blog.jp/img/comment_rd-compressor.gif);
}

/* はてなコメントボタン(コメントあり) */
.hatena-star-comment-button-image-active {
  background-image: url(http://ascii-art.blog.jp/img/comment_active_rd-compressor.gif);
}

/* 記事ミドル
=============================================== */
.MAM {
  font-size: medium;
}

/* 記事の中にある画像 */
.MAM img {
  max-width: 100%!important;
  height: auto!important;
}

/* 個別記事ページの続き */
.MAM-d-BM {
  margin: 16px 0;
}

/* 続きを読む
----------------------------------------------- */
.ReedMore {
  margin: 16px 0;
}

.OpenArticle {
/*  margin: 16px 0;*/
  background-color: #fafafa;
}

.OA-as-RM {
  display: inline-block;
  width: 50%;
  padding: 16px 0;
}

.OA-as-RM:before {
  font-family: 'fontello';
  content: '\e802';
  color: #69D1D1;
  padding: 0 10px;
}

.OA-as-RM:hover {
  background-color: #FEF7D4;
}

.OA-as-AM {
  display: inline-block;
  width: 50%;
  padding: 16px 0;
}

.OA-as-AM:before {
  font-family: 'fontello';
  content: '\e806';
  color: #69D1D1;
  padding: 0 10px;
}

.OA-as-AM:hover {
  background-color: #FEF7D4;
}

.OA-as-RJ {
  display: inline-block;
  width: 50%;
  padding: 16px 0;
}

.OA-as-RJ:before {
  font-family: 'fontello';
  content: '\e82a';
  color: #69D1D1;
  padding: 0 10px;
}

.OA-as-RJ:hover {
  background-color: #FEF7D4;
}

.ReadArticle {
  margin: 16px 0;
}

.CloseArticle {
  margin: 16px 0;
  background-color: #fafafa;
}

.CA-as-RM {
  display: inline-block;
  width: 50%;
  padding: 16px 0;
}

.CA-as-RM:before {
  font-family: 'fontello';
  content: '\e806';
  color: #69D1D1;
  padding: 0 10px;
}

.CA-as-RM:hover {
  background-color: #FEF7D4;
}

.CA-as-RJ {
  display: inline-block;
  width: 50%;
  padding: 16px 0;
}

.CA-as-RJ:before {
  font-family: 'fontello';
  content: '\e82a';
  color: #69D1D1;
  padding: 0 10px;
}

.CA-as-RJ:hover {
  background-color: #FEF7D4;
}

/* コメントを読む
----------------------------------------------- */
.OpenComment {
/*  margin: 16px 0;*/
  background-color: #fafafa;
}

.OC-as-RC {
  display: inline-block;
  width: 50%;
  padding: 16px 0;
}

.OC-as-RC:before {
  font-family: 'fontello';
  content: '\e802';
  color: #69D1D1;
  padding: 0 10px;
}

.OC-as-RC:hover {
  background-color: #FEF7D4;
}

/* jQueryでコメント数を初期値に戻すための隠し要素 */
.OC-as-RC-DN {
  display: none;
}

.OC-as-AC {
  display: inline-block;
  width: 50%;
  padding: 16px 0;
}

.OC-as-AC:before {
  font-family: 'fontello';
  content: '\e806';
  color: #69D1D1;
  padding: 0 10px;
}

.OC-as-AC:hover {
  background-color: #FEF7D4;
}

.OC-as-WC {
  display: inline-block;
  width: 50%;
  padding: 16px 0;
}

.OC-as-WC:before {
  font-family: 'fontello';
  content: '\e805';
  color: #69D1D1;
  padding: 0 10px;
}

.OC-as-WC:hover {
  background-color: #FEF7D4;
}

.ReadComment {
}

.CloseComment {
  margin: 16px 0;
  background-color: #fafafa;
}

.CC-as-RC {
  display: inline-block;
  width: 50%;
  padding: 16px 0;
}

.CC-as-RC:before {
  font-family: 'fontello';
  content: '\e806';
  color: #69D1D1;
  padding: 0 10px;
}

.CC-as-RC:hover {
  background-color: #FEF7D4;
}

.CC-as-WC {
  display: inline-block;
  width: 50%;
  padding: 16px 0;
}

.CC-as-WC:before {
  font-family: 'fontello';
  content: '\e805';
  color: #69D1D1;
  padding: 0 10px;
}

.CC-as-WC:hover {
  background-color: #FEF7D4;
}

.no-comment {
/*  margin: 16px 0;*/
}

/* 人気記事(記事ミドル)
----------------------------------------------- */
.MAMPA {
  margin: 16px 0;
}

.MAMPA h2 {
  margin: 16px 0;
  font-size: large;
  font-weight: bold;
  border-left: 10px solid #69D1D1;
  padding: 5px 0px 5px 10px;
  border-bottom: 1px solid #69D1D1;
}

/* Design A(block) */
.MAMPA .popularArticlesWithImage.A ul {
}

.MAMPA .popularArticlesWithImage.A div.title {
  text-align: left;
}


.MAMPA .popularArticlesWithImage.A {
/*  margin: 10px 0;*/
}

.MAMPA .popularArticlesWithImage.A ul {
  margin: 0;
  padding: 0;
  text-align: center;
}

.MAMPA .popularArticlesWithImage.A ul li {
  position: relative;
  display: inline-block;
  margin-bottom: 5px;
  vertical-align: top;
  text-align: left;
  list-style-type: none;
}

.MAMPA .popularArticlesWithImage.A ul li:last-child {
  margin-bottom: 0;
}

.MAMPA .popularArticlesWithImage.A ul li a { 
  display: block;
  border-width: 2px;
  border-style: solid;
  border-color: rgba(0,0,0,0.8);
  padding: 0px !important;
  background: none !important;
  text-decoration: none;
  width: 150px;
  height: 112px;
}

.MAMPA .popularArticlesWithImage.A li div.image img {
  border-width: 0px;
}

.MAMPA .popularArticlesWithImage.A li div.image.noimage {
  background-image: url("http://ascii-art.blog.jp/img/no-image180x140.png");
  width: 180px;
  height: 140px;
  background: #daf5da;
}

.MAMPA .popularArticlesWithImage.A div.title {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 146px;
  height: 22%;
  padding: 4px;
  background: #000;
  color: #fff;
  font-weight: bold;
  font-size: 12px;
  line-height: 1.4;
  opacity: 0.8;
  -moz-opacity: 0.8;
  overflow: hidden;
}
.MAMPA .popularArticlesWithImage.A div.retweet,
.MAMPA .popularArticlesWithImage.A div.comment,
.MAMPA .popularArticlesWithImage.A div.pv {
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  padding: 3px 6px 2px 5px;
  background: #000;
  font-weight: bold;
  font-size: 12px;
  color: #fff;
  text-align: right;
  text-shadow: 0 1px 0 #000;
}

/* 記事ボトム
=============================================== */
.MAB {
  clear: both;
}

/* 拍手・いいねボタン
----------------------------------------------- */
.MAB-u-like {
  overflow: hidden;
  margin: 16px 0;
/*  line-height: 1.2;*/
}

.MAB-u-like li {
  float: right;
  font-size: medium;
  list-style: none;
}

.MAB-ul-ACRF {
}

.clap {
  padding: 0 10px;
}

.blog-ranking {
  padding: 0 10px;
}

.fb-like {
  padding: 0 10px;
}

/* タグ
----------------------------------------------- */
.MAB-d-tags {
  overflow: hidden;
  margin: 16px 0;
  line-height: 1.2;
}

.MAB-d-tags dt {
  float: left;
}

.MAB-dds-fontello {
  color: #69D1D1;
}

.MAB-d-tags dd {
  display: inline;
  margin-left: 10px;
}

/* コメント数・カテゴリー・ライター
----------------------------------------------- */
.MAB-u-list {
  overflow: hidden;
  margin: 16px 0;
  line-height: 1.2;
}

.MAB-u-list li {
  float: right;
  font-size: medium;
  list-style: none;
}

.MAB-ul-ACC {
}

.MAB-ul-ACC dt {
  float: left;
}

.MAB-uldds-fontello-c {
  color: #69D1D1;
}

.MAB-ul-ACC dd {
  display: inline;
  padding: 0 10px;
}

.MAB-ul-AC {
}

.MAB-ul-AC dt {
  float: left;
}

.MAB-uldds-fontello-f {
  color: #69D1D1;
}

.MAB-ul-AC dd {
  display: inline;
  padding: 0 10px;
}

.MAB-uldd-AC1 {
}

.MAB-uldd-AC2 {
  border-left: 1px solid #ccc;
}

.MAB-ul-AAN {
/*  display: none;*/
}

.MAB-ul-AAN dt {
  float: left;
}

.MAB-uldds-fontello-u {
  color: #69D1D1;
}

.MAB-ul-AAN dd {
  display: inline;
  padding: 0 10px;
}

/* ソーシャルボタン
----------------------------------------------- */
.MAB-d-SB {
  clear: both;
  margin: 16px 0;
  padding: 16px 0;
  text-align: center;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

.github {
  display: inline-block;
}

/*==================================================================================================
AA(アスキーアート)関連
==================================================================================================*/
/* 簡易まとめ(まとめくん Ver 3.0)
----------------------------------------------- */
.MAM .body {
/*  margin: 16px 0;*/
  font-family: IPAMonaPGothic, "IPA モナー Pゴシック", Monapo, Mona, "MS PGothic", "ＭＳ Ｐゴシック", sans-serif, "EmojiSymbols";
  font-size: 16px;
  line-height: 18px;
}

.body .res {
  display: block!important;
}

.body .data {
}

.body .msg {
/*  margin-left: 40px;*/
  margin-bottom: 16px;
  white-space: nowrap;
  overflow: auto;
}

/* Safariとモバイルに適用されるCSSハック */
.safari .body .msg,
.mobile .body .msg {
  white-space: normal;
  overflow: visible;
}

/* 2chまとめくす
----------------------------------------------- */
.MAM .t_h {
}

.MAM .t_b {
  font-family: IPAMonaPGothic, "IPA モナー Pゴシック", Monapo, Mona, "MS PGothic", "ＭＳ Ｐゴシック", sans-serif, "EmojiSymbols";
  font-size: 16px;
  line-height: 18px;
  white-space: nowrap;
  overflow: auto;
}

/* Safariとモバイルに適用されるCSSハック */
.safari .MAM .t_b,
.mobile .MAM .t_b {
  white-space: normal;
  overflow: visible;
}

.MAM .t_i {
}

.MAM .anchor {
}

/* 勝つーる φ(・ω・｡)(オプション２：全体を<dl>で、1行目（名前～ＩＤまで）を<dt>、本文を<dd>で囲みます。)
----------------------------------------------- */
.MAM dl {
  font-family: IPAMonaPGothic, "IPA モナー Pゴシック", Monapo, Mona, "MS PGothic", "ＭＳ Ｐゴシック", sans-serif, "EmojiSymbols";
  font-size: 16px;
  line-height: 18px;
}

.MAM dl dt {
}

.MAM dl dd {
  margin-bottom: 16px;
  white-space: nowrap;
  overflow: auto;
}

/* Safariとモバイルに適用されるCSSハック */
.safari .MAM dl dd,
.mobile .MAM dl dd {
  margin-bottom: 16px;
  white-space: normal;
  overflow: visible;
}

/* 顔文字
----------------------------------------------- */
.MAM .kaomoji-xxl {
  margin-left: 20px;
  font-family: IPAMonaPGothic, "IPA モナー Pゴシック", Monapo, Mona, "MS PGothic", "ＭＳ Ｐゴシック", sans-serif, "EmojiSymbols";
  font-size: xx-large;
  line-height: 4;
}

.MAM .kaomoji-xl {
  margin-left: 20px;
  font-family: IPAMonaPGothic, "IPA モナー Pゴシック", Monapo, Mona, "MS PGothic", "ＭＳ Ｐゴシック", sans-serif, "EmojiSymbols";
  font-size: x-large;
  line-height: 4;
}

.MAM .kaomoji-l {
  margin-left: 20px;
  font-family: IPAMonaPGothic, "IPA モナー Pゴシック", Monapo, Mona, "MS PGothic", "ＭＳ Ｐゴシック", sans-serif, "EmojiSymbols";
  font-size: large;
  line-height: 4;
}

.MAM .kaomoji-m {
  margin-left: 20px;
  font-family: IPAMonaPGothic, "IPA モナー Pゴシック", Monapo, Mona, "MS PGothic", "ＭＳ Ｐゴシック", sans-serif, "EmojiSymbols";
  font-size: medium;
  line-height: 4;
}

/* 共通スタイル
----------------------------------------------- */
.MAM .source {
  margin: 32px 0;
  font-size: x-small;
}

/* divの折りたたみ */
.aa-open {
  margin: 16px 0;
  padding: 16px 0;
  background: #fafafa;
  color: #6DB9D9;
  cursor: pointer;
}

.aa-open:before {
  font-family: 'fontello';
  content: '\e810';
  color: #69D1D1;
  padding: 0 10px;
}

.aa-active {
  margin-bottom: 0;
}

.aa-active:before {
  font-family: 'fontello';
  content: '\e80f';
  color: #69D1D1;
  padding: 0 10px;
}

.aa-box {
  display: none;
  background: #fafafa;
  padding: 16px 0;
  margin-bottom: 16px;
}

/* 関連記事
----------------------------------------------- */
/* 画像なし関連記事 */
.related-articles:not(.with-image) {
  margin: 16px 0;
  line-height: 1.8;
}

.related-articles:not(.with-image) h3 {
  margin: 16px 0;
  font-size: large;
  font-weight: bold;
  border-left: 10px solid #6EB7DB;
  padding: 5px 0px 5px 10px;
  border-bottom: 1px solid #6EB7DB;
  line-height: 1;
}

.related-articles:not(.with-image) ul {
  list-style: none;
}

.related-articles:not(.with-image) ul li {
}

.related-articles:not(.with-image) ul li a {
  display: block;
  padding: 10px 0;
  text-decoration: none;
}

.related-articles:not(.with-image) ul li a:hover {
  background: #FEF7D4;
}

.related-articles:not(.with-image) ul li a:before {
  font-family: 'fontello';
  content: '\e814';
  color: #6EB7DB;
  padding-right: 10px;
}

/* 画像付き関連記事 */
.related-articles.with-image {
  margin: 16px 0;
}

.related-articles.with-image h3 {
  margin: 16px 0;
  font-size: large;
  font-weight: bold;
  border-left: 10px solid #6EB7DB;
  padding: 5px 0px 5px 10px;
  border-bottom: 1px solid #6EB7DB;
  line-height: 1;
}

.related-articles.with-image ul {
  list-style: none;
}

.related-articles.with-image ul li {
  margin: 0 0 10px 0;
}

.related-articles.with-image ul li a {
  display: table;
  width: 100%;
  min-height: 60px;
  padding: 0;
}

.related-articles.with-image ul li a:hover {
  background: #FEF7D4;
}

.related-articles.with-image .related-article-image,
.related-articles.with-image .related-article-title {
  display: table-cell;
  vertical-align: middle;
}

.related-articles.with-image .related-article-image {
  padding-right: 15px;
  width: 100px;
}

.related-articles.with-image .related-article-title {
/*  width: 100%;*/
}

.related-articles.with-image .related-article-image img {
  height: 60px!important;
}

.related-articles.with-image .related-article-image.noimage {
  padding: 0;
}

/*==================================================================================================
◇class="" 関係のスタイル
==================================================================================================*/
.MAM .subtitle {
  font-size: large;
  font-weight: bold;
  line-height: 1;
  border-left: 10px solid #69D1D1;
  padding: 5px 0px 5px 10px;
  border-bottom: 1px solid #69D1D1;
}

.MAM .write {
  font-size: medium;
  line-height: 1.8;
}

.MAM .write p {
  margin: 16px 0;
}

.MAM .write-aa {
  font-family: IPAMonaPGothic, "IPA モナー Pゴシック", Monapo, Mona, "MS PGothic", "ＭＳ Ｐゴシック", sans-serif, "EmojiSymbols";
  font-size: 16px;
  line-height: 18px;

  white-space: nowrap;
  overflow: auto;

}

/* Safariとモバイルに適用されるCSSハック */
.safari .MAM .write-aa,
.mobile .MAM .write-aa {
  white-space: normal;
  overflow: visible;
}

.MAM .site-name-textbox {
  font-family: IPAMonaPGothic, "IPA モナー Pゴシック", Monapo, Mona, "MS PGothic", "ＭＳ Ｐゴシック", sans-serif, "EmojiSymbols";
  font-size: medium;
  width: 60%;
  height: 32px;
  border-radius: 5px;
  border: 1px solid #CCC;
  padding: 5px;
  line-height: 18px;
  color: #333;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
  box-sizing: border-box;
  transition: border 0.1s ease 0s, box-shadow 0.1s ease 0s;
}

.MAM .site-url-textbox {
  font-family: IPAMonaPGothic, "IPA モナー Pゴシック", Monapo, Mona, "MS PGothic", "ＭＳ Ｐゴシック", sans-serif, "EmojiSymbols";
  font-size: medium;
  width: 60%;
  height: 32px;
  border-radius: 5px;
  border: 1px solid #CCC;
  padding: 5px;
  line-height: 18px;
  color: #333;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
  box-sizing: border-box;
  transition: border 0.1s ease 0s, box-shadow 0.1s ease 0s;
}

.MAM .site-owner-textbox {
  font-family: IPAMonaPGothic, "IPA モナー Pゴシック", Monapo, Mona, "MS PGothic", "ＭＳ Ｐゴシック", sans-serif, "EmojiSymbols";
  font-size: medium;
  width: 60%;
  height: 32px;
  border-radius: 5px;
  border: 1px solid #CCC;
  padding: 5px;
  line-height: 18px;
  color: #333;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
  box-sizing: border-box;
  transition: border 0.1s ease 0s, box-shadow 0.1s ease 0s;
}

.MAM .site-description-textarea {
  font-family: IPAMonaPGothic, "IPA モナー Pゴシック", Monapo, Mona, "MS PGothic", "ＭＳ Ｐゴシック", sans-serif, "EmojiSymbols";
  font-size: medium;
  width: 100%;
  height: 100px;
  border-radius: 5px;
  border: 1px solid #CCC;
  padding: 5px;
  line-height: 18px;
  color: #333;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
  box-sizing: border-box;
  transition: border 0.1s ease 0s, box-shadow 0.1s ease 0s;
}

.fc2mailform {
}

.fc2mailform-link {
  text-align: center;
}

.fc2mailform-link-span {
  display: block;
}

.fc2mailform-link-span:hover {
  background-color: #FCF1D3;
}

div[class^="SHUFFLELINK"] {
  font-size: medium;
  line-height: 1.8;
}

.SL-d-block {
/*  margin: 16px 0;*/
  margin-bottom: 16px;
  border-bottom: 1px solid #ccc;
}

.SL-dd-link {
}

.SL-ddas-link {
  display: block;
}

.SL-ddas-link:hover {
  background-color: #FEF7D4;
}

.SL-ddasi-linkimg {
  margin-right: 10px;
}

.SL-dd-description {
}

/* 引用
----------------------------------------------- */
blockquote {
  position: relative;
  padding: 32px 0;
  line-height: 18px;
  background-color: #f5f5f5;
}

blockquote:before {
  position: absolute;
  content: "“";
  left: 0;
  top: 0;
  font-size: xx-large;
  line-height: 40px;
  color: #69D1D1;
}

blockquote:after {
  position: absolute;
  content: "”";
  right: 0;
  bottom: 0;
  font-size: xx-large;
  line-height: 0;
  color: #69D1D1;
}

/*==================================================================================================
◇ページ送り
==================================================================================================*/
/* トップページ・カテゴリアーカイブ・月別アーカイブ */
div.pager {
  margin: 32px 0;
}

ul.index-navigator {
/*  height: 36px;*/
  text-align: center;
}
ul.index-navigator li,
ul.index-navigator li ol {
  display: inline-block;
  margin: 0!important;
}
ul.index-navigator li a,
ul.index-navigator li.current span {
  display: inline-block;
  font-weight: bold;
  line-height: 28px;
  margin: 0 2px;
  padding: 0 10px;
  text-decoration: none;
  color: #555;
  border: 1px solid #ccc;
  background-color: #fff;
  -webkit-transition: background-color 0.1s linear;
     -moz-transition: background-color 0.1s linear;
      -ms-transition: background-color 0.1s linear;
       -o-transition: background-color 0.1s linear;
          transition: background-color 0.1s linear;
}

ul.index-navigator li.current span {
  background-color: #69D1D1;
  color: #fff;
  text-shadow: 0 1px 0 #000;
}
ul.index-navigator a:visited {
  color: #555;
}
ul.index-navigator a:hover {
  background-color: #FEF7D4;
  text-decoration: none;
  text-shadow: 0 1px 0 #fff;
}

/* 個別記事ページ */
ul.article-pager,
ul.archives-pager {
  list-style: none;
  text-align: center;
  margin: 32px 0;
}
ul.article-pager li,
ul.archives-pager li {
  display: inline;
  margin: 0 16px;
}

ul.article-pager li a,
ul.archives-pager li a {
  display: inline-block;
  padding: 7px 30px;
  text-decoration: none;
  border: 1px solid #ccc;
  border-radius: 5px;
  color: #555;
  background-color: #fff;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.02);
  -webkit-transition: background-color 0.1s linear;
     -moz-transition: background-color 0.1s linear;
      -ms-transition: background-color 0.1s linear;
       -o-transition: background-color 0.1s linear;
          transition: background-color 0.1s linear;
}
ul.article-pager li a:hover,
ul.archives-pager li a:hover {
  background-color: #FEF7D4;
  text-decoration: none;
}
ul.archives-pager li.both {
  border: 0;
}

/*==================================================================================================
コメント・トラックバック関係のスタイル
==================================================================================================*/
/* フォーム部分共通
----------------------------------------------- */
#article-options {
}

.article-option ul {
  list-style: none;
}

.article-option ol {
  list-style: none;
}

.article-option h3 {
  font-weight: bold;
  font-size: large;
}

.article-option input.text,
.article-option textarea,
.trackback-form-url input {
  border: 1px solid #ccc;
  padding: 5px;
  line-height: 18px;
  color: #333;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: border 0.1s ease, box-shadow 0.1s ease;
     -moz-transition: border 0.1s ease, box-shadow 0.1s ease;
      -ms-transition: border 0.1s ease, box-shadow 0.1s ease;
       -o-transition: border 0.1s ease, box-shadow 0.1s ease;
          transition: border 0.1s ease, box-shadow 0.1s ease;
}

.article-option input.text,
.trackback-form-url input {
  border-radius: 5px;
  height: 32px;
}

.article-option textarea {
  border-bottom: 1px solid #ccc;
  border-radius: 5px 5px 0 0;
}

.article-option input.text:focus,
.article-option textarea:focus,
.trackback-form-url input:focus {
  outline: 0;
  border: 1px solid rgba(23,126,229, 0.5);
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.2), 0 0 6px rgba(23,126,229, 0.5);
}

.article-option button,
.trackback-form-submit input {
  border: 1px solid #ccc;
  padding: 0 10px;
  height: 28px;
  text-shadow: 0 1px 0 #fff;
  border-radius: 5px;
  background-color: #fafafa;
  background-image: -webkit-linear-gradient(#fefefe, #fefefe 25%, #e7e7e7);
  background-image:    -moz-linear-gradient(#fefefe, #fefefe 25%, #e7e7e7);
  background-image:     -ms-linear-gradient(#fefefe, #fefefe 25%, #e7e7e7);
  background-image:      -o-linear-gradient(#fefefe, #fefefe 25%, #e7e7e7);
  background-image:         linear-gradient(#fefefe, #fefefe 25%, #e7e7e7);
  background-repeat: repeat-x;
}

.article-option button:hover,
.trackback-form-submit input:hover {
  background-color: #e7e7e7;
  background-position: 0 -10px;
  -webkit-transition: background-position 0.1s linear;
     -moz-transition: background-position 0.1s linear;
      -ms-transition: background-position 0.1s linear;
       -o-transition: background-position 0.1s linear;
          transition: background-position 0.1s linear;
}

/* コメント・トラックバック一覧
----------------------------------------------- */
.comment-info,
.trackback-set {
  margin: 16px 0;
}

.comment-author,
.comment-date,
.comment-id,
.comment-res,
.ping-title,
.ping-info,
.ping-blog-name,
.ping-date {
  display: inline;
}

.comment-author,
.ping-title {
  font-weight: bold;
  padding-right: 8px;
}

.comment-date,
.comment-id,
.comment-res,
.ping-blog-name,
.ping-date {
/*  margin: 0 5px;*/
}

.comment-body,
.ping-excerpt {
}

/* コメント投稿フォーム
----------------------------------------------- */
#comment-form {
  font-size: 12px;
  margin: 16px 0 32px;
}
#comment-form dl {
  overflow: hidden;
/*  padding: 5px 0;*/
}
#comment-form dl.comment-form-body {
  overflow: visible;
}
#comment-form dd {
  margin: 0 12%;
}
#comment-form dt {
  float: left;
  width: 10%;
  text-align: right;
  line-height: 30px;
  color: #555;
}
#comment-form fieldset {
  border: 0;
}
#comment-form legend {
  display: none;
}
#comment-form-tools {
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-top: 0;
  border-radius: 0 0 5px 5px;
  font-size: 12px;
  height: 32px;
}
#comment-form-tools .facemark a {
  border-right: 1px solid #ccc;
  display: block;
  float: left;
  padding: 6px;
}
#comment-form-tools .rating-value {
  border: 1px solid #ccc;
  border-radius: 5px;
  color: #808080;
  cursor: pointer;
  display: inline-block;
  font-size: 12px;
  height: 26px;
  line-height: 26px;
  margin-top: 2px;
  margin-left: 10px;
  position: relative;
  text-align: center;
  vertical-align: top;
  width: 76px;
  padding: 0 5px;
  background-color: #fff;
  background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #f2f2f2);
  background-image:    -moz-linear-gradient(#ffffff, #ffffff 25%, #f2f2f2);
  background-image:     -ms-linear-gradient(#ffffff, #ffffff 25%, #f2f2f2);
  background-image:      -o-linear-gradient(#ffffff, #ffffff 25%, #f2f2f2);
  background-image:         linear-gradient(#ffffff, #ffffff 25%, #f2f2f2);
  background-repeat: repeat-x;
}
#comment-form-tools .rating-value > span {
  display: inline-block;
  margin-left: -3px;
}
#comment-form-tools .rating-value .caret {
  float: right;
  width: 18px;
  height: 26px;
  border-left: 1px solid #ccc;
}
#comment-form-tools .rating-value .caret span {
  display: inline-block;
  margin-top: 11px;
  margin-left: 4px;
  width: 0;
  height: 0;
  text-indent: -99999px;
  vertical-align: top;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid black;
  opacity: 0.3;
  content: "↓2193";
}
#comment-form-tools .rating-value ul {
  display: none;
  position: absolute;
  border: 1px solid #ccc;
  list-style: none;
  background-color: white;
  top: 26px;
  left: 0;
  box-shadow: 0 1px 2px rgba(0,0,0,0.2);
}
#comment-form-tools .rating-value ul li {
  margin: 0;
  padding: 6px;
  width: 72px;
  text-align: center;
  line-height: 1px;
  border-bottom: 1px dotted #ccc;
  height: 12px;
  line-height: 12px;
}
#comment-form-tools .rating-value ul li:last-child {
  border-bottom: none;
}
#comment-form-tools .rating-value ul li:hover {
  background-color: #eee;
}
#comment-form-tools .rating-value > img {
  margin-top: 5px;
}
#comment-form-tools .rating-value > img.star {
  margin-top: 6px;
}
#comment-form-tools .rating-icon {
  margin-top: 2px;
  margin-left: 10px;
  display: inline-block;
  background-color: #235f9f;
  background-image: -webkit-linear-gradient(#235f9f, #235f9f 25%, #3e96c9);
  background-image:    -moz-linear-gradient(#235f9f, #235f9f 25%, #3e96c9);
  background-image:     -ms-linear-gradient(#235f9f, #235f9f 25%, #3e96c9);
  background-image:      -o-linear-gradient(#235f9f, #235f9f 25%, #3e96c9);
  background-image:         linear-gradient(#235f9f, #235f9f 25%, #3e96c9);
  background-repeat: repeat-x;
  border-radius: 5px;
}
#comment-form-tools .rating-icon div {
  float: left;
  cursor: pointer;
  font-size: 12px;
  line-height: 26px;
  text-align: center;
  width: 34px;
  height: 26px;
  border-radius: 5px;
  border: 1px solid #ccc;
  color: #808080;
  background-color: #fff;
  background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #f2f2f2);
  background-image:    -moz-linear-gradient(#ffffff, #ffffff 25%, #f2f2f2);
  background-image:     -ms-linear-gradient(#ffffff, #ffffff 25%, #f2f2f2);
  background-image:      -o-linear-gradient(#ffffff, #ffffff 25%, #f2f2f2);
  background-image:         linear-gradient(#ffffff, #ffffff 25%, #f2f2f2);
  background-repeat: repeat-x;
}
#comment-form-tools .rating-icon .selected {
  background-color: inherit;
  background-image: inherit;
  border: none;
  color: #fff;
  height: 28px;
  line-height: 28px;
  text-shadow: 0 1px 3px #808080;
  width: 36px;
}
#comment-form-tools .submit,
#comment-form-tools .memorize {
  float: right;
  margin: 2px;
}
#comment-form-tools .memorize {
  line-height: 28px;
  margin-right: 12px;
  color: #808080;
}
#comment-form-tools .memorize input {
  vertical-align: top;
  margin-top: 8px;
}
#comment-form-tools .memorize input,
#comment-form-tools .memorize label {
  cursor: pointer;
}
#comment-form-author,
#comment-form-email {
  width: 60%;
}
#comment-form-url,
#comment-form-textarea {
  width: 100%;
}
#comment-form .comment-form-body dt {
  display: none;
}

/* コメントユーザーを限定した時の名前 */
#comment-author-form {
  line-height: 30px;
}


/* トラックバック投稿フォーム
----------------------------------------------- */
#trackbacks {
}

#trackbacks-list {
}

.article-option {
  margin: 16px 0;
}

.article-option h3 {
  margin: 16px 0;
  border-left: 10px solid #69D1D1;
  padding: 5px 0px 5px 10px;
  border-bottom: 1px solid #69D1D1;
}

.trackback-set {
  line-height: 1.8;
}

.ping-title {
}

.ping-info {
}

.ping-blog-name {
  color: #228B22;
}

.ping-date {
}

.ping-excerpt {
}

#trackback-form {
}

.article-option {
}

.trackback-form-url {
}

.trackback-form-submit {
}

#trackback-form {
  margin: 16px 0;
  font-size: 12px;
}
#trackback-form ul {
  margin: 16px 0;
  text-align: center;
}
#trackback-form li {
  display: inline;
}
#trackback-form .trackback-form-url input {
  width: 74%;
}
#trackback-form .trackback-form-submit input {
  height: 32px;
  margin-left: 2%;
  padding-bottom: 6px;
  padding-top: 6px;
  white-space: nowrap;
  width: 24%;
}

/*==================================================================================================
◇コメント・トラックバック関連の微調整
==================================================================================================*/
.comment-date,
.comment-id,
.comment-res,
/*.ping-blog-name,*/
.ping-date {
  padding-left: 5px;
  border-left: 1px solid #ccc;
  color: #aaa;
}
.comment-body {
  color: #333;
}
.ping-excerpt {
  color: #333;
  margin-left: 16px;
}

.comment-author {
  font-family: IPAMonaPGothic, "IPA モナー Pゴシック", Monapo, Mona, "MS PGothic", "ＭＳ Ｐゴシック", sans-serif, "EmojiSymbols";
  font-size: 16px;
  line-height: 18px;
  color: #228B22;
}

.comment-number {
  font-family: IPAMonaPGothic, "IPA モナー Pゴシック", Monapo, Mona, "MS PGothic", "ＭＳ Ｐゴシック", sans-serif, "EmojiSymbols";
  font-size: 16px;
  line-height: 18px;
  color: #333;
}

.comment-body {
  font-family: IPAMonaPGothic, "IPA モナー Pゴシック", Monapo, Mona, "MS PGothic", "ＭＳ Ｐゴシック", sans-serif, "EmojiSymbols";
  font-size: 16px;
  line-height: 18px;

  white-space: nowrap;
  overflow: auto;

}

/* Safariとモバイルに適用されるCSSハック */
.safari .comment-body,
.mobile .comment-body {
  white-space: normal;
  overflow: visible;
}

#comment-form dd {
  margin: 0;
}

#comment-form dt {
  float: none;
  width: 20%;
  text-align: left;
  line-height: 30px;
  color: #555;
}

.text {
  font-family: IPAMonaPGothic, "IPA モナー Pゴシック", Monapo, Mona, "MS PGothic", "ＭＳ Ｐゴシック", sans-serif, "EmojiSymbols";
  font-size: 16px;
  line-height: 18px;
}

#comment-form .comment-form-body dt {
  display: inline;
}

#comment-form-textarea {
  font-family: IPAMonaPGothic, "IPA モナー Pゴシック", Monapo, Mona, "MS PGothic", "ＭＳ Ｐゴシック", sans-serif, "EmojiSymbols";
  font-size: 16px;
  line-height: 18px;
  width: 100%;
  height: 400px;
  -webkit-box-sizing: border-box; /* Chrome, Safari */
  -moz-box-sizing: border-box;    /* Firefox */
  box-sizing: border-box;         /* IE8+, Opera */
  padding: 5px;
  vertical-align: bottom;

  white-space: pre;
  word-wrap: normal;
  overflow-x: scroll;

}

.comment-set {
  border-bottom: 1px dashed #ccc;
}

.comment-info-bottom {
  margin: 16px 0;
  text-align: right;
  font-size: small;
}

/*==================================================================================================
◇ポップアップコメント
==================================================================================================*/
#mypopup {
  display: none;
  position: absolute;
  border: 1px solid #ccc;
  padding: 5px;
  font-size: 16px;
  color: #000;
  background-color: #f5f5f5;
  list-style-type: none;
  line-height: 18px;
  text-align: left;
  max-width: 1000px;
  min-width: 400px;
  box-shadow: 3px 3px 3px #ccc;
  -moz-box-shadow: 3px 3px 3px #ccc;
  -webkit-box-shadow: 3px 3px 3px #ccc;
}

#mypopup li.comment-author,
#mypopup li.comment-date,
#mypopup li.comment-id,
#mypopup li.comment-res {
  display: inline;
  color: #333;
}

/*==================================================================================================
◆class="LEFT-SIDEBAR" 関係のスタイル
==================================================================================================*/
.LEFT-SIDEBAR {
  display: table-cell;
  vertical-align: top;
  width: 204px;
  padding: 16px;
  background-color: #fff;
}

.LS-d-B {
}

/*==================================================================================================
◆class="RIGHT-SIDEBAR" 関係のスタイル
==================================================================================================*/
.RIGHT-SIDEBAR {
  display: table-cell;
  vertical-align: top;
  width: 204px;
  padding: 16px;
  background-color: #fff;
}

.RS-d-B {
}

/* 共通部分
=============================================== */
.sidewrapper {
  width: 204px;
  overflow: hidden;
  font-size: small;
}

.sidetitlebody {
}

.sidetitle {
  padding: 10px 0 10px 10px;
  border-left: 10px solid #69D1D1;
  border-bottom: 1px solid #69D1D1;
  color: #333;
  font-size: medium;
  font-weight: bold;
  line-height: 1.2;
}

.sidetitle a {
/*  color: #333;*/
}

/* ブログパーツ上下の空要素 */
.sidetop,
.sidebottom {
  display: none;
}

.side {
  overflow: hidden;
  margin: 16px 0;
}
/*
.side ul {
  list-style: none;
}
*/
.sidebody {
  line-height: 1.8;
}

/* ブログ情報
================================================================================================= */
/* 最新記事
----------------------------------------------- */
.plugin-recent_articles {
}

.plugin-recent_articles a {
  display: block;
  padding: 10px 0;
  text-decoration: none;
}

.plugin-recent_articles a:hover {
  background: #FEF7D4;
}

.plugin-recent_articles a:before {
  font-family: 'fontello';
  content: '\e814';
  color: #69D1D1;
  padding-right: 10px;
}

/* 最新記事(画像付)
----------------------------------------------- */
.plugin-recent_articles_image {
}

.recent-article-image {
  list-style: none;
}

.recent-article-image li {
  margin-bottom: 16px;
  padding: 5px;
  line-height: 1.2;
  min-height: 1px;
  text-align: left;
  border: solid 2px #69D1D1;
}

.recent-article-image li:last-child {
  margin-bottom: 0;
}

.recent-article-image li:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.recent-article-image li img {
  border: 0;
  margin: 0 5px 0 0;
  float: left;
}
.recent-article-image li img.emoji {
  float: none;
}

/* ギャラリー
----------------------------------------------- */
.plugin-recent_images {
}

.galleryThumbnail {
  margin: 0;
  padding: 0;
  letter-spacing: -1em;
  text-align: center;
}
.galleryThumbnail li {
  display: inline;
  overflow: hidden;
}
.galleryThumbnail li a {
  background: transparent;
}
.galleryThumbnail li a:hover img {
  opacity: 0.5;
}
.galleryThumbnail li img {
  margin: 2px;
  border: 1px solid #ccc;
  border-radius: 5px;
  vertical-align: baseline;
}

.galleryThumbnail li img:last-child {
  margin-bottom: 0;
}

/* モブログ
----------------------------------------------- */
.plugin-moblog {
}

/* 最新コメント
----------------------------------------------- */
.plugin-recent_comments {
}

.plugin-recent_comments .sidebody {
/*  border:solid 1px #ccc;*/
/*  border-bottom: solid 1px #ccc;*/
  margin-bottom: 16px;
}

.plugin-recent_comments .sidebody:last-child {
  margin-bottom: 0;
/*  border-bottom: none;*/
}

.recent-comment {
}

.recent-comment-title {
}

.recent-comment-title a {
  display: block;
  padding: 10px 0;
  text-decoration: none;
}

.recent-comment-title a:hover {
  background: #FEF7D4;
}

.recent-comment-title a:before {
  font-family: 'fontello';
  content: '\e814';
  color: #69D1D1;
  padding-right: 10px;
  text-decoration: none;
}

.recent-comment-body {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.recent-comment-body:before {
  font-family: 'fontello';
  content: '\e811';
  color: #69D1D1;
  padding-right: 10px;
  text-decoration: none;
}

.recent-comment-author {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.recent-comment-author:before {
  font-family: 'fontello';
  content: '\e80b';
  color: #69D1D1;
  padding-right: 10px;
  text-decoration: none;
}

.recent-comment-date {
}

.recent-comment-date:before {
  font-family: 'fontello';
  content: '\e828';
  color: #69D1D1;
  padding-right: 10px;
  text-decoration: none;
}

/* 最新トラックバック
----------------------------------------------- */
.plugin-recent_track_backs {
}

.plugin-recent_track_backs .side .sidebody a {
  display: block;
  padding: 10px 0;
  text-decoration: none;
}

.plugin-recent_track_backs .side .sidebody a:hover {
  background: #FEF7D4;
}

.plugin-recent_track_backs .side .sidebody a:first-child:before {
  font-family: 'fontello';
  content: '\e82a';
  color: #69D1D1;
  padding-right: 10px;
  text-decoration: none;
}

.plugin-recent_track_backs .side .sidebody a:last-child:before {
  font-family: 'fontello';
  content: '\e814';
  color: #69D1D1;
  padding-right: 10px;
  text-decoration: none;
}


/* カレンダー
----------------------------------------------- */
.plugin-calendar_default,
.plugin-calendar,
.plugin-calendar_japanese {
}

.calendarheadbody {
}

.calbody {
  margin: 16px 0;
}

.calendarhead {
  padding: 10px 0;
  border-left: 10px solid #69D1D1;
  border-bottom: 1px solid #69D1D1;
  color: #333;
  font-size: medium;
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
}

[class^="plugin-calendar"] a {
  text-decoration: none;
}

table.caltbl {
  line-height: 1.8;
  margin: 8px auto;
  width: 100%;
}

table.caltblwk,
table.caltblday {
  margin: 0 auto;
  max-width: 204px;
}

table.caltblwk td,
table.caltblday td {
  vertical-align: middle;
  text-align: center;
}

table.caltblday td a {
  display: block;
}

table.caltblday td a:hover {
  text-decoration: none;
}

.caltop,
.calbottom {
  display: none;
}

table.caltblwk .weekday {
  color: #666;
}

table.caltblwk .sun {
  color: #ff5d5d;
}

table.caltblwk .sat {
  color: #578efa;
}

table.caltblday {
  color: #8d8d8d;
  border-collapse: separate;
  border-spacing: 1px;
}

table.caltblday .caloff {
  background-color: #fff;
  border: 1px solid #e4e7e8;
}

table.caltblday .calon {
  border: 1px solid #e4e7e8;
}

table.caltblday .calon a {
  background-color: #69D1D1;
  color: #000;
  height: 23px;
  line-height: 23px;
  text-shadow: 0 1px 0 rgba(0,0,0,0.7);
}

table.caltblday .calon a:hover {
  background-color: #1DB2B2;
}

/* 月別アーカイブ
----------------------------------------------- */
/* デフォルト */
.plugin-monthly {
}

.plugin-monthly .side .sidebody a {
  display: block;
  padding: 10px 0;
  text-decoration: none;
}

.plugin-monthly .side .sidebody a:hover {
  background: #FEF7D4;
}

.plugin-monthly .side .sidebody a:before {
  font-family: 'fontello';
  content: '\e814';
  color: #69D1D1;
  padding-right: 10px;
}

/* セレクトボックスタイプ */
.plugin-monthly select {
  background: #FFF;
  border: 1px solid #ccc;
  border-radius: 5px;
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.2);
  font-size: small;
  height: 32px;
  line-height: 32px;
  text-align: left;
  padding: 0 5px;
  vertical-align: middle;
  width: 100%;
}

/* カテゴリ別アーカイブ
----------------------------------------------- */
/* デフォルト */
.plugin-categorize {
}

.category-parent {
  font-weight: bold;
}

.category-parent a {
  display: block;
  padding: 10px 0;
  text-decoration: none;
}

.category-parent a:hover {
  background: #FEF7D4;
}

.category-parent a:before {
  font-family: 'fontello';
  font-weight: normal;
  content: '\e814';
  color: #69D1D1;
  padding-right: 10px;
}

.category-child {
}

.category-child a {
  display: block;
  padding: 10px 0;
  text-decoration: none;
}

.category-child a:hover {
  background: #FEF7D4;
}

.category-child a:before {
  font-family: 'fontello';
  content: '\e821';
  color: #69D1D1;
  padding-right: 10px;
  padding-left: 15px;
}

/* セレクトボックスタイプ */
.plugin-categorize select {
  background: #FFF;
  border: 1px solid #ccc;
  border-radius: 5px;
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.2);
  font-size: small;
  height: 32px;
  line-height: 32px;
  text-align: left;
  padding: 0 5px;
  vertical-align: middle;
  width: 100%;
}

/* タグクラウド
----------------------------------------------- */
.plugin-tag_cloud {
}

.tagcloud {
  overflow: hidden;
}

.plugin-tag_cloud ul {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
}
.plugin-tag_cloud ul li {
  margin-bottom: 5px;
  padding: 0;
}
.plugin-tag_cloud ul li:last-child {
  margin-bottom: 0;
}
.plugin-tag_cloud ul li a {
  display: block;
  width: 100%;
  height: 32px;
  line-height: 32px;
  padding: 0 10px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 5px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #333;
  text-decoration: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.plugin-tag_cloud ul li a:hover {
  background-color: #FEF7D4;
  color: #000;
}

/* font size */
.tag-weight-0 {
  font-size: 100%;
}
.tag-weight-1 {
  font-size: 120%;
}
.tag-weight-2 {
  font-size: 165%;
}
.tag-weight-3 {
  font-size: 200%;
}
.tag-weight-4 {
  font-size: 230%;
}

.tag-lifetime-0,
.tag-lifetime-1,
.tag-lifetime-2,
.tag-lifetime-3,
.tag-lifetime-4 {
}

/* 人気記事
----------------------------------------------- */
.plugin-popular_articles {
}

.popular-articles {
  line-height: 1.8;
}

.popular-articles table {
}

.popular-articles table td {
  vertical-align: top;
  text-align: left;
  padding: 5px;
}

.populararticles-rank {
  color: #69D1D1;
  white-space: nowrap;
}

.populararticles-title span {
  margin-left: 5px;
}

.popular-articles-freearea {
  padding: 5px;
  border: 2px solid #69D1D1;
}


/* 人気記事(画像付)
----------------------------------------------- */
/* Design A(block) */
.side .popularArticlesWithImage.A ul {
}
.side .popularArticlesWithImage.A div.title {
text-align: left;
}


.side .popularArticlesWithImage.A {
/*  margin: 10px 0;*/
}

.side .popularArticlesWithImage.A ul {
  margin: 0;
  padding: 0;
  text-align: center;
}

.side .popularArticlesWithImage.A ul li {
  position: relative;
  display: inline-block;
  margin-bottom: 16px;
  vertical-align: top;
  text-align: left;
  list-style-type: none;
}
.side .popularArticlesWithImage.A ul li:last-child {
  margin-bottom: 0;
}
.side .popularArticlesWithImage.A ul li a { 
  display: block;
  border-width: 2px;
  border-style: solid;
  border-color: rgba(0,0,0,0.8);
  padding: 0px !important;
  background: none !important;
  text-decoration: none;
  width: 150px;
  height: 112px;
}

.side .popularArticlesWithImage.A li div.image img {
  border-width: 0px;
}

.side .popularArticlesWithImage.A li div.image.noimage {
  background: #daf5da;
}

.side .popularArticlesWithImage.A div.title {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 146px;
  height: 22%;
  padding: 4px;
  background: #000;
  color: #fff;
  font-weight: bold;
  font-size: 12px;
  line-height: 1.4;
  opacity: 0.8;
  -moz-opacity: 0.8;
  overflow: hidden;
}
.side .popularArticlesWithImage.A div.retweet,
.side .popularArticlesWithImage.A div.comment,
.side .popularArticlesWithImage.A div.pv {
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  padding: 3px 6px 2px 5px;
  background: #000;
  font-weight: bold;
  font-size: 12px;
  color: #fff;
  text-align: right;
  text-shadow: 0 1px 0 #000;
}


/* Design B(List with Image)*/
.side .popularArticlesWithImage.B {
  text-align: left;
}
.side .popularArticlesWithImage.B ul {
  margin: 0;
  padding: 0;
}
.side .popularArticlesWithImage.B ul li {
  border: solid 2px #69D1D1;
  padding: 5px;
  margin-bottom: 16px;
  list-style-type: none;
}
.side .popularArticlesWithImage.B ul li:last-child {
  margin-bottom: 0;
}
.side .popularArticlesWithImage.B ul li a {
  position: relative;
  display: block;
}
.side .popularArticlesWithImage.B ul li a:after {
  content: "";
  display: block;
  clear: both;
}
.side .popularArticlesWithImage.B div.image {
  float: left;
  margin: 0 10px 10px 0;
}
.side .popularArticlesWithImage.B div.title {
  margin-bottom: 10px;
  font-size: 13px;
  line-height: 1.5;
}
.side .popularArticlesWithImage.B div.comment,
.side .popularArticlesWithImage.B div.retweet,
.side .popularArticlesWithImage.B div.pv {
  overflow: hidden;
  display: inline-block!important;
  margin-bottom: 5px;
  padding: 2px 5px;
  font-size: 12px;
  background: #000;
  color: #fff;
  border-radius: 5px;
  text-shadow: 0 1px 0 #fff;
}

/* Design C(List without Image)*/
.side .popularArticlesWithImage.C {
  text-align: left;
}
.side .popularArticlesWithImage.C ul {
  margin: 0;
  padding: 0;
}
.side .popularArticlesWithImage.C ul li {
  border: solid 2px #69D1D1;
  padding: 5px;
  margin-bottom: 16px;
  list-style-type: none;
}
.side .popularArticlesWithImage.C ul li:last-child {
  margin-bottom: 0;
}
.side .popularArticlesWithImage.C ul li a {
  position: relative;
  display: block;
}
.side .popularArticlesWithImage.C ul li a:after {
  content: "";
  display: block;
  clear: both;
}
.side .popularArticlesWithImage.C div.title {
  margin-bottom: 10px;
  font-size: 13px;
  line-height: 1.5;
}
.side .popularArticlesWithImage.C div.comment,
.side .popularArticlesWithImage.C div.retweet,
.side .popularArticlesWithImage.C div.pv {
  overflow: hidden;
  display: inline-block!important;
  margin-bottom: 5px;
  padding: 2px 5px;
  font-size: 12px;
  background: #000;
  color: #fff;
  border-radius: 5px;
  text-shadow: 0 1px 0 #fff;
}

/* 記事検索
----------------------------------------------- */
.plugin-search_internal {
}

.sf,
.sfbtn {
  border: 1px solid #ccc;
  font-size: medium;
  height: 32px;
  outline: 0;
}
.sf {
  border-radius: 5px 0 0 5px;
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.2);
  display: block;
  float: left;
  margin: 0 auto;
  padding: 0 10px;
  vertical-align: middle;
  width: 75%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.sfbtn {
  border-left: 0;
  border-radius: 0 5px 5px 0;
  float: right;
  text-shadow: 0 1px 0 #fff;
  width: 25%;
  background: #f1f1f1;
  background: -webkit-linear-gradient(top,#fefefe 0%,#f1f1f1 100%);
  background:    -moz-linear-gradient(top,#fefefe 0%,#f1f1f1 100%);
  background:     -ms-linear-gradient(top,#fefefe 0%,#f1f1f1 100%);
  background:      -o-linear-gradient(top,#fefefe 0%,#f1f1f1 100%);
  background:         linear-gradient(to bottom,#fefefe 0%,#f1f1f1 100%);
  -webkit-transition: color 0.2s ease;
     -moz-transition: color 0.2s ease;
      -ms-transition: color 0.2s ease;
       -o-transition: color 0.2s ease;
          transition: color 0.2s ease;
}
.sfbtn:hover,
.sfbtn:focus {
  color: #1DB2B2;
}

/* QRコード
----------------------------------------------- */
.plugin-qr_code {
}

/* プロフィール情報
================================================================================================= */
/* livedoor プロフィール
----------------------------------------------- */
.plugin-profile2 {
}

.plugin-profile2 .side iframe {
  display: block;
  margin: 0 auto;
}

/* Twitter プロフィール
----------------------------------------------- */
.plugin-twitter_profile .side {
  line-height: 1.8;
}

.profile-header a {
  display: block;
  text-align: left;
  -webkit-transition: opacity 0.2s ease;
     -moz-transition: opacity 0.2s ease;
      -ms-transition: opacity 0.2s ease;
       -o-transition: opacity 0.2s ease;
          transition: opacity 0.2s ease;
  overflow: hidden;
}

.profile-header a:hover {
  opacity: 0.75;
}

.profile-avatar {
  display: block;
  padding-right: 12px;
  float: left;
  width: 60px;
}

.profile-avatar img {
  width: 60px;
  height: 60px;
  border-radius: 5px;
}

.profile-name {
  display: block;
  font-size: medium;
  font-weight: bold;
  margin-left: 70px;
}

.profile-screen-name {
  display: block;
  font-size: small;
  margin-left: 70px;
  opacity: 0.6;
}

.profile-body {
  margin-top: 16px;
  clear: both;
  text-align: left;
}

/* メンバーリスト
----------------------------------------------- */
.plugin-blog_members {
}

.blog-members a {
}

.blog-members li {
  padding-bottom: 5px;
  line-height: 1.2;
  min-height: 1px;
  text-align: left;
}
.blog-members li:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.blog-members li img {
  margin: 0 5px 0 0;
  float: left;
}

/* 参加中のブログ
----------------------------------------------- */
.plugin-myblogs {
}

.plugin-myblogs a {
  display: block;
  padding: 10px 0;
  text-decoration: none;
}

.plugin-myblogs a:hover {
  background: #FEF7D4;
}

.plugin-myblogs a:before {
  font-family: 'fontello';
  content: '\e814';
  color: #69D1D1;
  padding-right: 10px;
}

/* Skype Me
----------------------------------------------- */
.plugin-skype_me {
}

.linkme {
  text-align: center;
}

/* メッセージ
----------------------------------------------- */
.plugin-message {
}

.message-properties {
  margin-bottom: 16px;
  text-align: left;
}
.message-box dt,
.message-box dd {
  margin: 0;
  padding: 0;
  text-align: left;
}

.message-box dl {
  margin-bottom: 5px;
  padding: 0;
}

.message-box input[type="text"]{
  width: 100%;
  height: 32px;
  margin-top: 5px;
  border-radius: 5px;
  border: 1px solid #ccc;
  padding: 5px;
  color: #333;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.message-detail textarea {
  width: 100%;
  height: 100px;
  margin-top: 5px;
  border-radius: 5px;
  border: 1px solid #ccc;
  padding: 5px;
  color: #333;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.message-box input[type="submit"]{
  border: 1px solid #ccc;
  width: 100%;
  height: 32px;
  text-shadow: 0px 1px 0px #FFF;
  border-radius: 5px;
  background-color: #FAFAFA;
  background-image: linear-gradient(#FEFEFE, #FEFEFE 25%, #E7E7E7);
  background-repeat: repeat-x;
}

/* ブログ装飾
================================================================================================= */
/* リンク集
----------------------------------------------- */
.plugin-link {
}

.plugin-link a {
  display: block;
  padding: 10px 0;
  text-decoration: none;
}

.plugin-link a:hover {
  background: #FEF7D4;
}

.plugin-link a:before {
  font-family: 'fontello';
  content: '\e82a';
  color: #69D1D1;
  padding-right: 10px;
}

/* ロケタッチ
----------------------------------------------- */
.plugin-folkat {
}

.plugin-folkat .side iframe {
  display: block;
  margin: 0 auto;
}

/* ロケタッチグルメ
----------------------------------------------- */
.plugin-gourmet {
}

/* NAVERまとめ
----------------------------------------------- */
.plugin-naver {
}

.plugin-naver .side object {
  display: block;
  margin: 0 auto;
}

/* livedoor 検索
----------------------------------------------- */
.plugin-web_search {
}

.searchbody {
}

.searchbody .sf,
.searchbody .sfbtn {
  border: 1px solid #ccc;
  font-size: medium;
  height: 32px;
  outline: 0;
}
.searchbody .sf {
  border-radius: 5px 0 0 5px;
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.2);
  display: block;
  float: left;
  margin: 0 auto;
  padding: 0 10px;
  vertical-align: middle;
  width: 75%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.searchbody .sfbtn {
  border-left: 0;
  border-radius: 0 5px 5px 0;
  float: right;
  text-shadow: 0 1px 0 #fff;
  width: 25%;
  background: #f1f1f1;
  background: -webkit-linear-gradient(top,#fefefe 0%,#f1f1f1 100%);
  background:    -moz-linear-gradient(top,#fefefe 0%,#f1f1f1 100%);
  background:     -ms-linear-gradient(top,#fefefe 0%,#f1f1f1 100%);
  background:      -o-linear-gradient(top,#fefefe 0%,#f1f1f1 100%);
  background:         linear-gradient(to bottom,#fefefe 0%,#f1f1f1 100%);
  -webkit-transition: color 0.2s ease;
     -moz-transition: color 0.2s ease;
      -ms-transition: color 0.2s ease;
       -o-transition: color 0.2s ease;
          transition: color 0.2s ease;
}
.searchbody .sfbtn:hover,
.searchbody .sfbtn:focus {
  color: #1DB2B2;
}

/* ブログトピックス
----------------------------------------------- */
.plugin-blog_topics {
}

.plugin-blog_topics a {
  display: block;
  padding: 10px 0;
  text-decoration: none;
}

.plugin-blog_topics a:hover {
  background: #FEF7D4;
}

.plugin-blog_topics a:before {
  font-family: 'fontello';
  content: '\e82a';
  color: #69D1D1;
  padding-right: 10px;
}

/* ニュース
----------------------------------------------- */
.plugin-news {
}

.plugin-news .sidebody a {
  display: block;
  padding: 10px 0;
  text-decoration: none;
}

.plugin-news .sidebody a:hover {
  background: #FEF7D4;
}

.plugin-news .sidebody a:before {
  font-family: 'fontello';
  content: '\e82a';
  color: #69D1D1;
  padding-right: 10px;
}

.plugin-news .newslist {
}

/* livedoor 天気
----------------------------------------------- */
.plugin-weather {
}


/* livedoor スポーツ
----------------------------------------------- */
.plugin-sports {
}

.plugin-sports .sidebody a {
  display: block;
  padding: 10px 0;
  text-decoration: none;
}

.plugin-sports .sidebody a:hover {
  background: #FEF7D4;
}

.plugin-sports .sidebody a:before {
  font-family: 'fontello';
  content: '\e82a';
  color: #69D1D1;
  padding-right: 10px;
}

.plugin-sports .newslist {
}

/* J-CASTニュース
----------------------------------------------- */
.plugin-jcast {
}


/* 広告・アフィリエイト
================================================================================================= */
/* 楽天市場
----------------------------------------------- */
.plugin-rakuten {
}

.plugin-rakuten .side iframe {
  display: block;
  margin: 0 auto;
}

/* Amazonライブリンク
----------------------------------------------- */
.plugin-amazon {
}

.plugin-amazon .side iframe {
  display: block;
  margin: 0 auto;
}

/* 自由なカスタマイズ用
================================================================================================= */
/* フリーエリア
----------------------------------------------- */
.plugin-memo {
}

/* W3C
----------------------------------------------- */
.plugin-sitecheck {
}

.plugin-sitecheck .sidebody {
  line-height: 1;
}

.plugin-sitecheck a {
  display: block;
  padding: 10px 0;
  text-decoration: none;
}

.plugin-sitecheck a:hover {
  background: #FEF7D4;
}
/*
.plugin-sitecheck a:before {
  font-family: 'fontello';
  content: '\e82a';
  color: #69D1D1;
  padding-right: 10px;
}

.plugin-sitecheck img{
  vertical-align: middle;
}
*/

/* ランダム記事
----------------------------------------------- */
.plugin-random-article {
}

.plugin-random-article .sidebody {
  line-height: 1.8;
}

.random-article-img {
  text-align: center;
}

.random-article {
  font-weight: bold;
}

.random-article a {
  display: block;
  padding: 10px 0;
  text-decoration: none;
}

.random-article a:hover {
  background: #FEF7D4;
}

.random-article a:before {
  font-family: 'fontello';
  font-weight: normal;
  content: '\e814';
  color: #69D1D1;
  padding-right: 10px;
}

.random-article-write {
}

/* リンクバナー
----------------------------------------------- */
.plugin-linkbanner {
}

.plugin-linkbanner .sidebody {
  line-height: 1;
}

.plugin-linkbanner a {
  display: block;
  padding: 10px 0;
  text-decoration: none;
}

.plugin-linkbanner a:hover {
  background: #FEF7D4;
}

/* fc2 アクセスカウンター
----------------------------------------------- */
.plugin-accesscounter {
}

.plugin-accesscounter .sidebody {
  text-align: center;
  line-height: 1;
}

/* RSS
----------------------------------------------- */
.plugin-rss {
}

.plugin-rss .sidebody a {
  display: block;
  padding: 10px 0;
  text-decoration: none;
}

.plugin-rss a:hover {
  background: #FEF7D4;
}

.plugin-rss a:before {
  font-family: 'fontello';
  content: '\e82a';
  color: #69D1D1;
  padding-right: 10px;
}

/* JavaScript
----------------------------------------------- */
.plugin-java_script {
}

/*==================================================================================================
◇その他のパーツ
==================================================================================================*/
/* 記事下広告 */
#ad2 {
  margin: 16px 0;
/*  text-align: center;*/
}
#ad2 a.addescription {
  color: #666;
}

/* = LDServices
=============================================== */
ul#ld-services {
  clear: both;
  margin: 16px 0;
  list-style-type: none;
  text-align: center;
}
ul#ld-services li {
}

/*==================================================================================================
◆class="FOOTER" 関係のスタイル
==================================================================================================*/
.FOOTER {
  width: 100%;
  background-color: #69D1D1;
}

.FM {
  display: table;
  width: 100%;
}

.FMTC {
  display: table-cell;
  vertical-align: top;
  width: 20%;
  padding: 16px 16px 0;
}

.FMTC-d-block {
/*  margin: 16px 0;*/
}

.FMTC-dd-title {
  padding: 10px 0 10px 10px;
  border-left: 10px solid #fff;
  border-bottom: 1px solid #fff;
  color: #fff;
  font-size: medium;
  font-weight: bold;
  line-height: 1.2;
}

.FMTC-dd-blocklink {
  margin: 16px 0 0;
}

.FMTC-ddd-link {
  font-size: small;
  font-weight: bold;
  line-height: 1.8;
}

.FMTC-ddd-link a {
  display: block;
  padding: 10px 0;
  text-decoration: none;
  color: #fff;
}

.FMTC-ddd-link a:hover {
  background: #1DB2B2;
  color: #fff;
}

.FMTC-ddd-link a:before {
  font-family: 'fontello';
  font-weight: normal;
  content: '\e82a';
  color: #fff;
  padding-right: 10px;
}

.FMTCAR {
  display: table-cell;
  vertical-align: top;
  width: 40%;
  padding: 16px 16px 0;
}

.FMTCAR-d-block {
/*  margin: 16px 0;*/
}

.FMTCAR-dd-title {
  padding: 10px 0 10px 10px;
  border-left: 10px solid #fff;
  border-bottom: 1px solid #fff;
  color: #fff;
  font-size: medium;
  font-weight: bold;
  line-height: 1.2;
}

.FMTCAR-dd-blocklink {
  margin: 16px 0 0;
}

#footer {
  width: 100%;
  text-align: center;
  padding: 32px;
/*  background-color: #f5f5f5;*/
}

#footer a {
  color: #333;
}

/*==================================================================================================
◆class="BTT" 関係のスタイル
==================================================================================================*/
.BTT {
  display: none;
  position: fixed;
  right: 16px;
  bottom: 16px;
}

.BTT-a {
  display: block;
  line-height: 60px;
  text-decoration: none;
  cursor: pointer;
  color: #fff;
  text-align: center;
  background: #69D1D1;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -khtml-border-radius: 100%;
  -webkit-transition: all 2.0s;
  -moz-transition: all 2.0s;
  transition: all 2.0s;
}

.BTT-a:hover {
  background: #1DB2B2;
  text-decoration: none;
}

.BTT-as {
  display: block;
  width: 60px;
  height: 60px;
  font-size: xx-large;
  border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  -khtml-border-radius: 100%;
  transition: 2.0s;
}

.BTT-as:hover {
  -moz-transform: rotateY(360deg);
  transform: rotateY(360deg);
}

/*==================================================================================================
whos.amung.usのオンラインカウンターによってできるボトムの隙間対策
==================================================================================================*/
img[width="1"][height="1"] {
  display: none;
}