/* 画面全体 */
body {

font-family:'Meiryo UI','メイリオ',Verdana,'ＭＳ Ｐゴシック',sans-serif;

/* ----------------------------------------------------- */
    background-color: #fff4bd;           /* 画面背景の色 */
background-image:url("//blog-imgs-74.fc2.com/g/a/g/gagcomics/back.png");
/* ----------------------------------------------------- */
    margin: 0;
    text-align: center;
}


/* サイト全体 */

.base_table {
/* ----------------------------------------------------- */
    width: 1100px;                          /* サイトの幅 */
/* ----------------------------------------------------- */
    background-color: #ff7405;               /* 外枠の色 */
/* ----------------------------------------------------- */
    text-align: left;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    border: #ff7405 2px solid;
}


/************************************** ▼ リンクの色 ▼ */
a:link { color: #D2691E;text-decoration:none; }
a:visited { color: #D2691E; }
a:hover { color: #FF4500;text-decoration:underline; }
a:active { color: #000000; }
/************************************** ▲ リンクの色 ▲ */



/**************************** ▼ ヘッダー(タイトル部) ▼ */
/* ヘッダーレイアウト */
#header {
/* ----------------------------------------------------- */
    background: #ff7405;             /* ヘッダー背景の色 */
/* ----------------------------------------------------- */
    text-align: left;
}
/* サイトタイトル */
h1 a:link, h1 a:visited, h1 a:active, h1 a:hover {
/* ----------------------------------------------------- */
    color:#ffffff;                       /* タイトルの色 */
/* ----------------------------------------------------- */
    text-decoration:none;
border:0 none;
}
h1 {
/* ----------------------------------------------------- */
    font-size: 1.2em;                /* タイトルの大きさ */
/* ----------------------------------------------------- */
    text-decoration:none;
    margin: 0!important;
    overflow: hidden;
    height: 220px;
    border-bottom: #ff7405 4px solid;
}
/* サブタイトル(サイト説明) */
h2 {
/* ----------------------------------------------------- */
    color: #ffffff;                  /* サブタイトルの色 */
/* ----------------------------------------------------- */
    font-size: 0.8em;            /* サブタイトルの大きさ */
/* ----------------------------------------------------- */
    font-weight: normal;
    margin: 0 0 -4px !important;
    overflow: hidden;
height:0;
}
/**************************** ▲ ヘッダー(タイトル部) ▲ */



/****************** ▼▼ メインボディ(コンテンツ部) ▼▼ */
/* メインボディ */
#main_body {
position:relative;
/* ----------------------------------------------------- */
    background-color: #ffffff;         /* ボディ背景の色 */
/* ----------------------------------------------------- */
}

/****************** ▼ エントリーブロック(中央カラム) ▼ */
/* センターブロックレイアウト */
.center_block {
    width: 100%;
    text-align: left;
}
/* エントリー（記事）タイトル */
h3 a:link,h3 a:visited,h3 a:active,h3 {
/* ----------------------------------------------------- */
    color:#D2691E;                   /* 記事タイトルの色 */
/* ----------------------------------------------------- */
    text-decoration:none;
}
h3 a:hover{
/* ----------------------------------------------------- */
    color:#FF4500; /* 記事タイトルの色(マウスが乗った時) */
/* ----------------------------------------------------- */
    text-decoration:none;
}

h3 {
/* ----------------------------------------------------- */
    background: #fffbdf;         /* 記事タイトル背景の色 */
/* ----------------------------------------------------- */
    border-top: #ffffff 1px solid;       /* 飾りの色(上) */
    border-left: #ff7405 10px solid;     /* 飾りの色(左) */
    border-right: #ff7405 1px solid;     /* 飾りの色(右) */
    border-bottom: #ff7405 1px solid;    /* 飾りの色(下) */
/* ----------------------------------------------------- */
    font-size: 21px;        /* 記事タイトル文字の大きさ */
/* ----------------------------------------------------- */
    background: #FFFACD;         /* 記事タイトル背景の色 */
/* ----------------------------------------------------- */
    text-decoration:none;
    padding: 0.3em 0.3em 0.3em 0.3em;
    margin: 0;
}
.article_main img{
border:solid 1px #ccc;
padding:1px;
}

.article_main a:hover img{
border:solid 1px #555;
}
/* エントリー(記事)スタイル */
.article {
/* ----------------------------------------------------- */
    color: #000000;        /* エントリー(記事)の文字の色 */
/* ----------------------------------------------------- */
    font-size: 16px;    /* エントリー(記事)の文字の大きさ */
/* ----------------------------------------------------- */
    border: #ffffff 1px solid; /* エントリー(記事)の外枠 */
/* ----------------------------------------------------- */
    padding: 10px 1em 0;
    line-height: 1.4;
    margin-bottom: 2em;
}
.article span{
font-size: 17px;
}
.article hr {
 color: #dddddd; /* 追記を分ける線の色 */
}
/* エントリー(記事)ナビゲーション */
.bottom_navi {
    margin: 8px 0 15px;
    padding: 5px;
    border: #dddddd 1px solid; /* 記事下ナビ区切り線 */
    position:relative;
    line-height: 30px;
    font-size: 14px;
height:60px;
}
.th_navi {
    position: absolute;
    right: 3px;
    top: 4px;
}
/* コメントナビゲーション */
#comments_list ol{margin:0;padding:0;}
.comment_navi {
    text-align: right;
    margin-top:8px;
    margin-bottom: 20px;
    padding: 5px;
    border-top: #dddddd 1px solid; /* 記事下ナビ区切り線 */
}


li.comment-set {
    list-style-type: inherit;
    font-size: 1em;
    margin: 0 0 60px 20px;
    padding: 0 0 10px;
}

ul.comment-info li.comment-author {
    color: #008000;
    display: inline;
}

ul.comment-info li.comment-date {
    color: #8d8d8d;
    display: inline;
    margin-left: 10px;
}

ul.comment-info li.comment-body {
    display: block;
    font-size: 16px;
    line-height: 1.5;
    margin-left: -10px;
    margin-top: 5px;
font-weight:bold;
}

/* ページナビゲーション */
.page_navi {
    font-size: 16px;
    text-align: center;
    margin: 2em;
}

/* 関連記事 */
.headline_title{
    font-size: 17px;
    font-weight: bold;
margin:0;
    padding-bottom: 10px;
margin-top:15px;
}
.relate_dl {
    margin: 30px 0 25px;
}
.relate_dt{
    font-size: 17px;
    font-weight: bold;
    padding-bottom: 10px;
}
.relate_dd{
margin-left:10px;
}
.relate_ul{
    font-size: 17px;
}
.relate_li a{
display:block;

}
/****************** ▲ エントリーブロック(中央カラム) ▲ */



/********* ▼ メニューブロック (プラグインカテゴリ３) ▼ */
/* メニュータイトル */
.menu_title3 {
/* ----------------------------------------------------- */
    color:#ffffff;               /* メニュータイトルの色 */
/* ----------------------------------------------------- */
    background: #ff7405;         /* メニュータイトル背景 */
/* ----------------------------------------------------- */
    font-size: 18px;
    font-weight: bold;
    padding: 0.3em 1em;
    margin: 25px 0px;
}

.menu_title4 {
/* ----------------------------------------------------- */
    color:#ffffff;               /* メニュータイトルの色 */
/* ----------------------------------------------------- */
    background: #ff7405;         /* メニュータイトル背景 */
/* ----------------------------------------------------- */
    font-size: 18px;
    font-weight: bold;
    padding: 0.3em 1em;
    margin: 0px 0px;
}

/* メニューコンテンツ */
.menu_cont3 {
/* ----------------------------------------------------- */
    color: #000000;      /* メニューコンテンツの文字の色 */
/* ----------------------------------------------------- */
    font-size: 100%;  /* メニューコンテンツの文字の大きさ */
/* ----------------------------------------------------- */
    border: #ff7405 0px solid;               /* 外枠の色 */
/* ----------------------------------------------------- */
    margin: 0;
    padding: 0 3px;
    line-height: 1.3;
}
/* プラグイン3説明(上部) */
.p3u_description {
margin-top:10px;
margin-bottom:10px;
}
/* プラグイン3コンテンツ上下の余白 */
.p3_margin {
margin-top:10px;
margin-bottom:10px;
}
/* プラグイン3説明(下部) */
.p3d_description {
margin-top:10px;
margin-bottom:10px;
}
/********* ▲ メニューブロック (プラグインカテゴリ３) ▲ */



/** ▼ メニューブロック (プラグインカテゴリ１&２共通) ▼ */
/* メニュータイトル */
.menu_title {
/* ----------------------------------------------------- */
    color:#ffffff;               /* メニュータイトルの色 */
/* ----------------------------------------------------- */
    background: #ff7405;         /* メニュータイトル背景 */
/* ----------------------------------------------------- */
    font-size:16px;
    font-weight: bold;
    padding: 0.3em 1em;
    margin: 0;
}

/* メニューコンテンツ */
.menu_cont {
/* ----------------------------------------------------- */
    color: #000000;      /* メニューコンテンツの文字の色 */
/* ----------------------------------------------------- */
    font-size: 75%;  /* メニューコンテンツの文字の大きさ */
/* ----------------------------------------------------- */
    margin: 0;
    padding: 0 3px;
    line-height: 160%;
}
/* プラグイン1&2説明(上部) */
.pu_description {
margin-top:10px;
margin-bottom:10px;
}
/* プラグイン1&2コンテンツ上下の余白 */
.p_margin {
margin-top:10px;
margin-bottom:10px;
}
/* プラグイン1&2説明(下部) */
.pd_description {
margin-top:5px;
margin-bottom:5px;
}
/** ▲ メニューブロック (プラグインカテゴリ１&２共通) ▲ */


/* メニューコンテンツ */
.menu_cont2 {
/* ----------------------------------------------------- */
    color: #666666;      /* メニューコンテンツの文字の色 */
/* ----------------------------------------------------- */
    font-size: 17px;  /* メニューコンテンツの文字の大きさ */
/* ----------------------------------------------------- */
    margin: 0;
    padding: 0 3px;
    line-height: 160%;
}

#sub,#extra{}
/********************** ▼ レフトカラム(左側メニュー) ▼ */
/* レフトカラム(左側メニューカラム)の外枠 */
.left_outline {
/* ----------------------------------------------------- */
    border: 0px #ff7405 solid; /* レフトカラムの外枠の色 */
/* ----------------------------------------------------- */
    padding: 0;
}
.left_width {
/* ----------------------------------------------------- */
    width: 175px;       /* レフトカラム(左側メニュー)の幅 */
/* ----------------------------------------------------- */
    visibility: hidden;
}
/********************** ▲ レフトカラム(左側メニュー) ▲ */



/********************** ▼ ライトカラム(右側メニュー) ▼ */
/* ライトカラム(右側メニューカラム)の外枠 */
.right_outline {
/* ----------------------------------------------------- */
    border: 0px #ff7405 solid; /* ライトカラムの外枠の色 */
/* ----------------------------------------------------- */
    padding: 0;
}
.right_width {
/* ----------------------------------------------------- */
    width: 290px;       /* ライトカラム(右側メニュー)の幅 */
/* ----------------------------------------------------- */
    visibility: hidden;
}

/********************** ▲ ライトカラム(右側メニュー) ▲ */

/****************** ▲▲ メインボディ(コンテンツ部) ▲▲ */



/**************************************** ▼ フッター ▼ */
#footer .cl{clear:both;}
#footer .copy{
/* ----------------------------------------------------- */
    background-color: #ff7405;     /* フッターの背景の色 */
/* ----------------------------------------------------- */
    color: #FFFACD;                /* フッターの文字の色 */
/* ----------------------------------------------------- */
    font-size: 75%;
    padding: 5px;
    text-align: center;
    line-height: 150%;
}
#footer .copy a{
/* ----------------------------------------------------- */
    color: #FFFACD;              /* フッターのリンクの色 */
/* ----------------------------------------------------- */
}

#footer .menu_outline{
float:left;
background-color:#fff;
margin:0 3px;
}

/**************************************** ▲ フッター ▲ */



/* その他各種設定 */
p {
    margin: 0;
    padding: 0;
}
ul {
    margin: 0;
    padding: 0 0 0 0;
}
li {
    margin: 0 0 3px 0;
    padding: 0;
}

/* コメント入力文字サイズ */
textarea {
    font-size: 1em;
}

/* カレンダー */
.calender {
    color:#666;
    font-size: 110%;
    margin: 1em 0.8em 0;
}
.calender td {
  text-align: center;
}
th#sun {
    color: #CC3300;
}
th#sat {
    color: #0066CC;
}

/* 続きを読む・閉じる */
.readmore {
    margin: 10px 0;
}
.readmore a{
background-color:#fffacd;
    border: 1px solid #121212;
    display: block;
    padding: 15px 0;
    text-align: center;
text-decoration:none;
}
.readmore a:hover{
    background-color: #D2E9FF;
}
.readclose {
    margin-top: 10px;
    margin-bottom: 10px;
}

/* 引用部分 */
blockquote {
margin:2px;
padding:8px;
background:#f7f7f7; /* 背景 */
border:#cccccc 1px solid; /* 枠線 */
border-left:#cccccc 2px solid; /* 枠線(左) */
font-size:93%;
}

blockquote a{
display: block;
}

.bgblock {
margin:2px;
padding:8px;
background:#f6f6f6; /* 背景 */
border:#cccccc 1px solid; /* 枠線 */
border-left:#cccccc 2px solid; /* 枠線(左) */
font-size:93%;
}

/* カレンダーの中央寄せ */
.calender{
margin-left: auto;
margin-right: auto;
} 

/* ブックマーク 拍手 */
.fc2_footer {
display:none;
margin-top:20px; /* 上の余白 */
}

/* ▼ サイトマップ ▼ */
#sitemap {
margin-top:5px; /* 上の余白 */
text-align:left;
}

#sitemap ul.sitemap_list {
margin-left:30px; /* 各記事リストの左余白 */
}

.display_no {
display:none;
}

/* カテゴリ一覧へ戻る */
.pgtop {
text-align:right; /* 右寄せ */
}
/* ▲ サイトマップ ▲ */


/* プラグインの文字配置 */
.ta_left { text-align: left }
.ta_right { text-align: right }
.ta_center { text-align: center }


/* コメント諸項目（名前、URL等）の入力欄の幅 */
#subject,
#name,
#mail,
#url {
width: 50%;
}

/* コメント本文の入力欄の幅 */
#comment {
width: 95%;
}

/* コメントパスワード入力欄の幅 */
#pass {
width: 30%;
}

/* プラグイン内入力欄の幅設定 */
.left_outline input[type="text"],
.right_outline input[type="text"],
.left_outline textarea,
.right_outline textarea {
width: 78%;
}

/* ▼ FC2バトンのスタイル ▼ */

/* 質問番号(Q) */
.q_number {
color:#ff6600; /* 色 */
font-weight: bold; /* 太字 */
}

/* 質問本文 */
.baton_q {
margin-bottom:5px; /* 答えまでの余白 */
}

/* 答え番号(A) */
.a_number {
color:#ff6600; /* 色 */
font-weight: bold; /* 太字 */
}

/* 答え本文 */
.baton_a {
margin-left: 0px;
padding-bottom:2px; /* 罫線までの余白 */
border-bottom: dotted 1px #cccccc; /* 罫線 */
margin-bottom: 20px; /* 次の質問までの余白 */
}

/* ▲ FC2バトンのスタイル ▲ */

li {
margin-left:0px;
list-style-type: none;
}

/** ヘッドラインニュース */
#headline iframe{
    width:1094px;
    height:332px;
}
#headline .head_line_outline{
    border-width: 0px;
    border-style: solid;
border-color:#ff7405;
    padding:3px;
background-color:#fff;
}

#headline div {}

#headline_article,#headline_article_top {
    height: 250px;
    overflow: hidden;
    width: 645px;
}
#headline_article {
    height: 250px;
}
.headline_article_top {
    width: 645px;
    height: 190px;
margin-top:25px;
   margin-bottom: -55px;
}

#headline_article_top iframe{
    width:2000px;
    height:762px;
}
#headline_article iframe{
    width:2000px;
    height:962px;
}
#headline_article .head_line_outline div ,#headline_article_top .head_line_outline div{
    margin: -500px 0 0 0;
}
.headline_article_top .head_line_outline div {
    margin: -500px 0 0 -10px !important;
}

#headline_article .head_line_outline ,#headline_article_top .head_line_outline{
background-color:#fff;
}

#headline_article_top .head_line_outline{
    border-top: 1px solid #DDDDDD;
    padding-top: 20px;
}

#headline_article2 {
    height: 605px;
    overflow: hidden;
}

#headline_article2 .head_line_outline2{
    border-width: 1px;
    border-style: solid;
border-color:#ff7405;
    padding: 0 3px 5px;
background-color:#fff;
overflow:hidden;
height:575px;
}
a.ninja-recommend-article-link {text-decoration:none !important;}
.plugin-freearea li.ninja-recommend-article{margin:0 0 5px !important;}
td li.ninja-recommend-article{margin-right:5px !important;}

.fix_link li.ninja-recommend-article
,.fix_link div.ninja-recommend-article-image-box
,.fix_link img.ninja-recommend-article-image
,.fix_link span.ninja-recommend-article-title{width:283px !important;}

.fix_link li.ninja-recommend-article{height:180px;}
.fix_link div.ninja-recommend-article-image-box{height:160px;}
.fix_link img.ninja-recommend-article-image{
height: 160px;
width: 283px;
}

.fix_link a.ninja-recommend-article-link{
-ms-filter:alpha(opacity=100);
}

/* フローティング */
.fl
,.btl 
,.fr
,.btr {}  

.fl 
,.fr {  
    position: fixed;
    top: 0;
    overflow: hidden;
}
.btl 
,.btr {
    bottom: 10px;
    position: absolute;
    _position: static;
}
.fl ,.btl{ 
}

strong {font-size: larger}

.pagerank table {
font-size: 17px;
text-align: center;
margin-bottom: 50px;
}

.pagerank td {
font-size: 17px;
text-align: center;
}

.pagerank a{
    display:block;
    color:#000000;
}

.pagerank a:hover{
    color: #ff0000;
    text-decoration: underline;
    font-weight: bold;
}

#left_menu .ninja-recommend.image-frame .ninja-recommend-article
, #right_menu .ninja-recommend.image-frame .ninja-recommend-article {
    border: 3px solid #ffa500;
    border-radius: 0px;
}


#left_menu .ninja-recommend-article-link
,#right_menu .ninja-recommend-article-link {
    background-color: #fafad2 !important;
    color: #000000 !important;
}
#left_menu .ninja-recommend.image-frame .ninja-recommend-article-text-box .ninja-recommend-article-link
,#right_menu .ninja-recommend.image-frame .ninja-recommend-article-text-box .ninja-recommend-article-link
{
max-height:80px !important;
}
#left_menu .ninja-recommend-article-title
,#right_menu .ninja-recommend-article-title {
    font-size: 16px;
    line-height: 20px;
}

p.dropcap{
    font-size: 100%;
} 

p.dropcap:first-letter{
    font-size: 180%;
} 

#footer_rss{
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
position:relative;
    margin:10px 0 0;
    height:210px;
    overflow:hidden;
    line-height: 1.28;
  font-size: 14px;
    font-family: 'Hiragino Kaku Gothic Pro','Meiryo UI',Meiryo,Verdana,sans-serif ;
}
#footer_rss .blogroll-list-wrap{
  margin-bottom: 100px;
}
#footer_rss .blogroll-list {
  display:block;
  list-style:none;
  padding:2px 0;
    margin-left:10px;
}

#footer_rss .blogroll-list a{
  padding-left: 2px;
    word-wrap: break-word;
}
#footer_rss .blogroll-list a:hover{
  color:red;font-weight:600;text-decoration:none;
}
#footer_rss .left_box{
float:left;
}

#footer_rss .left_box,#footer_rss .right_box{
overflow:hidden;
width:367px;
}

#footer_rss .blogroll-new-entry{
    background: url("//blog-imgs-74.fc2.com/g/a/g/gagcomics/newmark.gif") no-repeat scroll 5px 6px transparent;
    height: 30px;
    line-height: 100px;
    overflow: hidden;
    position: absolute;

}

.popular{
    max-height: 413px;
    overflow-y: scroll;
    overflow-x: hidden;
margin-bottom:12px;
font-size:18px;
text-align: center;
}

.popular2{
    max-height: 250px;
    overflow-y: scroll;
    overflow-x: hidden;
margin-bottom:15px;
margin-top:5px;
padding-top:5px;
font-size:19px;
text-align: center;
line-height: 70%;
}

.popular2 a{
    display:block;
}

.popular a{
    display:block;
    color:#000000;
}

.popular a:hover{
    color: #ff0000;
    text-decoration: underline;
    font-weight: bold;
}

.popular2 a:hover{
    color: #ff0000;
    text-decoration: underline;
    font-weight: bold;
}

.popular table {
text-align: center;
}

.popular td {
text-align: center;
}

.popular3{
text-align: center;
margin-top:20px;
margin-bottom:12px;
margin-left:12px;
font-weight: bold;
font-size:20px;
color: #0000ff;
}

.ninja {
text-align: right;
}

.amazlet-link a{
margin:3px;
line-height: 40px;
padding: 2px 4px;
background: rgb(255,198,62);
color: rgb(6,4,98);
border:solid 1px rgb(6,4,98);
border-radius:3px;
box-shadow:0px 1px 0px rgb(6,4,98);
}

.amazlet-box  {
    border: 2px solid #ccc;
    padding: 15px;
    background-color: #eee;
    margin: 0 0 1.9285714285714286em;
}

.ninja-recommend-block2 {
   font-size: 20px;
   font-weight: bold;
}

.ninja-recommend-block3 {
   font-size: 16px;
   font-weight: bold;
}

.ninja-recommend-block4 {
   font-size: 18px;
   font-weight: bold;
}

.border_radius {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border:solid 2px #000000;
    margin:3px 7px 5px 2px;
}

.border_radius2 {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border:solid 2px #000000;
    margin:3px 3px 5px 2px;
}

.border_radius3 {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border:solid 2px #8b8b8b;
    margin:3px 5px 5px 0px;
}

.border_radius4 {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border:solid 2px #000000;
    margin:3px 0px 10px 5px;
}

.border_radius5 {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border:solid 2px #000000;
    margin: 25px -13px 7px 20px;
}

.border_radius6 {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border:solid 2px #000000;
    margin: 0px -13px 25px 20px;
}


.toiawase {
    padding-bottom:5px;
}

#fixed_menu {
    bottom: 40px;
    height: auto;
    position: fixed;
    right: 0;
    width: auto;
    z-index: 3;
}

.navi_menu {
    background-color: #fff;
    border-color: #999 -moz-use-text-color #999 #999;
    border-radius: 10px 0 0 10px;
    border-style: solid none solid solid;
    border-width: 1px medium 1px 1px;
    box-shadow: 0 5px 5px #000;
    font-family: Impact,sans-serif;
    font-size: large;
    line-height: 1.5em;
}
.navi_menu a{
    display: block;
    height: 100%;
    padding: 0 10px;
    text-decoration: none;
    width: 100%;
    text-align: left !important;
}

.navi_menu div.top {
    border: 0 none;
}
.navi_menu div {
    border-top: 1px dotted #999;
}

#img-box{
  position: relative;
  margin: 0px 0px 5px 0px;
}
#img-box-mini{
  position: absolute;
  bottom: 20px;
  margin: 0px 0px 5px 2px;
  left: 0px;
  width:359px;
   color: #fff;
   background-color: #000;
 }
#img-box-text{
  text-align: center;
  font-weight: bold;
  font-size: 17px;
  width: 359px;
}
#img-box-text:hover{
  font-weight: bold;
   color: #ff1493;
  font-size: 17px;
}

p.imagescroll {
   width: 700px;
   overflow: auto;
}

.ninja-recommend img, .ninja-recommend-articles {
    margin: auto;
    padding: 0;
}

.ninja-recommend {
    position: relative;
}

.ninja-recommend.image-frame .ninja-recommend-article {
    position: relative;
    width: auto;
}
.ninja-recommend-articles.vertical .ninja-recommend-article {
    display: block;
}
.ninja-recommend li.ninja-recommend-article {
    border-style: solid;
    border-width: 0;
    list-style: outside none none;
    overflow: hidden;
    padding: 0;
}
li.ninja-recommend-article {
    margin: 5px;
}
.ninja-recommend div, .ninja-recommend li {
    box-sizing: border-box;
}

.ninja-recommend.image-frame .ninja-recommend-article .ninja-recommend-article-image-box {
    overflow: hidden;
}

.ninja-recommend.image-frame .ninja-recommend-article-image-box .ninja-recommend-article-link {
    display: block;
    text-align: center;
}
.ninja-recommend .ninja-recommend-article .ninja-recommend-article-link {
    font-weight: 700;
    line-height: 1.4em;
}

.ninja-recommend-article-image-box a {
    display: inline-block;
    width: 100%;
}

.ninja-recommend-article-image-box a img {
    display: inline-block;
    vertical-align: bottom;
    width: 100%;
}
.ninja-recommend img {
    border: medium none;
}
.ninja-recommend img, .ninja-recommend-articles {
    margin: auto;
    padding: 0;
}
.ninja-recommend-article-title {
    line-height: 1.4em;
    margin: auto;
}
.ninja-recommend-article-content, .ninja-recommend-article-date, .ninja-recommend-article-title {
    display: block;
    overflow-wrap: break-word;
    white-space: normal;
}
.ninja-recommend.image-frame .ninja-recommend-article-text-box .ninja-recommend-article-link {
    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
    bottom: 0;
    box-sizing: border-box;
    color: #fff;
    font-size: 12px;
    left: 0;
    line-height: 1.2em;
    max-height: 38px;
    overflow: visible;
    padding: 4px 7px;
    position: absolute;
    width: 100%;
}
.ninja-recommend .ninja-recommend-article .ninja-recommend-article-link {
    font-weight: 700;
    line-height: 1.4em;
}
.ninja-recommend-article-text-box .ninja-recommend-article-link {
    display: block;
}
/* MAIN */
#comment_recent {
    list-style-type: none;
    overflow: hidden;
    padding: 0;
    width: 1100px;
}
#comment_recent ul {
    font-size: 13px;
	margin:0;
	padding:0;
}
#comment_recent li {
    border: 1px solid #000000;
    box-sizing: border-box;
    border-radius: 5px;
    background: none repeat scroll 0 0 #FFFFFF;
    float: left;
    height: 328px;
    margin-bottom: 0;
    margin-right: 4px;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 364px;
    z-index: 1;
}
#comment_recent li:hover {
    opacity: 0.75;
}

#comment_recent li .hover {
    background: #fafad2 none repeat scroll 0 0;
font-size:16px;
color:#000000;
    display: block;
    overflow: hidden;
    padding: 16px;
    position: absolute;
    bottom: 0;
    width: 332px;
    height:60px;
    line-height: 1.4em;
    margin: auto;
   font-weight: bold;
}
#comment_recent li img {
    width: 362px;
}
#comment_recent .cmcm {
    background: url("http://file.blog.fc2.com/gagcomics/images/cmcm.png") no-repeat scroll 0 0 transparent;
    color: #FFFFFF;
    height: 46px;
    line-height: 13px;
    padding-top: 8px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 45px;
    z-index: 0;
}

/* scroll */
.ds_recent_left,.ds_recent_left_s {
    background: url("http://file.blog.fc2.com/gagcomics/images/sc_left.png") no-repeat scroll top left transparent;
    left: 0;
}
.ds_recent_right,.ds_recent_right_s {
    background: url("http://file.blog.fc2.com/gagcomics/images/sc_right.png") no-repeat scroll top right transparent;
    right: 0;
}

.ds_recent_left, .ds_recent_right
,.ds_recent_left_s, .ds_recent_right_s {
    cursor: pointer;
    height: 50px;
    width: 40px;
    top: 50%;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    overflow: hidden;
    position: absolute;
    z-index: 100;
}

.ds_recent_box,.ds_recent_box_s {
    left: 0;
    position: relative;
    width: 9999px;
}

/* scroll-MAIN */
.ds_recent{
    overflow: hidden;
    position: relative;
}
.ds_recent_s{
    overflow: hidden;
    position: relative;
    width: 1100px;
}
.ds_recent_wrap,.ds_recent_wrap_s {
    width: 1100px;
    margin: 0 0;
    overflow: hidden;
    position: relative;
}

div.twitter_widget_style {
	width: 550px;
}

/*********************************************************/
/*
フッターにある著作権表示さえ残していただければ
どんなにカスタマイズされても構いません。また、
どのようなサイトでも利用してくださって結構です。
                          FC2ブログのテンプレート工房
[standard_ver.10.1]  (http://10plate.blog44.fc2.com/)
*/
/*********************************************************/