@charset "UTF-8";


/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
ブログ
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

/*-------------------------------------------------------------
ヘッダーパーツ
-------------------------------------------------------------*/
#extMdlBlogMngrHeaderDummy { width: 100%; overflow: hidden; position: relative; }
#extMdlBlogMngrHeaderDummy h3 { margin: 0; position: absolute; white-space: nowrap; line-height: normal; }
#extMdlBlogMngrHeaderDummy h3 a { text-decoration: none !important; }
#coverArea h3 { margin: 0; position: absolute; white-space: nowrap; line-height: normal; }
#extHeaderEditInner h3 a { text-decoration: none !important; }
#extHeaderEditInner h3 a:hover { text-decoration: none !important; }
@media screen and (min-width: 521px) and (max-width: 960px) {
  #extHeaderEdit #extHeaderEditInner { transform: scale(45%); transform-origin: left; }
}

/*-------------------------------------------------------------
記事
-------------------------------------------------------------*/
.layoutA { margin: 0; }
.layoutA span.image { float: left; margin: 0 1em 0.5em 0; }
.layoutB { margin: 0; }
.layoutB span.image { float: right; margin: 0 0 0.5em 1em; }
.layoutC { margin: 0; text-align: left; }
.layoutC span.image { float: none; margin: 0 auto; padding: 0 0 1em 0; }
.layoutC span { text-align: left; }
.layoutD { margin: 0; text-align: left; }
.layoutD span.image { float: none; margin: 0 auto; padding: 1em 0 0 0; }
.layoutD span { text-align: left; }
em.imgCap { margin: 0.5em 0 0 0; font-style: normal; font-weight: bold; line-height: normal; font-size: 0.8em; display: block; text-align: center; }

/*画像サイズ*/
.bImgSizeS { width: 25%; } /*小*/
.bImgSizeM { width: 45%; } /*中*/
.bImgSizeL { width: 70%; } /*大*/
.bImgSizeLL { width: 100%; } /*最大*/

span.image { display: block; text-align: center; }
span.image img { width: 100%; border: none; }
.layoutA span.bImgSizeLL { margin-right: 0 !important; }
.layoutB span.bImgSizeLL { margin-left: 0 !important; }

/*entry*/
.entry { width: 100%; padding: 0 !important; margin: 40px 0 !important; }
.entry:first-of-type { margin-top: 0 !important; }
.entryInner {}

/*日付*/
.entryHeader { padding-bottom: 3px; border-bottom-style: dotted; border-bottom-width: 1px; }
.date { font-size: 1.4rem; }

/*記事タイトル*/
.entry h3 { font-size: 1.6rem; line-height: 1.5; font-weight: bold; padding: 0 0 8px 0; }
.entry h3 span { padding-left: 5px; }
.contents {}
.contentInner { clear: both; margin: 0 0 1em 0; }
.contentInner p { line-height: 1.6em; margin: 0;}
.contentInner:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.entry p {}
.entry .allView { clear: both; margin: 0; padding-top: 0; text-align: right; }
.entry .posted { clear: both; margin: 0; padding: 8px 0 4px 0; font-size: 1.2rem; }
.entry .trackbackUrl { margin-top: 6px; padding-top: 10px; font-size: 1.2rem; border-top-style: dotted; border-top-width: 1px; }
.entry .trackbackUrl input { width: 50%; cursor: text; font-size: 1.2rem; }

/*entryOption*/
.entryOption { margin: 0 0 30px 0; width: 100%; }
.entryOptionHeader { margin: 16px 0 0 0; width: 100%; }
.entryOptionHeader h4 { font-size: 14px; font-weight: bold; padding: 4px 8px; margin: 20px 0; }
.entryOptionHeader h4 span { }
.entryOptionHeader p { margin: 10px 0; }
ul.entryOptionEntry { margin: 0; padding: 0; width: 100%; list-style-type: none; list-style-position: outside; }
ul.entryOptionEntry li { margin: 24px 8px; padding: 0; width: 100%; }
ul.entryOptionEntry li h6 { margin: 0 0 5px 0; font-size: 1.1em; }
ul.entryOptionEntry li p { margin: 0; padding: 0 	20px 0 0; word-break:break-word; }
.entryOption .posted { margin-top: 4px; margin-right: 20px; padding-top: 4px; font-size: 1.2rem; border-top-style: dotted; border-top-width: 1px; }

/*form*/
.entryOptionEntry table { margin: 0 0 15px 0; width: 100%; font-size: 1.6rem; }
.entryOptionEntry th { padding: 4px 0 15px 0; width: 10em; text-align: left; vertical-align: top; font-weight: normal; }
.entryOptionEntry td { padding: 0 0 15px 0; }
.entryOptionEntry td input { width: 70%; cursor: text; }
.entryOptionEntry td textarea { width: 97%; height: 10em; font-size: 100%; }
.entryOptionEntry .btnArea { text-align: center; }
.entryOptionEntry .btnArea input { margin-right: 0.5em; font-size: 1.6rem; }
.entryOptionEntry .btnArea input#BTNconfirm { padding: 16px; margin-bottom: 8px; line-height: 1; min-width: 250px; height: 56px; border-radius: 3px; color: #FFF; border: 1px solid #345064; box-sizing: border-box; background-color: #345064; transition: opacity ease 0.3s; }
.entryOptionEntry .btnArea input#BTNconfirm:hover { opacity: 0.7; }
.entryOptionEntry .btnArea input#BTNback { padding: 16px; margin-bottom: 8px; line-height: 1; min-width: 250px; height: 56px; border-radius: 3px; color: #000; border: 1px solid #767676; box-sizing: border-box; background-color: #FFF; transition: opacity ease 0.3s; }
.entryOptionEntry .btnArea input#BTNback:hover { opacity: 0.7; }
.entryOptionEntry .btnArea input#BTNsend { padding: 16px; margin-bottom: 8px; line-height: 1; min-width: 250px; height: 56px; border-radius: 3px; color: #FFF; border: 1px solid #345064; box-sizing: border-box; background-color: #345064; transition: opacity ease 0.3s; }
.entryOptionEntry .btnArea input#BTNsend:hover { opacity: 0.7; }
@media screen and (max-width: 520px) {
  .entryOptionEntry th { display: block; width: 100%; padding: 4px 0 4px 0; }
  .entryOptionEntry td { display: block; width: 100%; }
  .entryOptionEntry .btnArea input#BTNconfirm { margin-bottom: 8px; line-height: 1; width: 100%; }
  .entryOptionEntry .btnArea input#BTNback { margin-bottom: 8px; line-height: 1; width: 100%; }
  .entryOptionEntry .btnArea input#BTNsend { margin-bottom: 8px; line-height: 1; width: 100%; }
}
@media screen and (min-width: 521px) and (max-width: 960px) {
  .entryOptionEntry th { display: block; width: 100%; padding: 4px 0 4px 0; }
  .entryOptionEntry td { display: block; width: 100%; }
}

/*コメントを投稿*/
#commentFormHidden { margin: 10px 10px 10px 10px; }
#commentFormHidden dd textarea { width: 100%; }

/*ページング*/
.topPager { text-align: center; padding: 10px 10px 0 10px; }
@media screen and (max-width: 520px) {
  .topPager { padding: 10px 0 0 0; font-size: 1.3rem; font-feature-settings: "palt" 1; }
}
@media screen and (min-width: 521px) and (max-width: 960px) {
  .topPager { padding: 10px 0 0 0; font-size: 1.4rem; font-feature-settings: "palt" 1; }
}

/*トラックバック*/
#trackback { }

/*コメント*/
#comment { }

/*コメント入力フォーム*/
#commentForm { }

/*###スマホ用###*/
/*ページャー*/
.topPager-top { padding: 5px 2px 13px 2px; font-size: 1.0em; }
.topPager-top a { padding: 5px 9px; margin: 0 2px; display: inline; line-height: 1.0em; text-decoration: none !important; }
.topPager-top b { padding: 5px 9px; margin: 0 2px; display: inline; line-height: 1.0em; }
.topPager-top a:hover { text-decoration: none !important; }
.topPager-bottom { padding: 13px 2px 5px 2px; font-size: 1.0em; }
.topPager-bottom a { padding: 5px 9px; margin: 0 2px; display: inline; line-height: 1.0em; text-decoration: none !important;}
.topPager-bottom b { padding: 5px 9px; margin: 0 2px; display: inline; line-height: 1.0em; }
.topPager-bottom a:hover { text-decoration: none !important; }
#pager-top a { padding: 0; margin: 0; display: inline; background: none; line-height: 1.4em; }
#pager-bottom a { padding: 0; margin: 0; display: inline; background: none; line-height: 1.4em; }

/*記事一覧*/
.entry-top { padding: 0; }
.entry-top .entryInner { padding: 0; }
.entry-top .entryInner a { display: block; padding: 15px 5px; background: url(../admin/common-img/sp_gnavi_arrow.png) no-repeat 98% 48%; }
.entry-top h3 { margin: 0; padding: 0; }
.entry-top h3 span { padding-left: 0; }
.entry-top .entryInner a, .entry-top .entryInner a:hover { text-decoration: none; }
.entry-top .entryInner a span, .entry-top .entryInner a:hover span { border: none; }

/*記事詳細*/
.entry { margin: 10px 0; padding: 0 10px; width: auto; border-bottom: 1px solid #D1D1D1; }
.entry h3 span { padding-left: 0; }

/*コメントを見る・コメントを書くボタン*/
#comment { margin-top: 10px; }/*コメントを見るボタン*/
.entryOption { margin: 0; width: auto; }
.entryOption h4 { margin: 0; background: none; }
.entryOption h4 a { cursor: pointer; display: block; padding: 10px; text-align: center; font-weight: normal; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; text-decoration: none; }

#bBlogArchiveSp { margin: 10px 0; width: auto; padding: 0; }
#bBlogArchiveSp .menuFrame { text-align: center; }
#bBlogArchiveSp select { color: #000; font-size: 1.2em; padding: 0; }
#bBlogCategorySp { margin: 10px 0; width: auto; padding: 0; text-align: center; }
#bBlogCategorySp .menuFrame { text-align: center; }
#bBlogCategorySp select { color: #000; font-size: 1.2em; padding: 0; }

.entryHeader { border : none; }


/*-------------------------------------------------------------
リスト（最近の記事・アーカイブ・カテゴリ・リンク）
-------------------------------------------------------------*/

#bBlogNewArticle,
#bBlogArchive,
#bBlogCategory,
#bBlogLink { width: 100%; }
.sideMenu { padding: 16px; }
h4.menuTitle { padding: 0 0 8px 0; margin: 0; font-size: 1.6rem; font-weight: bold; text-align: left; line-height: 1.5; }
h4.menuTitle span { padding-left: 5px; }
.menuFrame { padding: 0 0 0 0; text-align: left; }
.menuFrame ul { margin: 0; padding: 0 0 0 20px; list-style-position: outside; }
.menuFrame li { margin: 0; padding: 0 0 4px 0; }
.menuFrame li a { }


/*-------------------------------------------------------------
プロフィール
-------------------------------------------------------------*/

#bBlogProfile { width: 100%; text-align: center; }
#bBlogProfile .menuTitle { text-align: left; }
#bBlogProfile .profilePic { margin: 0 auto; width: 100%; text-align: center; }
#bBlogProfile .profilePic img { width: 100%; }
p.nickname { font-weight: bold; padding: 8px 0 0 0; }
#bBlogProfile p { margin: 0; text-align: left; }


/*-------------------------------------------------------------
カレンダー
-------------------------------------------------------------*/

#bBlogCalendar { width: 100%; }
#bBlogCalendar caption.calendarhead { height: 2.5em; font-size: 12px; font-weight: bold; }
#bBlogCalendar caption a { font-weight: normal; font-size: 10px; }
.lastMonth { float: left; width: 3.5em; height: 1em; display: block; }
.nextMonth { float: right; width: 3.5em; height: 1em; display: block; }
.calendarday { display: block; line-height: 1; }
#bBlogCalendar table { margin: 0 auto; width: 100%;  font-size: 10px; font-family: Verdana, Geneva, sans-serif; }
#bBlogCalendar th { padding: 3px 0; width: 14%; line-height: 1em; text-align: center; }
#bBlogCalendar th.sun { width: 15%; }
#bBlogCalendar th.sat { width: 15%; }
#bBlogCalendar td { line-height: 1.5em; height: 1.5em; text-align: center; }
#bBlogCalendar td a { display: block; text-decoration: underline; }
#bBlogCalendar td a:hover { }
#bBlogCalendar td.today { font-weight: bold; }

/*
@media screen and (min-width: 521px) and (max-width: 960px) {
  #bBlogCalendar .calendarhead { height: auto; line-height: 1; }
  .lastMonth { order: 2; }
  .nextMonth { order: 3; text-align: right; }
  .calendarday { order: 1; flex: 0 0 100%; padding-bottom: 4px; text-align: center; }
}
*/

/*元のCSS
#bBlogCalendar { width: 100%; }
#bBlogCalendar caption.calendarhead { height: 1.8em; font-size: 12px; font-weight: bold; }
#bBlogCalendar caption a { font-weight: normal; font-size: 10px; }
.lastMonth { float: left; width: 3.5em; height: 1em; display: block; }
.nextMonth { float: right; width: 3.5em; height: 1em; display: block; }
#bBlogCalendar table { margin: 0 auto; width: 100%;  font-size: 10px; font-family: Verdana, Geneva, sans-serif; }
#bBlogCalendar th { padding: 3px 0; width: 14%; line-height: 1em; text-align: center; }
#bBlogCalendar th.sun { width: 15%; }
#bBlogCalendar th.sat { width: 15%; }
#bBlogCalendar td { line-height: 1.5em; height: 1.5em; text-align: center; }
#bBlogCalendar td a { display: block; text-decoration: underline; }
#bBlogCalendar td a:hover { }
#bBlogCalendar td.today { font-weight: bold; }*/



/*-------------------------------------------------------------
検索
-------------------------------------------------------------*/
#bBlogSearch { width: 100%; }
#bBlogSearch form { margin: 0; padding: 0; }
#bBlogSearch .searchBox { width: 100%; }
#bBlogSearch .searchBox input { width: 100%; }
#bBlogSearch .searchBtn { margin-top: 2px; width: 5em; }


/*-------------------------------------------------------------
RSSリーダー
-------------------------------------------------------------*/

#bBlogRss { width: 100%; }
#bBlogRss p { margin: 0; font-size: 0.8em; font-family: Verdana, Geneva, sans-serif; }
#bBlogRss p a { padding: 0 15px 0 0; background: url(../units/extMdlBlogMngrRssReader/images/ico_rss.gif) no-repeat right; }


/*-------------------------------------------------------------
エラー
-------------------------------------------------------------*/

/*入力エラー*/
p.errBox { margin: 0 0 10px 0; padding: 5px; background: #F2C0C0; color: #EA4333; }

/*検索結果なし*/
p.pUndefined { margin: 0 0 10px 0; padding: 5px; text-align: center; }






/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
FONT（フォント設定）
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

.fStyle01 { font-family: 'ゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Mayryo','ＭＳ Ｐゴシック','MS PGothic',sans-serif; } /*ゴシック*/
.fStyle02 { font-family: "明朝","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ＭＳ Ｐ明朝","MS PMincho",serif; } /*明朝*/
.fStyle03 { font-family: Arial,Helvetica,sans-serif; } /*Arial*/
.fStyle04 { font-family: "Courier New",Courier,monospace; } /*Courier New*/
.fStyle05 { font-family: Georgia,"Times New Roman",Times,serif; } /*Georgia*/
.fStyle06 { font-family: Helvetica,Arial,sans-serif; } /*Helvetica*/
.fStyle07 { font-family: "Lucida Grande",Geneva,Arial,Verdana,sans-serif; } /*Lucida Grande*/
.fStyle08 { font-family: "Times New Roman",Times,serif; } /*Times New Roman*/
.fStyle09 { font-family: "Trebuchet MS",Verdana,sans-serif; } /*Trebuchet MS*/
.fStyle10 { font-family: Verdana,Arial,Helvetica,sans-serif; } /*Verdana*/
.fNormal { font-weight: normal; } /*normal*/
.fBold { font-weight: bold; } /*bold*/
.fItalic { font-weight: normal; font-style:italic; } /*italic*/
.fBItalic{ font-weight: bold; font-style:italic; } /*bold+italic*/