.date {
	font-size: 12pt;
	color : red;
}

.etitle {
	font-size: 12pt;
}
.etitle a {
	border-bottom: 1px solid blue;
	margin-bottom: 2px;
}
.etitle a, .bname a{
	color:#00e;
}
.etitle a:visited, .bname a:visited{
	color:#007;
}
.bname {
  font-size:12px;
  /*max-height:12px;*/
}
.bname a {
	border-bottom:0px solid blue;
}
dt .bname {
	max-width: 500px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	float: left;
	margin-right:7px;
}
.favicon{
  height:13px;
  width:13px;
	margin-right:2px;
  vertical-align:text-bottom;
}

.dateandlike {
	font-size:13px;
	font-weight: normal;
	color:#333;
	margin:1 0 3 2;
}

/*************************/
.pc dt .bname{
    margin-right: 7px;
    font-weight: normal;
    margin-right: 7px;
    float:none;
    vertical-align: bottom;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.pc dt{
	padding-bottom:1px;
}
.pc dd .dateandlike {
	margin-top:0px;
	padding:4px 0px 4px;
	border-bottom:1px solid #ccc;
	border-top:0px dotted #ddd;
	height:25px;
	text-overflow: ellipsis;
	white-space: nowrap;

	overflow:visible;
	text-align:right;
}
.pc dd .dateandlike::after {
	clear:both;
}
.pc dt .dateandlike img {
      bottom: 0;
}
.pc .likebutton {
      height: 25px;
      width: 33.3px;
      margin-right: 3px;
      vertical-align: text-bottom;
			cursor: pointer;
			cursor: hand;
}
.pc .liketext {
    font-size: 17px;
    color: #f00;
    margin-left: -4px;
}
.liketext.zero {
	color:#666;
	font-size:12px;
	font-weight:normal;
}
.pc .edate {
    font-size: 12px;
    color: #666;
}

.pc dd .desc {
	min-height:2.8em;
}

	/*************************/

td .dailydate, td .daily{
	font-size: 9.5pt;
}
td .bname {
	font-size: 8pt;
}

.titlearea {
	font-size: 8pt;
}

dl {
	margin-top:0px;
	padding-top:0px;
}
@media screen and (max-width: 1000px) {
	.pc dl {
		width:460px;
	}
}
dt {
	color:#000000;
	border-top:#0000cc 3px solid;
	border-bottom:red 2px dotted;
	margin-top: 7px;
	margin-bottom:7px;
	padding-top:4px;
	/*padding-bottom:3px;*/
	padding-left:8px;
	font-size: 12pt;
	font-weight: bold;
}

/*
dt#rokutan,
#kuwahara,
#hayuma,
#nakazawa,
#amano,
#nasu,
#kano,
#sakata,
#guapo,
#yamasekouji,
#kobayashiyuzo,
#kanai,
#ogura,
#hato,
#kazuma,
#ooguro,
#takeda,
#higa,
#higamegu,
#tsuchiya,
#jungo,
#shimohira,
#lee,
#washio,
#airi {
        background-color:#ffeeee;
}

dt#official,
#triconikki,
#ikusei,
#maricafe,
#shop,
#photo,
#warunos,
#hometown,
#nemoto,
#officialyoutube
 {
	background-color:#eeeeff;
}
*/

dt.rokutan,
.kuwahara,
.hayuma,
.nakazawa,
.amano,
.nasu,
.kano,
.sakata,
.guapo,
.yamasekouji,
.kobayashiyuzo,
.kanai,
.ogura,
.hato,
.kazuma,
.ooguro,
.takeda,
.higa,
.higamegu,
.tsuchiya,
.jungo,
.shimohira,
.lee,
.washio,
.airi {
        background-color:#ffeeee;
}

dt.official,
.triconikki,
.ikusei,
.maricafe,
.shop,
.photo,
.warunos,
.hometown,
.nemoto,
.officialyoutube
 {
	background-color:#eeeeff;
}

dd {
	color:#333;
	line-height:1.4em;
	font-size:10.5pt;
	margin-left:20px;
	margin-bottom:8px;
}
dd img {
    object-fit: cover;
    width: 90;
    height: 65;
}


.tbname{
	font-size:10pt;
	font-weight:bold;
	background-color:#FFFFFF;
}


.tename{
	font-size:8pt;
	font-weight:normal;
	background-color:#FFFFFF;
}


.tb {
	width: 220px;
	background-color:#3333AA;
}



body {
	background-color:#fff;
	margin:0px;
	font-family: Meiryo,sans-serif;
	border-left: #0000cc 3px solid;
	border-right: #0000cc 3px solid;
}

.headline {
}
.top{
	padding-left: 0px;
	padding-right: 0px;
        border-top:3px solid red;
}
.fmbhtitle {
	padding-top:0px;
}
.update {
	color:#ff0000;
	font-size: 8.5pt;
	font-family:arial, sans-serif;
	/*font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif,"メイリオ",Meiryo;*/
	margin-bottom:1px;
	margin-top:0px;
}
.banner-pc-marinosuke {
	width:125px;
	height:95px;
	margin-top:1px;
}
.topad {
	padding-left:15px;
}

.main {
	width: 100%; /* for liquid layout */
	float:left;
}

.topleft, .contents{
	/*float:left;*/
	background-color:#fff;
	padding-top:0px;
	margin-top:0px;
	margin-left:190px;  /* for liquid layout */
	margin-right:310px;  /* for liquid layout */
	width:auto;  /* for liquid layout */
}

.topright{
	float:left;
	width:300px;
	padding:0 5;
	background-color:#fff;
	margin-left:-310px;  /* for liquid layout */
}
.topleft{
        float:left;
        width:180px;
        padding:5px;
        background-color:#fff;
        margin-left:-100%;  /* for liquid layout */
}

.link{
	background-color:#009;
	font-size:8pt;
	padding-bottom:2px;
}
.linktitle{
	padding:5px 7px 5px 7px;
}

.linkbody{
	text-align:left;
	margin:2px 7px 5px 7px;
	padding:1px 7px 1px 7px;
	background-color:#fff;
}

.link dt {
	border-top:red 2px solid;
	border-bottom:#5555DD 1px dotted;
	margin-top: 7px;
	margin-bottom:7px;
	padding-top:4px;
	padding-bottom:3px;
	font-size: 9pt;
	font-weight: bold;}
.link dd {margin-left:20px;}

blockquote.twitter-tweet {
	display:none;
}

.bottom {
	clear:left;
}


.daily {
	border-bottom:dotted 1px blue;
}
.dailydate {
	border-bottom:solid 1px black;
}



.tabarea {
	padding-bottom: 3px;
	display:none;
}

.tab {
	width:100%;
	height:25px;
	text-align:center;
	font-weight:bold;
	font-family:sans-serif;
}

.active {
	color:#fff;
	background-color: #00c;
	width: 120px;
	//border:solid 2px red;
	//border-bottom:solid 3px red;
	font-size:11pt;
}

.deactive {
	width:100px;
	background-color: #fff;
	border-top:solid 1px black;
	border-left:solid 1px black;
	border-bottom:solid 3px red;
	font-size:8pt;
}

.deactive a:link {color:#00c;}
.deactive a:visited {color:#00c;}
.deactive a:hover {color:#f00;}


.notab{
	border-bottom: 3px solid red ;
	border-left:solid 1px black;
}

.proc {
	border:2px solid #00c;
	float:left;
	width:370;
	margin-left:20px;
	margin-top:20px;
}

.switch {
	font-size:10pt;
	margin-bottom:-3px;
}

/*
.thumbnail {
  padding-left: 10px;
  position: absolute;
  visibility: hidden;
  z-index: 0;
  width: 141px;
}
*/

.pc .fmbhbanner {
  align:left;
  padding:0px 2px 0px 0px;
	width:155px;
	height:53px;
}

.jsandrss {
	background-color:#fff;
	margin-left:20px;
	font-size:10pt;
}

.jsandrss-c{
	margin-left:10px;
	border:1px dotted #f00;
	width:700px;
	padding:20px;
}

.jsandrss-l {
	float:left;
	border:1px solid #000;
	margin-right:20px;
}

.jsandrss-r {
	float:none;
}


.weather {background-color:white; border:solid 3px blue;text-align: center;padding:2px 5px 2px 5px;}
.weather td {font-size:10pt;font-weight: bold;}
.weather .normal {color:black;}
.weather .saturday {color:blue;}
.weather .sunday {color:red;}
.weather .tmpmax {color:red;}
.weather .tmpmin {color:blue;}

.topbanner {
	height:119px;
	background-image:url("0811/only3.jpg");
}


.rightsc {
	border-top:1px dotted black;
	margin-bottom:5px;
}

.red_rect {
	background-image: url(img/triangle_red.gif);
	background-repeat: no-repeat;
	background-position: left;
	font-size: 9pt;
	padding: 0px 0px 0px 10px;
}
.blue_rect {
	background-image: url(img/triangle_blue.gif);
	background-repeat: no-repeat;
	background-position: left;
	font-size: 9pt;
	padding: 0px 0px 0px 10px;
}
.red_up_rect {
	background-image: url(img/triangle_red_up.gif);
	background-repeat: no-repeat;
	background-position: left;
	font-size: 9pt;
	padding: 0px 0px 0px 10px;
}
.blue_up_rect {
	background-image: url(img/triangle_blue_up.gif);
	background-repeat: no-repeat;
	background-position: left;
	font-size: 9pt;
	padding: 0px 0px 0px 10px;
}
.headline-tr{
	width:100%;
	height:30px;
	margin-bottom:0px;
	background-image:url('../img/header-bg.png');
}
.headline-td{
	padding-top:8px;
	padding-bottom:0px;
}
.headline-contents{
	background-color:#fff;
	font-size:10pt;
	color:#00c;
	padding-left:5px;
	padding-right:5px;
}
.titlearea tr {
	margin-bottom:5px;
}
.titlearea td {
	padding-top:0px;
	padding-bottom:0px;
}
.gallery {
	background-color:#ffcc00;
	padding:3px;
	font-size:14px;
	text-align:left;
}
.gallery-header {
	background-color:#ffcc00;
	padding:5px;
}

.top-link-header {
	border:2px solid #0017C4;
	padding:3px;
	font-size:10pt;
	color:#0017C4;
	font-weight:bold;
	text-align: left;
}
.top-link {
	margin: 0 auto;
	/*width:300px;*/
	width:100%;
	table-layout: fixed;
	border: 1px solid white;
}
.top-link td {
	/*text-align:center;*/
	font-size:10pt;
	/*padding:3px 8px;*/
	border-radius: 5px;
}
.top-link td a{
	display:inline-block;
	padding:3px 8px;;
}
.top-link .description {
	font-size:8pt;
}
.top-link-official, .top-link-official a:link, .top-link-official a:hover, .top-link-official a:visited {
	/*color: #0000CC;*/
	/*background-color: #0000AA;*/
	background-color: #0000EE;
	text-decoration: none;
	color:white;
}
.top-link-other, .top-link-other a:link, .top-link-other a:hover, .top-link-other a:visited {
	/*color: #EB3324;*/
	/*background-color: #DD3324;*/
	background-color: #EB3324;
	text-decoration: none;
	color:white;
}
.top-link-official-text, .top-link-official-text a:link, .top-link-official-text a:hover, .top-link-official-text a:visited {
	color: #0000CC;
}
.top-link-other-text, .top-link-other-text a:link, .top-link-other-text a:hover, .top-link-other-text a:visited {
	color: #EB3324;
}
.right-contents {
	margin-bottom:8px;
}

.fmbh-header {
	margin-bottom:5px;
	padding-left:5px;
	/*height:85px;*/
}
a {
	text-decoration:none;
}


/*** トップへ戻るボタン float ***/
/*パソコン・スマホ共通のCSS*/
#PageTopBtn {
    position: fixed; /*ボタンの配置場所を固定*/
    bottom: -30px; /*下からのボタンの配置場所を指定*/
    right: 15px; /*右からのボタンの配置場所を指定*/
}
#PageTopBtn a {
    display: block; /*配置の調整*/
    text-decoration: none; /*文字の下線を消す*/
    color: #fff; /*文字の色*/
    background: #bbb; /*ボタンの背景色*/
    text-align: center; /*文字を中央に配置*/
    border-radius: 50%; /*ボタンの角を少し丸くする*/
    outline: none; /*クリックしたときの黒い枠を消す*/
}
#PageTopBtn a:hover {
    text-decoration: none;
    background: #777; /*マウスオーバー時の背景色*/
}
#PageTopBtn a:visited {
    background: #bbb;
}

/*パソコンで表示する場合のCSS*/
@media (min-width: 768px) {
  #PageTopBtn {
      font-size: 50px; /*文字のサイズ*/
  }
  #PageTopBtn a {
    width: 50px; /*ボタンの幅*/
    height: 50px; /*ボタンの高さ*/
    padding: 5px 5px; /*文字の配置場所の調整*/
  }
}

/*スマホで表示する場合のCSS*/
@media (max-width: 767px) {
  #PageTopBtn {
    font-size: 40px;
  }
  #PageTopBtn a {
    width: 40px;
    height: 40px;
    padding: 5px 5px;
  }
}

/*** SNS アイコン ***/
.fmbh-header .fa-facebook {
  color:#4167B2;
  font-size: 20px;
}
.fmbh-header .fa-twitter {
  color:#55acee;
  font-size: 20px;
}
.fmbh-header .fa-rss-square {
  color:#EB6E25;
  font-size: 20px;
}

/*** リンク集 ***/
.pc .links{
	width:160px;
	margin:10 0;
	padding:5px;
	list-style-type: none;
	border:1px solid #eee;
	text-align: left;
}
.pc .links a{
	text-decoration: none;
	color: #333;
}
.pc .links li {
	font-size:9.5pt;
	font-weight:700;
	padding: 5px 0px;
	/*width:40%*/
}
.pc .links li img {
	width:20px;
	vertical-align: text-bottom;
}
.pc .links_child{
	list-style-type: none;
	padding-top:5px;
	padding-left:8px;
	padding-right:3px;
}
.pc .links_child li{
	display:inline-block;
	font-size:8pt;
	padding:8px 8px;
	border:1px solid #aaa;
	margin-left:-1px;
	margin-top:-1px;
	font-weight:normal;
	width:85%;
}
.pc .links_child li img {
	width:15px;
	vertical-align: text-bottom;
}
.pc .new_batch{
	color: white;
	background-color:red;
	display:inline-block;
	border-radius:4px;
	font-size: 9px;
	position: relative;
	top: 0;
	left: -10;
	padding:0 2;
}
.pc .credit {
	text-align: center;
	position: relative;
	font-size: 16px;
	font-weight:normal;
	line-height: 22px;
	color: #333;
	margin-bottom: 16px;
}
.showmore_content   { position:relative; overflow:hidden; }
.showmore_trigger     { width:100%; height:20px; line-height:20px; cursor:pointer; }
.showmore_trigger span  { display:block; }
