@charset "utf-8";

/* 20090411

左右入替えは HTML編集 でクラス名を変更
右サイド : class="side-r"  左サイド(小文字エル) : class="side-l"

全体幅
LL 1000px

メイン幅
20+120+40+500+40 = 720px

サイド幅
LL 1000 -710 -30 = 260px

記事本文で使用可能な画像の大きさ目安
LL 550px

/* --- 初期値 : M   class="size-m" ------------------------- 幅変更 --- */

#pagetop,#bottom{
width: 1000px;  /* 全体幅 */
margin: 0 auto;
}
.main{ width: 720px;}  /* メイン幅 */
.size-ll div.right{ width: 260px; }

.hdcolor{
height: 45px;
position: fixed;
top: 0;
left: 0px;
z-index:999;
box-shadow: 0px 1px 2px #666;
}
.menubar-wrap{
 max-width: 1000px;
 min-width: 650px;
 top:0;
 margin: 0 auto;
 z-index:99;
}

#menunavi li{ width: 100px; }    /* メニューリンク幅 */
#menunavi ul ul.c-menu {
  top: 0px;left: 200px;    /* カテゴリ幅と同じ値 */
}
/* メニューリンクの合計値:  リンク幅(120) * リンク数(3) = 360px */
#menunavi ul { width: 400px;}

#menunavi #pdcat {
  width: 200px;/* カテゴリ幅 */
}

#footer{
text-align: center;
height: 38px;    /* 画像の高さ */
line-height: 34px;  /* テキスト位置 */
}

address{
  margin: 0 0px;  /* メニュー左右余白 */
}

.clear{clear: both;}
h1.logo{
float: left;
width: 140px;
margin: 2px 10px 0px 15px;
}
h1.logo a {
display:block;
width: 141px;
height:41px;
background:url('//blog-imgs-96.fc2.com/f/1/v/f1vettel/logo2x2.png') no-repeat;
  background-size: 141px 41px;
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
}

div#menunavi{
float:left;
width:400px;
}
div.hdwrap{
 padding: 13px 30px 0px;
}
h1.title{
 margin: 0;
 padding: 20px 0;
 width: 330px;
 text-align: center;
 font-weight: bold;
 line-height: 1;
 font-size: 35px;   /* ブログタイトル */
 background: #73d5e5;
}
.title a,.title a:hover,.title2 a,.title2 a:hover{
  text-decoration: none;
 color: #2e323a;    /* ブログタイトル文字色 */
}
div.intro{
 margin: 15px 20px;
 color: #fff;  /* ブログ説明文 - 文字色 */
 font-size: 13px;
}
h1.title2{
 margin: 33px 30px 0;
 padding: 0;
 width: 330px;
 text-align: center;
 font-weight: bold;
 line-height: 1;
 color: #2e323a;    /* ブログタイトル文字色 */
 font-size: 35px;   /* ブログタイトル */
 background: #73d5e5;
}
div#social {
 position: relative;
 overflow:hidden;
 /zoom:1;
 height: 45px;
 margin-left: auto;
 font-size: 29px;
}
#social a{
 position: absolute;
 text-decoration: none;
 color: #aaa;
}
#social a:hover{
 color: #63bace;
}
#social a.icon1{
 top:8px;
 right: 55px;
}
#social a.icon2{
 top:8px;
 right: 10px;
}
#footer,#footer a,#footer a:hover{
  color: #000000;  /* 最下部リンク文字色 */
}

/* コメントフォームの横幅//全体幅が小さい場合は数値を減らす */
div.c-form textarea{ width: 500px ; }  /* 本文入力欄 */
.cwidth{ width: 525px ; }  /* 本文入力欄 +25px */
input#name,input#pass,input#title{ width: 237px ; }/* 名前等入力欄 */
.wlabel{ float: left;  width: 262px; } /* 名前入力欄 +25px */

/* -------------------------------------------------- メニュー --- */
.hdcolor,.ftcolor,address,#footer{
 background: #2e323a;    /* メニュー全体背景色 */
 width: 100%;
 margin: 0 auto;
}
#menunavi li a{
  background: #2e323a;    /* リンク背景色1 */
  line-height: 45px;    /* メニュー高さ */
  color: #ffffff;    /* 文字色 */
}
#menunavi li a:hover{
  background: #33cccc;  /* -カーソル接触リンク背景色 */
  color: #ffffff;    /* 文字色 */
}
#menunavi li li a:hover {
  border-color: #33cccc;/* -カーソル接触線色 */
}
#menunavi li li a {
  padding: 4px 5px 4px;  /* リンク内高さ6|7px */
  height: auto;
  letter-spacing: 0px;
  line-height: 1.5;
  border-top: 2px #4091b1 solid; /* リンク上線色2 */
}
#menunavi li li a {
  background: #3989ac;    /* リンク背景色2 */
}
#menunavi li li li a {/* 子カテゴリ */
  border-top: 2px #4999b9 solid; /* リンク上線色3 */
}
#menunavi li li li a {
  background: #4090b0;    /* リンク背景色3 */
}
#menunavi ul.menu-m {
  width: 200px;    /* ワイド */
}
#menunavi ul.menu-l {
  width: 270px;    /* ワイド2 */
}
#menunavi,#menunavi ul,#menunavi li a{
  height: 45px;    /* メニュー高さ */
}
#menunavi ul.menu-s,#menunavi ul.menu-m,
#menunavi ul.menu-l,#menunavi ul.menu-c {
  top: 45px;    /* メニュー高さ */
  left: 0;
} /* 位置 */

#menunavi #pdcat li{
  text-align: left;  /* カテゴリテキスト */
}

address,address a,address a:hover{
  color: #ffffff;    /* 著者情報文字色 */
}

.cate0{
 display: none;
}

#menunavi #urtag{
  width: 290px;  /* 全体幅 */
  padding: 3px 5px 4px;
  margin: 0;
  border-top: 1px #4091b1 solid;  /* リンク上線色2 */
  left: 0px;  /* 位置 */
}
#menunavi #urtag {
  background: #3989a9;  /* リンク背景色2 */
}
#menunavi #urtag li{
  display: inline;
  float: none;
  width: auto;
  margin: 0 5px 0 0;  /* 右余白5px */
  line-height: 1.7;  /* 高さ */
}
#menunavi #urtag li a{
 display: inline-block;
 white-space:nowrap;
  padding: 0 0.3em;
  letter-spacing: 0;
  border: 0;
  vertical-align: middle;
  line-height: 1.7;  /* 高さ */
}
#menunavi #urtag li > a{
  filter:alpha(opacity=100);
}
#menunavi .search{
  background: #3989a9;
  padding: 2px 5px;
  height: auto;
  letter-spacing: 0px;
  line-height: 1.5;
  border-top: 2px #4091b1 solid; /* リンク上線色2 */
}

/* ----------------------------------------- サイドバーリンク色 --- */
.s-body li a{
  display: block;
  padding: 15px 0;
  text-decoration: none;
  color: #888;  /* リスト */
}
.s-body li a:hover{
  color: #dd3333;
}

.r-main a{
  text-decoration: none;
}
.r-main a:hover{
  color: #dd3333;
}

/* ------------------------------------------ 記事本文リンク色 --- */
.e-text a,.c-entry a,.t-body a{
  text-decoration: none;
  color: #3989a9;
}
.e-text a:hover,.c-entry a:hover,.t-body a:hover{
  text-decoration: underline;
  color: #dd3333;
}

/* ------------------------------------------------ 記事画像 --- */
/* 囲み線が不要な場合は border 部分の１行を削除 */
/* 左右の余白を増やしすぎると画像がはみ出る */

.e-text img{
  border: #f0f0f0 1px solid;  /* 記事-囲み線 */
  margin: 1px 10px 0px 0px;    /* 余白-上下・左右 */
}

/* --- big 94%  small 82% ---------------------------- 文字サイズ --- */

#menunavi{ font-size: 12px; }    /* メニュー */

h2.e-title{ font-size: 150%; }    /* 記事タイトル */
h2.ptitle{ font-size: 85%; }    /* プラグイン3タイトル */

.e-text{ font-size: 96%; }    /* 記事本文 */
.e-text blockquote strong,.box strong { font-size: 99%; }

.e-more,.relate dt{ font-size: 90%; }

.e-category,.tag-m,.e-date,.p-third .s-body,li.relate{ font-size: 80%; } /* カテゴリ・ユーザタグ */

.e-bottom{ font-size: 78%; }    /* 記事下部 */

.c-entry,.c-form,.t-body{ font-size: 80%; } /* コメント・トラックバック */

.r-main h2.s-title,#title2,.p-third h2{ font-size: 90%; } /* サイドタイトル */

.r-main .s-body{ font-size: 78%; } /* サイド本文 */

ul.navi,ul.navi-c,div.pagenavi,div.pagenavi01,div.pagenavi02,#bottom{ font-size: 80%; }

.titlebody{ font-size: 80%; }

#footer{ font-size: 80%; }

/* ----------------------------------------------------- 行間 --- */
.e-text{ line-height: 2; }    /* 記事本文 */
.e-text blockquote strong,.box strong { line-height: 1.7; }    /* 引用strong */
.c-entry,.t-body,.titlebody{ line-height: 1.7; }  /* コメント・トラバ */
.s-body{ line-height:1.7; }    /* サイドバー */
.p-third{ line-height: 1.7; }    /* プラグイン3 */
.e-category,body{ line-height: 1.5; }

/* --------------------------------------------------- 文字色 --- */
h2.e-title,h2.e-title a{
  color: #2e323a;    /* 記事タイトルリンク色 */
  text-decoration: none;
 display: block;
}
h2.e-title a:hover{
  color: #63bace;    /* -カーソル接触 */
}

.m-main,.m-main table,.c-entry,.t-body,.p-third .s-body{
  color: #333;    /* 記事本文 */
}

.r-main,.r-main table{ color: #888; }  /* サイドバー本文 */

a{ color: #666; text-decoration: none; }
a:hover{ color: #333;}


/* ---------------------------------------------------- body ---- */
body {
font-family: 'meiryo','メイリオ','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
 letter-spacing: 0.01em; 
 margin: 0 auto;
 padding: 0;
 text-align: justify;
 text-justify: inter-ideograph; 
 word-wrap: break-word;
 background: #e6e6e6; 
 color: #666666;
 min-width:1000px;
 background-image: url('//blog-imgs-69-origin.fc2.com/f/1/v/f1vettel/line.gif');
 background-repeat: repeat-x;
 background-position: left 45px;
}
#pagetop{
  margin: 0 auto;
  overflow: visible;
  text-align: left;
  clear: left;
}

div.main{
  float: left;
  overflow: hidden;
}
div.right{
  float: right;
  overflow: hidden;
}

div.m-main{
  margin: 45px 0 0; /* メイン余白 */
  text-align: left;
  overflow: hidden;
}

div.r-main{
  margin: 45px 0 0;
  padding: 0;
  text-align: left;
}

.emoji {
  vertical-align: middle;
  margin: 0 0.1em;
}

img{ border: none; }

a img{
  border: none;
  text-decoration: none;
}



.r-main p{
  margin: 0 0 0.3em;
}

pre{
  font-size: inherit;
  overflow: auto;
}
textarea,select,input{
font-family: 'meiryo','メイリオ','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
  font-size: inherit;
}
#comment_form textarea{
  padding: 1px;
}

form{ margin: 0;padding: 0; }

blockquote{
  margin: 20px 0;
  padding: 20px 30px 20px 33px;
  background: #f0f0f0;
}
.m-main blockquote p{
  margin: 0;
position:relative;
    z-index:0;
}

.box {
  margin: 10px 0 20px;
  padding: 15px 20px 15px 30px;
  background: #f0f0f0;
   height: 20em;
   overflow: auto;
}

.quote-r,.quote-l {
width: 180px;
padding: 20px 10px 15px 10px;
font-weight: bold;
font-size: 120%;
color: #888;
line-height: 1.5;
position:relative;
z-index:2;
}
.quote-r {
float: right;
margin-left: 25px;
}
.quote-l {
float: left;
margin-right: 25px;
}
.quote-l:before, .quote-l:after,.quote-r:before, .quote-r:after{
font-family:"FontAwesome";
    font-size:2em;
    line-height:1em;
    color:#ddd;
    position:absolute;
    z-index:-1;
}
.quote-l:before,.quote-r:before{
content:"\f10d";
    left:0px;
    top:0px;
}
.quote-l:after,.quote-r:after{
content:"\f10e";
    right:0px;
    bottom:0px;
}

.e-text ul,.e-text ol{
  margin: 16px 0 17px 37px;
  padding: 0;
  line-height: 1.3;
}
.e-text ul ul,.e-text ol ol{
  margin: 11px 0 16px 25px;
  padding: 0;
}
.e-text li{
  margin: 0 0 10px;
  padding: 0;
}

.e-text h3{
  margin: 70px 0 20px;
  padding: 0 0 20px;
  line-height: 1.2;
  font-weight: bold;
  font-size: 130%;
  letter-spacing: 0.03em;
  color: #2e323a;
  border-bottom: #999 1px solid;
}
.e-text h4,.e-text h5{
  margin: 20px 0 5px;
  padding: 0 0 10px;
  line-height: 1.2;
  font-weight: bold;
  font-size: 120%;
  color: #666;
  border-bottom: #999 1px dashed;
}

/* ---------------------------------------------------- entry --- */
div.entry-p{ margin-top: 40px; }
div.ftcolor{ margin-top: 40px; }

div.entry-m{ margin-top: 40px;  /* 各記事の間隔 */
background: #fafaf9;
border-top: #2e323a 3px solid;
}

div.e-left{
position: relative;
width: 120px;
float: left;
margin: 0 40px 0 20px;
display: inline;
}
image.e-left{
width: 120px;
height: 120px;
}

div.e-right{
width: 500px;
float: left;
}

ul.e-category{
  list-style-type: none;
  padding: 0;
  margin: 30px 0 0;
}
ul.e-category li.e-cat{
 padding: 0;
 border: none;
}
ul.e-category li{
 color: #333;
 border-bottom: #ccc 1px solid;
 text-align: center;
 padding: 0.8em 0;
}
ul.e-category li a{
 display: block;
 font-weight: bold;
 text-decoration: none;
 color: #333;    /* カテゴリリンク色 */
}
ul.e-category li a:hover {
  color: #63bace;
}
.e-cat a{
display:block;
width: 120px;
height:40px;
margin:0;
  overflow: hidden;
 background-image: url('//blog-imgs-118.fc2.com/f/1/v/f1vettel/catebig2018.png');
 background-repeat: no-repeat;
  background-size: 120px 940px;
}
.e-cat a span{
display:block;
width: 120px;
height:40px;
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
}

a.cat-i22{ background-position: 0px -100px;}
a.cat-i76{ background-position: 0px -500px;}
a.cat-i48{ background-position: 0px -400px;}
a.cat-i34{ background-position: 0px -300px;}
a.cat-i21{ background-position: 0px -200px;}
a.cat-i75{ background-position: 0px 0px;}
a.cat-i101{ background-position: 0px -600px;}
a.cat-i124{ background-position: 0px -700px;}
a.cat-i150{ background-position: 0px -800px;}
a.cat-i174{ background-position: 0px -900px;}

.e-text{
  margin: 0;
  padding: 0;
  text-align: left;
}
h2.e-title{
  padding: 30px 0 40px;
  margin: 0px;
  text-align: left;
  line-height: 1.5;
  letter-spacing: 0.03em;
  font-weight: bold;
}

h2.c-title{
  margin: 20px 0 0;
  padding: 0.5em 2em;
  font-weight: bold;
  font-size: 82%;
  color: #ffffff;
  background-color : #444;
}

ul.datum li,ul.datum li a,ul.datum li a:hover{
  color: #ffffff;  /* 文字色 */
}
ul.datum{
  float: left;
  margin: 0;
  list-style-type: none;
}
ul.datum li{
  margin: 0;
  padding: 0 9px 0 0;
  line-height: 24px;
  height: 24px;
  text-align: center;
}

.fc2_footer{ padding: 30px 0 0; }

p.e-more{
 margin: 30px 0 0;
}
p.e-more a{
 padding: 0.5em 3em;
 font-weight: bold;
 border: #ffcc00 2px solid;
 color: #888;
}
p.e-more a:hover{
text-decoration: none;
 color: #2e323a;
 background: #ffcc00;
}
.topmore{ padding-top: 60px; }    /* 追記部分の上余白 */

ul.tag-m{
  list-style-type: none;
  margin: 30px 0 0;
  padding: 0;
  text-align: right;
  line-height: 2;
}
.tag-m li{
  display: inline;
  margin: 0 0 0 5px;
}
.tag-m a{
  color: #2E323A; /* ユーザータグリンク色 */
  text-decoration: none;
  padding: 1px 7px;
  white-space: nowrap;
 background: #e6e6e6;
}
.tag-m a:hover{
  color: #fff;    /* -カーソル接触 */
 background: #aaa;
}
ul.e-bottom{
  list-style-type: none;
  margin: 15px 0 0;
  padding: 10px 0 15px;
  text-align: right;
  color: #eeeeee;
border-top: #ccc 1px solid;
}
.e-bottom li{
  display:inline;
  margin: 0 0 0 9px;
  padding: 0;
}
.e-bottom li.etb{
  padding-left:13px;
}
.e-bottom li.ecom{
  padding-left:15px;
}
.e-bottom li.etop{
  padding-left:13px;
}
li.e-edit a{
  color: #ffffff;
}
.e-bottom a,li.e-edit a:hover{
  color: #888888;
  text-decoration: none;
}
.e-bottom a:hover{
  color: #000000;
  text-decoration: none;
}

/* ----------------------------------------------------- navi --- */
ul.navi{
 list-style-type: none;
 margin: 0;
 padding: 0;
 background: #fafaf9;
}
li.navi{
 margin: 0;
 padding: 0;
}
ul.navi-a{
 list-style-type: none;
 float: left;
 width: 50%;
 margin: 0;
 padding: 0;
}
li.navi-b{
 margin: 0;
 padding: 0.5em 2em;
 color: #666;
 background: #ddd;
}
li.navi-d{
 margin: 0;
 padding: 0.8em 2em 0.6em;
 color: #666;
 min-height: 6em;
}
li.navi-right{
 text-align: right;
}
a li.navi-d{
 text-decoration: none;
 color: #888888;
}
a li.navi-d:hover{
 text-decoration: none;
 background: #efefef;
 color: #333;
}
li.navi-c{
 clear: both;
 margin: 0;
 padding: 10px 0;
 text-align: center;
 border-top: #ccc 1px solid;
}
a li.navi-c{
 text-decoration: none;
 color: #888888;
}
a li.navi-c:hover{
 text-decoration: none;
 background: #efefef;
 color: #333;
}

/* FC2relate
----------------------------------------------- */
dl.relate {
 margin: 0 0 30px;
 padding: 0;
 background: #fafaf9;
}
dt.relate {
  height: 40px;
 margin: 0 20px 0!important;
 padding: 10px 10px;
 line-height: 1.1 !important;
 border-bottom: #ccc 1px solid;
}
dd.relate {
 margin: 0 !important;
 padding: 0;
 border: 0 none !important;
}
dt.relate img,h2.rss-t img{
 vertical-align: middle;
 margin-left: 0;
}
dt.relate a.parent,h2.rss-t a.parent{
 float: left;
  display: block;
  width: 40px;
  height: 40px;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
 margin-right: 10px;
 background-image: url('//blog-imgs-118.fc2.com/f/1/v/f1vettel/category2018.png');
 background-repeat: no-repeat;
  background-size: 40px 940px;
}
dt.relate a,h2.rss-t a{
 color: #333;
 text-decoration: none;
 font-weight: bold;
height: 40px;
line-height: 40px;
}
dt.relate a:hover,h2.rss-t a:hover{
 color: #63bace;
 text-decoration: none;
}

ul.relate {
 list-style-type: none;
 margin: 0 !important;
 padding: 0 0 0 20px !important;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
width:100%;
}
li.relate {
 margin: 0 0px 0 0 !important;
 padding: 0 !important;
 color: #333;
 border-bottom: #ccc 1px solid;
width:340px;
}
li.relate a{
display:block;
 padding: 15px 10px;
 text-decoration: none;
 color: #888;
overflow: hidden;
}
li.relate a:hover{
 text-decoration: none;
 background: #efefef;
 color: #333;
}
li.relate img{
float:right;
margin:0 0 0 10px;
padding: 0;
width:auto;
height:72px;
}

/* -------------------------------------------------- pagenavi --- */
div.pagenaviwrap{
 position: relative;
 text-align:center;
 border-bottom: #ccc 1px solid;
 background-color:#fafaf9;
}
div.pagenavi01{
position: absolute;
top: 0px;
left: 0px;
padding: 5px 10px;
 background-color:#eee;
}
div.pagenavi02{
position: absolute;
top: 0px;
right: 0px;
padding: 5px 10px;
 background-color:#eee;
}
.pagenavi-b{ margin-top: 40px;}
.pagenaviwrap a{
color: #888;
}
div.pagenavi{
 margin: 0;
 overflow:hidden;
 /zoom:1;
 text-align:center;
 padding: 5px 0;
 background-color:#fafaf9;
}
div.pagenavi a{
padding: 0.3em 0.5em;
text-decoration: none; /* no underline */
color: #888;
}
div.pagenavi b {
padding: 0.3em 0.5em;
text-decoration: none; /* no underline */
color: #444;
}
div.pagenavi a:hover,div.pagenavi a:active,.pagenaviwrap a:hover div,a:hover div.pagenavi{
text-decoration: none;
background-color:#ddd;
color: #333;
}
a:hover div.pagenavi01,a:hover div.pagenavi02{
text-decoration: none;
background-color:#ddd;
color: #333;
}

/* ------------------------------------------------------ side --- */
h2.s-title{
  margin: 0;
  padding: 10px 20px;
  text-align: left;
  font-weight: bold;
  letter-spacing: 1px;
  background: #ccc;
  color:#333;
}

.r-main .s-body{
 padding: 0 20px 15px;
 margin: 0px;  /* 各プラグインの間隔 */
 background: #fafaf9;
}

.r-main p.s-desc{
 margin: 0px 0px;
 padding: 15px 0;  /* プラグイン1,2説明文余白 上下・左右 */
}
.s-text{ width: 100%; }
.s-body p{
 padding: 10px 0 0;
}
.s-body ul{
  margin: 0 0 -16px;
  padding: 0;
  list-style-type: none;
}
.r-main .s-body li{
  padding: 0px;
  margin: 0;
  line-height: 1.5;
 border-bottom: #ccc 1px solid;
}
h2.rss-t{
  height: 40px;
  margin: 0 !important;
 padding: 10px 0px;
  padding: 10px 0 !important;
  font-size: 12px !important;
 border-bottom: #ccc 1px solid;
}
li.thumb,li.thumb-right{overflow: hidden;}
span.thumb-cut{
position:relative;
float:right;
margin:0 0 0 20px;
padding: 0;
width:130px;
height:72px;
overflow: hidden;
}
span.thumb-cut img{
position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  height: auto;}
li.thumb img{
float:right;
margin-left:10px;
padding: 0;
width:72px;
height:72px
}
.thumb img[src*="ogp"] {
            display: none;
        }
a:hover img{opacity:.7}
p.thumb_date,span.thumb_date{display: block;margin: 0;padding: 0;text-align:right;font-size:.8em}

/* ---------------------------------------------------- page-titlelist --- */
div.p-third{
 padding: 0;
 background-color: #fafaf9;
}
.p-third h2{
 background-color: #ffcc00;
 margin: 0;
 padding: 30px 30px 15px;
  font-weight: bold;
}
span.p-cat{
  font-weight: normal;
}
span.ptitle{
 font-weight: bold;
 font-size: 110%;
 letter-spacing: 1px;
}
.p-third ul.s-body{
  margin: 0;
  padding: 0 20px 20px;
  list-style-type: none;
}
li.p-cat{
 list-style-type: none;
 padding: 10px 10px 10px 55px;
 margin: 0;
 line-height: 1.5;
 min-height: 40px;
 height: auto !important;
 height: 40px;
 border-bottom: 1px #ccc solid;
 background-image: url('//blog-imgs-118.fc2.com/f/1/v/f1vettel/category2018.png');
 background-repeat: no-repeat;
  background-size: 40px 940px;
}
li.cat-i22{ background-position: 0px -90px;}
li.cat-i76{ background-position: 0px -490px;}
li.cat-i48{ background-position: 0px -390px;}
li.cat-i34{ background-position: 0px -290px;}
li.cat-i21{ background-position: 0px -190px;}
li.cat-i75{ background-position: 0px 10px;}
li.cat-i101{ background-position: 0px -590px;}
li.cat-i124{ background-position: 0px -690px;}
li.cat-i150{ background-position: 0px -790px;}
li.cat-i174{ background-position: 0px -890px;}

.p-third ul.s-body a{
 display: block;
}
.p-third ul.s-body a:hover{
 color: #333;
 background: #efefef;
}
.p-third p.s-desc{
  margin: 0px 0px;
  padding: 0px 0px;  /* 説明文余白 上下・左右 */
}

table.titlebody{
 border: none;
 border-collapse: collapse;
 width: 100%;
 background-color : #fafaf9;
}
table.titlebody tr{
 border-bottom: 1px #ccc solid;
 height: 100%;
}
table.titlebody th{
 width: 200px;
 padding: 10px;
 background-color : #eee;
 border: none;
 font-weight: normal;
 text-align: left;
}
table.titlebody td{
 width: 520px;
 height: 100%;
}
.titlebody td a{
 display: block;
 width: 100%;
 height: 100%;
 font-size: 110%;
 padding: 10px;
box-sizing:border-box;
}
.titlebody td a:hover{
 background-color : #efefef;
 text-decoration: none;
}
p.title-date{
 padding: 0px;
 margin: 0px;
 color: #888;
}


/* ---------------------------------------- comment-trackback --- */
.entry-p{
 margin: 0px;
 background-color : #fafaf9;
}
div.c-entry {
 margin: 0;
 padding: 0px 20px 20px;
 font-size: 85%;
}
.c-entry table{
 margin: 0;
 padding: 0;
 width: 100%;
 border-collapse: collapse;
}
.c-entry table tr td {
 border: none;
 text-align: left;
 vertical-align: top;
 padding: 20px 20px 0;
 background: #eee;
}
.c-entry table td.c-top {
 width: 100px;
 background: #ddd;
 font-size: 85%;
}
.c-top ul{
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-align: right;
  color: #888;    /* コメント下部文字色 */
}
.c-top a{
  color: #888;    /* コメント下部文字色 */
  text-decoration: none;
}
.c-top a:hover{
  color: #000000;
  text-decoration: none;
}
.c-top ul li{
  margin: 0 0 0 7px;
}
li.c-name{
 font-weight: bold;
 font-size: 120%;
 padding: 0 0 10px;
 color: #333;
}
li.c-name a{
 color: #333;
}
li.ctrip{
  color: #ddd;  /* 内背景色と同色に */
}
p.c-title {
 margin: 0 20px;
 padding: 0;
 font-weight: bold;
 font-size: 110%;
 color: #333333;    /* コメントタイトル文字色 */
}
p.c-body{
 margin: 10px 20px 30px;
 padding: 0;
}

.c-form{
  margin: 20px 20px 20px 180px;
  padding : 0 0 20px;
  line-height: 1.5;
  text-align: left;
}
#comment_form dt,#comment_form dd{
  margin: 0;
  padding: 0.3em 0 0;
}
#comment_form dl{
  margin: 0;
  padding: 0;
}
.coclear{clear: both;}
#comment_form dl.coclear dt{
  margin: 0;
  padding: 15px 0 0;
}

div.c-formb{
  text-align: right;
  margin: 6px 0;
  padding: 0px 20px;
}
input[type=submit]{
 padding: 0.5em 3em;
 font-weight: bold;
 background-color : #fafaf9;
 border : #ffcc00 2px solid;
 color: #888;
 cursor:pointer;
}
input[type=submit]:hover {
 color: #2E323A;
 background-color : #ffcc00;
}

dl.t-body{
padding: 0;
}
#trackback dt{
  margin: 0 8px 1px;
  padding: 0;
}
#trackback dd{
  margin: 0;
  padding: 15px 0;
  text-align: right;
}
#trackback dd.t-url{
  overflow: auto;
  margin: 0 2em 10px;
  text-align: left;
}
#trackback h3{
  margin: 0 8px 7px;
  padding: 0;
  font-weight: normal;
  font-size: 100%;
}
#trackback dd.t-url{
  border-bottom: 1px #ccc solid;
  line-height: 1.1;
  margin: 0;
  padding: 7px 2em;
  font-weight: normal;
  font-size: 100%;
  color: #333333;    /* コメントタイトル文字色 */
}
#trackback p{
  padding: 0;
  margin: 0 0.8em 2px;
}
#trackback ul{
  border-bottom: 1px #e9e9e9 dashed;
  padding: 0 11px 5px;
  margin: 0 0 9px;
  text-align: right;
  list-style-type: none;
}

/* --------------------------------------------------- bottom --- */
#bottom{
 color: #ccc;
}
#b-top{
  clear: both;
  margin: 0;
  padding: 0;
}
div#bottom{
  padding: 30px 0 0;
}
div.bt-box{
 width: 300px;
 float: left;
 margin-right: 50px
}
div.bt-end{
 overflow:hidden;
 /zoom:1;
}

#bottom a{
 color: #ccc;
 text-decoration: none;
}
#bottom a:hover{
  color: #63bace;
}
.bt-box h2,.bt-end h2{
 color: #63bace;
 font-size: 130%;
 margin: 0;
 padding: 0 0 10px;
  font-weight: bold;
}
#bottom p{
 margin: 0;
 padding: 0 0 1em;
}

ul#bt-cat{
 position: relative;
 margin: 0;
 padding: 0px;
 list-style-type: none;
}
#bt-cat li{
 list-style-type: none;
 font-weight: bold;
 border-bottom: #666 1px solid;
 padding: 13px 0;
}
#bt-cat select{
 width: 100%;
 margin: 10px 0px;
}
#bt-cat li form{
 display:none;
}
#bt-cat p{ padding: 0;}
#bt-cat a{ padding: 10px 0;}
.icon-chevron-sign-down{
 cursor:pointer;
 position: absolute;
 right: 0px;
}
#bottom.icon-rss-sign{
 color:#EE802F;
}
.btn {
 vertical-align: 30%;
 font-weight: bold;
 font-size: 130%;
}

#hs-archives table { border-collapse:separate; border-spacing:4px; border:1px; line-height: 18px;}
#hs-archives th { text-align: left; color: #ccc;  border: none; padding: 0 }
#hs-archives td{ text-align: center; color: #aaa; border: 1px #999 solid; padding: 0}
#hs-archives td a { display: block; font-weight: bold; color: #ccc; background: #666;}
#hs-archives td a:hover { color: #666; background: #ccc; }
#hs-archives div { margin-top: 10px !important; }

address{
 margin: 30px 0 0;
  height: 27px;    /* 高さ */
  line-height: 27px;    /* 高さ */
  padding: 0;
  font-size: 82%;
  text-align: center;
  font-style: normal;
}
#footer strong{ font-weight: normal; }
#footer span,#footer p{
  font-size: 91.4%;
  margin: 0 5px 0 0;
  display:inline;
}
#menunavi ul{
  margin: 0;
  padding: 0;
  list-style-type: none;
  text-align: left;
  position: absolute;
}
#menunavi li {
  position: relative;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
}
#menunavi ul ul{
  height: auto;
  min-height: 1px;
  position: absolute;
  z-index: 645;
  display: none;
}
div#social:after,#menunavi ul:after,#pagetop .container:after,div.entry-m:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
* html #menunavi ul ul,* html #pagetop .container {
  height: 1px;
  /**//*/
  height: auto;
  overflow: hidden;
  /**/
}
#menunavi ul ul li {
  text-align: left;
  float: none;
  width: auto;
}
* html #menunavi ul ul li {
  float:left;
  width: 100%;
}
#menunavi li li > a,li > #urtag {
  min-height: 1px;
  filter: alpha(opacity=90);
}
* html #menunavi li li a {
  height: 0;
}
#menunavi > ul > li > ul {
  -moz-opacity: 0.90;opacity: 0.90;
}
#menunavi ul.menu-s,#menunavi ul.c-menu {
  width: 100%;
}
#menunavi ul .menuon .menuh ul,
#menunavi ul .menuh:hover .menuh ul {
  display: none;
}
#menunavi ul .menuon ul,
#menunavi ul ul .menuon ul,
#menunavi ul .menuh:hover ul,
#menunavi ul .menuh:hover li.menuh:hover ul {
  display: block;
}
#menunavi .rnew a span {
  padding: 2px 0 1px 1px;
  font-size: 84.1%;
  display: none;
}
#menunavi .rcom a span.etitle {
  padding-top: 1px;
  font-size: 100%;
  display: none;
}
#menunavi .rcom a:hover span.etitle,
#menunavi .rnew a:hover span  {
  display: block;
}
#menunavi li span.stxt{
  font-size: 84.1%;
}
#menunavi li a{
  position: relative;
  display: block;
  letter-spacing: 1px;
}
#menunavi .rnew a span {
  padding: 2px 0 1px 1px;
  font-size: 84.1%;
  display: none;
}

div{margin: 0;padding: 0;}

table { border-collapse: collapse;}
.table0 td, th { font-size: 100%; border: none; padding: 0px 1em 0 0; }
.table1 td, th { font-size: 100%; border: none; padding: 0px 0.5em 0 0; }

.table2 { width: 100%; white-space: nowrap; border: none; border-collapse: collapse;}
.table2 td{ font-size: 100%; padding: 1px 0 1px 0.5em;}
.table2 tr:nth-child(even) {background: #eee;}
.table3 { border: 1px #cccccc solid;
    border-collapse: collapse;
    border-spacing: 0;
}
.table3 td, th {
    padding: 0.5em 2em;
    border: 1px #cccccc solid;
    border-width: 0 0 1px 1px;
    text-align: center;
}
td.right { text-align: right; }

table#table-01 {
    width: 500px;
 font-size: 80%;
    border: 1px #cccccc solid;
    border-collapse: collapse;
    border-spacing: 0;
}

table#table-01 th {
    padding: 3px;
    border: #cccccc solid;
    border-width: 0 0 1px 1px;
    background: #EEEEEE;
    font-weight: bold;
    text-align: center;
}
table#table-01 td {
    padding: 3px;
    border: 1px #cccccc solid;
    border-width: 0 0 1px 1px;
    text-align: center;
}
table.lap td {vertical-align:top; padding: 0.5em; line-height: 1.7;}
table.lap tr:nth-child(odd) {background-color: #eee;}
table.indent td {vertical-align:top; padding: 0.5em; line-height: 1.7;}


/* --- Jumpto plugin ---------------------------- */
.jumpto-cotainer {
  position: relative;
}
.jumpto-subnav {
 margin-top: 2em;
  width: 120px;
}
.jumpto-subnav .jumpto-second {
  display: none;
}

.jumpto-subnav.fixed {
  position: fixed !important;
  left: auto;
  top: 45px;
 margin-top: 0px;
  margin-left: 0px;
}

.jumpto-subnav.fixed.bottom {
  top: auto;
  bottom: 0px;
  position: absolute !important;
}

.jumpto-subnav ul{
  list-style: none;
  padding: 0 !important;
  margin: 0 !important;
}

.jumpto-subnav ul li{
  list-style: none;
  padding: 0 !important;
  margin: 0 !important;
}

.jumpto-subnav a {
 padding:10px 3px;
 display: block;
 box-sizing: border-box; 
 -moz-box-sizing: border-box;
 -webkit-box-sizing: border-box;
 color: #888;
 font-size: 12px;
border-top: 1px #ccc solid;}

.jumpto-subnav a:hover {
 color: #333;
  text-decoration: none;
 background: #efefef;
}
.jumpto-subnav ul li a.active {
 color: #333;
  text-decoration: none;
 background: #efefef;
}
.jumpto-subnav ul > li > ul > li > a{
  padding-left: 15px;
}
.jumpto-title,.jumpto-close a{
  text-align: center;
  font-size: 12px;
  display: block;
}
.jumpto-title{
 padding: 5px;
 font-weight: bold;
 background: #ccc;
}


/* --- Race Schedule ---------------------------- */
/*タブのスタイル*/
.tab_item {
  width: 33.3%;
  height: 30px;
  background-color: #bbb;
  line-height: 30px;
  text-align: center;
  color: #555;
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  transition: all 0.2s ease;
 position: relative;
  margin-bottom: 10px;
}
.tab_item:hover {
  opacity: 0.75;
}

/*ラジオボタンを全て消す*/
input[name="tab_item"] {
  display: none;
}

/*タブ切り替えの中身のスタイル*/
.tab_content {
  padding: 0 10px;
  clear: both;
  overflow: hidden;
  display: none;
}

/*選択されているタブのコンテンツのみを表示*/
#t-prev:checked ~ #cont-prev,
#t-now:checked ~ #cont-now,
#t-next:checked ~ #cont-next {
  display: block;
}

/*選択されているタブのスタイルを変える*/
#race input:checked + .tab_item {
  background-color: #5ab4bd;
  color: #fff;
}
#race input:checked + .tab_item:before{
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
 	margin-left: -10px;
	border: 10px solid transparent;
	border-top: 10px solid #5ab4bd;
}

#race{
 font-size: 12px;
 line-height: 20px;
}
p.race {
 font: 30px/1.4 'Oswald', 'sans-serif';
font-weight: 600;
 letter-spacing: -0.02em;
}
div.race1 p.race{
  color: #6bc;
}
div.race3 p.race{
  color: #888;
 padding: 0 10px;
}
div.race1{
 margin: 0;
 background: #008db7;
 padding: 0 10px 10px;
}
div.race2{
 margin: 0;
 background: #006699;
}
div.race3{
 margin-bottom: 30px;
 padding: 0 0 15px;
 background: #2E323A;
 border-bottom-left-radius: 10px;
 border-bottom-right-radius: 10px;
}
p.racename{
 margin: 0;
 padding: 8px 0;
 text-align: center;
 color: #fff;
 font-size: 16px;
 font-weight: bold;
 border-bottom: 1px #60b0ca solid;
}
div.accordion p{ cursor:pointer;}
div.accordion ul {display:none;}
div.accordion div {display:none;}
#race ul{
 list-style: none;
 margin: 0;
 padding: 0;
}
#race li{
 margin: 0;
 padding: 0px 20px 12px;
 border-top: 1px #60b0ca solid;
 color: #fff;
}
#race table.race-date {
 margin: 10px 0;
 padding: 0;
        width: 100%;
        border-collapse: collapse;
        color: #fff;
}
#race table.race-date th {
        border: none;
        text-align: left;
        padding: 10px 0 3px;
        font-size: 14px;
}
#race table.race-date tr td {
        border: none;
        text-align: left;
        padding: 3px 0 3px 15px;
}
#race dl{
 margin: 0;
 padding: 0;
}
#race dt{
        font-weight: bold;
        font-size: 14px;
        padding: 15px 0 0;
}
#race dd{
 margin: 0;
 padding: 3px 15px;
}
#race a{ color: #fff; text-decoration: none; }
#race a:hover{ text-decoration: underline;}

#calender {padding: 0 2px;}
#calender a{ color: #fff; text-decoration: none; font-weight: bold;}
#calender a:hover{ color: #fff; text-decoration: underline;}
#calender table {
 width: 100%;
 white-space: nowrap;
 border: none;
 border-collapse: collapse;
 background: #555;
 color: #ccc;
 }
#calender table td{
 vertical-align: bottom;
 padding: 3px 0 3px 0.5em;
 border-bottom: #2E323A 1px solid;
}
#calender table td.right {
 text-align: right;
 padding: 3px 0;
}
#calender i {font-size: 120%}

/* fontawesome */
[class*="fontawesome-"]:before {
  font-family: 'FontAwesome', sans-serif;
}
 
/* zocial */
[class*="zocial-"]:before {
  font-family: 'zocial', sans-serif;
}
 
/* シェア */
#share ul {
    margin:20px 0 0;
    padding:1em 0;
  list-style-type: none;
}
#share li {
    float:left;
    width:115px;
    margin:0 13px 0 0;
}
#share li a,#share-top li a {
    position:relative;
    display:block;
    padding:8px 0 6px;
    color:#fff;
    text-align:center;
    line-height: 20px;
    text-decoration: none;
    font-size: 11px;
  vertical-align:bottom;
}
#share li a i,#share-top li a i {
    font-size: 16px;
    margin-right:5px;
}
#share-top ul{padding:0 20px 10px;}
#share-top li{
border:none;
padding:0 0 20px;
  text-align: center;
}
#share-top li a{
    width:100px;
    margin:0 5px 0;
float:left;
}
div#share-top{
  padding: 0px 0px 20px;
  margin-bottom: 30px;
}
#share-top p{
  margin: 0;
  padding: 20px 0 15px;
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  letter-spacing: 1px;
  color:#333;
}
/* ツイッター */
.twitter a,a.twitter {
    background:#00acee;
}
.twitter a:hover,a:hover.twitter {
    background:#0092ca;
}
 
/* Facebook */
.facebook a,a.facebook {
    background:#3b5998;
}
.facebook a:hover,a:hover.facebook {
    background:#2c4373;
}
 
/* グーグル */
.googleplus a,a.googleplus {
    background:#db4b39;
}
.googleplus a:hover,a:hover.googleplus {
    background:#ad3a2d;
}
 
/* はてぶ */
#share .hatebu {
    margin-right:0;
}
#share .hatebu a,#share-top a.hatebu {
    background:#5d8ac1;

}
#share .hatebu a:hover,#share-top a:hover.hatebu {
    background:#43638b;
}
i.fa-hatena{
  vertical-align:bottom;
}
.fa-hatena::before {
    content: "B!";
    font-family: Verdana;
    font-weight: bold;
font-style: normal;
  line-height:16px;
}
/* RSS */
a.rss {
    background:#e09900;
}
a:hover.rss {
    background:#ee802f;
}
 
/* Feedly */
#share .feedly a {
    background:#87c040;
    box-shadow:0 5px 0 #74a436;
}
#share .feedly a:hover {
    background:#74a436;
}
#share .feedly img {
    width:20px;
    height:20px;
    margin-right:5px;
    vettical-align:top;
}
/* clearfix */
.clearfix:after,
.fixed:after  {
    content: "."; 
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
 
.clearfix, .fixed {
    min-height: 1px;
}
 
* html .clearfix,
* html .fixed {
    height: 1px;
    /*¥*//*/
    height: auto;
    overflow: hidden;
    /**/
}

.iframe {
width:100% !important;
height:100% !important;
}
.vid {
position:relative;
width:100%;
padding-top:56.25%;
}
.vid iframe,  
.vid object,  
.vid embed {
position:absolute;
top:0;
left:0;
width:100% !important;
height:100% !important;
}

.face{
position:relative;
width:100%;
}
 
.face iframe{
position:absolute;
top:0;
left:0;
width:100% !important;
height:100% !important
}

/* カード全体像 */
div.blogcard {
  margin-bottom: 10px;
  background-color: white;
  border: 1px solid rgb(211,211,211);
  border-radius: 3px;
  position: relative;
}
.blogcard a {
  display: block;
  color: rgb(51,51,51);
  text-decoration: none;
  width: 100%;
  height: 100%;
}
.blogcard a:hover {
  text-decoration: none;
  color: rgb(51,51,51);
}
div.blogcard:hover {
  border: 1px solid #999;
  background-color: #f9f9f9;
}

/* float親要素 */
.blogcard-content {
  margin: 0;
  padding: 5px 5px 5px 10px;
  overflow: hidden;
}

/* 画像 */
.blogcard-image {
  float: right; /* 画像を左に配置したい場合は left に変更 1/2 */
  margin: 0 0 0 5px; /* 画像を左に配置したい場合は 0 10px 5px 0 に変更 2/2 */
  width: 150px; /* 画像の表示サイズ変更は数値をpxで変更 1/6 */
  height: 100px; /* 画像の表示サイズ変更は数値をpxで変更 2/6 */
}

.blogcard-image-wrapper {
  width: 150px; /* 画像の表示サイズ変更は数値をpxで変更 3/6 */
  height: 100px; /* 画像の表示サイズ変更は数値をpxで変更 4/6 */
}

.blogcard-image-wrapper img {
  width: 150px; /* 画像の表示サイズ変更は数値をpxで変更 5/6 */
  height: 100px; /* 画像の表示サイズ変更は数値をpxで変更 6/6 */
  object-fit: cover;
  object-position: center center;
  margin: 0;
  border: none;
}
.blogcard-text {
  padding-bottom: 23px;
}

/* タイトル */
.blogcard-title {
 margin: 0 0 5px;
  line-height: 1.4;
  font-size: 15px;
  font-weight: bold;
}

/* 記事概要 */
.blogcard-description {
  margin: 0;
  line-height: 1.4;
  font-size: 12px;
}

/* フッター(元記事サイト名とリンク) */
.blogcard-footer {
  font-size: 12px;
  height: 18px;
  line-height: 18px;
  position: absolute;
  bottom: 5px;
  margin: 0;
  padding-left: 10px;
  color: #666;
}

div.blogcard-footer img {
  margin: 0 5px 0 0;
vertical-align: top;
}