@charset   "UTF-8";
/*
------------------------------------------

 【CSS編集 目次】

　(1) 文字のスタイル
　(2) ボタンのスタイル
　(3) エリアのスタイル
　(4) その他、拡張

  ※CSS編集で広告を修正しないでください
  （規約違反に該当する可能性があります）

------------------------------------------
*/



/*
＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊


　(1) 文字のスタイル


＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊
*/

/*
------------------------------------------
 (1-1) 全体の文字
------------------------------------------
*/


/* 通常文字 */

.skinTextColor,.skinBaseTextColor,.skinBlock,body {
  color: #5a5a5a;
}
/* リンク */

.skinAnchorColor,.skinBaseAnchorColor,.skinBlock a,a {
  color: #ff3366;
}
/* 訪問済のリンク */

.skinAnchorVisitedColor,.skinBaseAnchorVisitedColor,.skinBlock a:visited,a:visited {
  color: #fd5397;
}
/* マウスオーバーしたときのリンク */

.skinAnchorHoverColor,.skinBaseAnchorHoverColor,.skinBlock a:focus,.skinBlock a:hover,a:focus,a:hover {
  color: #ff3366;
  text-decoration: none;
}
/* 弱い文字 （日付など）*/

.skinWeakColor,.skinBaseWeakColor {
  color: #a8a8a8;
}
/* 強い文字 （NEW! 更新!など）*/

.skinStrongColor,.skinBaseStrongColor {
  color: #ff3399;
}
/*

*/
/*
------------------------------------------
 (1-2) ブログタイトル文字
------------------------------------------
*/


/* skinTitle ブログタイトル文字 */

.skinTitle,.skinTitle:visited,.skinTitle:hover,.skinTitle:focus {
  color: #333333;
  font-weight: bold;
  font-size: 2.11em;
}
/* skinDescription ブログの説明文字 */

.skinDescription {
  color: #5a5a5a;
}
/*

*/
/*
------------------------------------------
 (1-3) 記事
　　　 メッセージボード内の文字のスタイル
------------------------------------------
*/


/* skinArticleTitle 記事タイトル文字 */

.skinArticleTitle,.skinArticleTitle:hover,.skinArticleTitle:focus,.skinArticleTitle:visited {
  font-size: 1.31em;
  font-weight: bold;
  color: #ff3366;
}

/* 記事情報：長いテーマ名を折り返さず省略 */

.skin-entryThemes {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/*

*/
/*
------------------------------------------
 (1-4) サイドバー内の文字のスタイル
------------------------------------------
*/

/* skinMenuTitle サイドメニュータイトル文字 */

.skinMenuTitle {
  margin: 0;
  padding: 0;
}
/*

*/
/*
＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊


 (2) ボタンのスタイル
 ※ボタンの背景画像や文字の色などを指定


＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊
*/

/*
------------------------------------------
 (2-1) ボタン[横180px 縦35px]
------------------------------------------
*/

/* ボタンの背景画像 ※[横180px 縦35px]のボタンの背景画像を指定 */

.skinImgBtnM {
  background-image: url(http://rakko-si.net/rakko-si/img/skin_btn_m.png);
}
/* ボタンの文字色 */

.skinImgBtnM:hover span,.skinImgBtnM:focus span,.skinImgBtnM span {
  color: #5a5a5a;
}

.skinImgBtnM a:hover {
  color: #ffdfff;
}

/*

*/
/*
------------------------------------------
 (2-2) アイコン付きボタン[横128px 縦28px]
------------------------------------------
*/

/* アイコン付き ボタンの背景画像 ※[横128px 縦28px]のボタンの背景画像を指定 */
/*  background-image: url(http://rakko-si.net/rakko-si/img/skin_btn_s.png); */

.skinImgBtnS {
  background-image: url(http://rakko-si.net/rakko-si/img/skin_btn_s.png);
}

.skinImgBtnS:hover span,.skinImgBtnS:focus span,.skinImgBtnS span {
/*
 アイコン画像は下記から指定
 menu_icons_pastel.png (パステル）
 menu_icons_gray.png（グレー）
 menu_icons_black.png（黒）
 menu_icons_white.png（白）
元画像のパス↓
https://stat100.ameba.jp/common_style/img/skin/cmn/icons/menu_icons/menu_icons_gray.png
*/
  background-image: url(http://rakko-si.net/rakko-si/img/menu_icons_pink.png);
  color: #5a5a5a;
}


.skinImgBtnS a:hover {
  color: #ffdfff;
}
/*

*/
/*
------------------------------------------
 (2-3) ページ送りボタンの  << 次へ 、前へ >> 、
　　　「次の記事タイトル」 >> ボタン
------------------------------------------
*/

.skinSimpleBtn,.skinSimpleBtn:visited,.skinSimpleBtn:hover,.skinSimpleBtn:focus {
  border: 1px dotted #ff3399;
  background-color: #ffdfff;
  color: #ff3366;
}
/* ボタンにマウスオーバー */

.skinSimpleBtn:hover,.skinSimpleBtn:focus {
  background-color: #ff3366;
  color: #ffdfff;
}
/*

*/
/*
＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊


 (3) エリアのスタイル
 ※背景画像、サイズ、ボーダーなどを各部分ごとに指定


＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊
*/



/*
------------------------------------------
 (3-1) ボディ（全体）
------------------------------------------
*/


/* skinBody ボディ */

.skinBody {
  background: url(http://rakko-si.net//rakko-si/img/bg08.gif);
  background-repeat: repeat-x;
}

.skinBody2 {
/*  */
}

.skinBody3 {
/*  */
}
/*

*/
/*
------------------------------------------
 (1) ブログ背景変更
------------------------------------------
*/

/*ブログの背景にしたい画像を指定する */

/* skinBody ボディ */

.skinBody {
  background: url(http://rakko-si.net//rakko-si/img/bg08.gif);
  background-repeat: repeat-x;
}
/* ←ブログ全体に背景を敷きたいとき */

.skinBody2 {
/*  */
}

.skinBody3 {
/*  */
}
/*

*/
/*
------------------------------------------
 (2) ヘッダー画像の変更
------------------------------------------
*/

/* skinHeaderArea ブログヘッダー980pxエリア */

.skinHeaderArea {
  height: 300px;
  background-image: url(http://rakko-si.net/rakko-si/top/201708_top.jpg);
  background-repeat: no-repeat;
  background-position: center top;
}

.skinContentsArea {
  position: relative;
  padding-top: 40px;
}
/*ヘッダー上の隙間を詰める */

.skinFrame {
  padding-top: 30px;
}
/* タイトルと説明を囲うエリア */

.skinBlogHeadingGroupArea {
  padding: 0;
}
/* skinTitleArea ブログタイトルのエリア */

.skinTitleArea {
  padding: 0;
  text-indent: -9999px;
}

.skinTitle {
  display: block;
  height: 300px;
}
/* skinDescriptionArea ブログの説明エリア */

.skinDescriptionArea {
  display: none;
}
/*

*/
/*
------------------------------------------
 (3-1) グローバルナビゲーション
------------------------------------------
*/

/* skinFrame ブログ全体を囲うエリア */

.skinFrame {
/*  */
}
/* ヘッダーバナー含む */

.skinFrame2 {
  width: 980px;
  margin: auto;
}
/*ナビゲーションの基準点を置く*/


/* グローバルナビゲーション設定 */

#globalnavi {
  left: 15px;
  top: 10px;
  width: 950px;
  height: 40px;
  position: absolute;
  margin: 0;
  padding: 0;
}

#globalnavi ul.menu {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 950px;
  height: 40px;
}

#globalnavi ul.menu li {
  display: inline;
}

#globalnavi ul.menu li a {
  display: block;
  float: left;
  margin: 0;
  padding: 0;
  white-space: nowrap;
  overflow: hidden;
  text-align: center;
  text-indent: -9999px;
}

#Home a {
  width: 190px;
  height: 40px;
  background-image: url(http://rakko-si.net/rakko-si/img/globalnavi.jpg);
  background-repeat: no-repeat;
  background-position: 0 0;
}

#About a {
  width: 190px;
  height: 40px;
  background-image: url(http://rakko-si.net/rakko-si/img/globalnavi.jpg);
  background-repeat: no-repeat;
  background-position: -190px 0;
}

#Instagram a {
  width: 190px;
  height: 40px;
  background-image: url(http://rakko-si.net/rakko-si/img/globalnavi.jpg);
  background-repeat: no-repeat;
  background-position: -380px 0;
}

#Twitter a {
  width: 190px;
  height: 40px;
  background-image: url(http://rakko-si.net/rakko-si/img/globalnavi.jpg);
  background-repeat: no-repeat;
  background-position: -570px 0;
}

#BlueBird a {
  width: 190px;
  height: 40px;
  background-image: url(http://rakko-si.net/rakko-si/img/globalnavi.jpg);
  background-repeat: no-repeat;
  background-position: -760px 0;
}

#Home a:hover {
  width: 190px;
  height: 40px;
  background-image: url(http://rakko-si.net/rakko-si/img/globalnavi.jpg);
  background-repeat: no-repeat;
  background-position: 0 -40px;
}

#About a:hover {
  width: 190px;
  height: 40px;
  background-image: url(http://rakko-si.net/rakko-si/img/globalnavi.jpg);
  background-repeat: no-repeat;
  background-position: -190px -40px;
}

#Instagram a:hover {
  width: 190px;
  height: 40px;
  background-image: url(http://rakko-si.net/rakko-si/img/globalnavi.jpg);
  background-repeat: no-repeat;
  background-position: -380px -40px;
}

#Twitter a:hover {
  width: 190px;
  height: 40px;
  background-image: url(http://rakko-si.net/rakko-si/img/globalnavi.jpg);
  background-repeat: no-repeat;
  background-position: -570px -40px;
}

#BlueBird a:hover {
  width: 190px;
  height: 40px;
  background-image: url(http://rakko-si.net/rakko-si/img/globalnavi.jpg);
  background-repeat: no-repeat;
  background-position: -760px -40px;
}


/*

*/
/*
------------------------------------------
 (3-3) コンテンツエリア
------------------------------------------
*/


 /* 記事 見出し大 h2*/
.skin-entryBody h2{
  font-size: 18px;
  border: 1px solid;
  border-color: #40e0d0;
  padding-left: 20px;
  padding-top: 12px;
  padding-bottom: 12px;
  margin-bottom: 18px;
}
 
 /* 記事 見出し中 h3*/
.skin-entryBody h3{
  font-size: 18px;
  border-left: 1px solid;
  border-color: #48d1cc;
  padding-left: 20px;
  padding-top: 12px;
  padding-bottom: 12px;
}
 
 /* 記事 見出し小 h4 */
 .skin-entryBody h4{
  font-size: 18px;
  border-bottom: 1px dotted;
  border-color: #00ced1;
  padding-left: 20px;
  padding-bottom: 12px;
}


/*

*/
/*
------------------------------------------
 (3-3) コンテンツエリア
------------------------------------------
*/


/* skinContentsArea コンテンツ980pxエリア */

.skinContentsArea {
  padding-top: 40px; /* ボタン設置用スペース */
}
/*

*/
/*
------------------------------------------
 (3-4) メインエリア
------------------------------------------
*/

.skinMainArea {
  margin: 30px 0;
}
/*

*/
/*
------------------------------------------
 (3-5) メッセージボード
------------------------------------------
*/

.skinMessageBoard {
/* 注 ベースのcssに margin-bottom の記述有り */
  border: 1px dotted #ff3399;
  background-image: url(http://rakko-si.net/rakko-si/img/bg00.gif);
  background-repeat: repeat;/* ←メッセージボードに背景を敷きたいとき */
}

.skinMessageBoard2 {
/*  */
}

.skinMessageBoard3 {
  padding: 16px 30px;
}
/*

*/
/*
------------------------------------------
 (3-6) 記事
------------------------------------------
*/

/* skinArticle 記事エリア */

.skinArticle {
/* 注　ベースのcssに margin-bottom の記述有り */
  padding: 0px;
  border: none;
  background: #ffffff;/* ←記事に背景を敷きたいとき */
}

.skinArticle2 {
/*  */
}

.skinArticle3 {
/*  */
}
/*

*/
/* skinArticleHeader 記事タイトルエリア */

.skinArticleHeader {
  margin: 0px;
  padding: 5px;
  border-left-style: none;
  background: url(http://rakko-si.net/rakko-si/img/h1.png) repeat-y;
}

.skinArticleHeader h1{
  padding-top:2px;
  padding-left:20px;
}

.skinArticleHeader2 {
/*  */
}


/* skinArticleBody 記事本文エリア */

.skinArticleBody {
  margin: 5px;
  border: 1px dotted #ffdfff;
}

.skinArticleBody2 {
  margin: 10px;
}


/* skinArticleFooter 記事フッターエリア */

.skinArticleFooter {
  margin: 10px 29px 0;
  border-top: 1px dotted #ffdfff;
}
/*

*/
/*
------------------------------------------
 (3-7) サイドバーエリア
------------------------------------------
*/

/* サイドバーエリア共通 */

.skinSubArea {
  margin-top: 30px;
  border: 3px double #ff809f;
}
/* 300pxのサイドバーエリア */

.skinSubA {
/*  */
}
/* 180pxのサイドバーエリア */

.skinSubB {
/*  */
}

.skinSubArea a:hover {
  background-color: #ff3366;
  color: #ffdfff;
}

/*

*/
/* 
------------------------------------------
(3-8) サイドバー　メニュー
------------------------------------------
*/


/* skinMenu サイドバー　メニューのエリア */

.skinMenu {
/* 注　ベースのcssに margin-bottom の記述有り */
  background: none;
}

.skinMenu2 {
/*  */
}
/* skinMenuHeader サイドメニュータイトルエリア */

.skinMenuHeader {
  padding: 0;
  margin: 0;
  margin-top: 3px;
  width: 300px;
  height: 40px;
  display: block;
  background-position: center top;
  background-repeat: no-repeat;
  background-color: #ffffff;
  text-indent: -9999px;
}


/*

*/
/* 
------------------------------------------
(3-8-1) サイドバー　メニュー画像
------------------------------------------
*/
/*テーマ　タイトル　背景の設定*/
/*
プロフィール：.profileMenu 
読者一覧：.readerMenu 
最近の記事一覧：.recentEntriesMenu 
テーマ一覧：.themeMenu 
カレンダー：.calendarMenu 
月別：.archiveMenu 
お気に入りブログ：.favoriteMenu 
ランキング：.rankingMenu 
ブックマーク：.bookmarkMenu 
最近のコメント：.recentCommentMenu
*/

.profileMenu .skinMenuHeader {
  background-image: url(http://rakko-si.net/rakko-si/img/profile.png);
}

.readerMenu .skinMenuHeader {
  background-image: url(http://rakko-si.net/rakko-si/img/readermenu.png);
}

.recentEntriesMenu .skinMenuHeader {
  background-image: url(http://rakko-si.net/rakko-si/img/recententriesmenu.png);
}

.themeMenu .skinMenuHeader {
  background-image: url(http://rakko-si.net/rakko-si/img/categories.png);
}

.archiveMenu .skinMenuHeader {
  background-image: url(http://rakko-si.net/rakko-si/img/monthlyarchive.png);
}

.favoriteMenu .skinMenuHeader {
  background-image: url(http://rakko-si.net/rakko-si/img/activityreport.png);
}

.bookmarkMenu .skinMenuHeader {
  background-image: url(http://rakko-si.net/rakko-si/img/bookmark.png);
}

.subAdBannerHeader {
  background-image: url(http://rakko-si.net/rakko-si/img/advertisement.png);
  width: 300px;
  height: 40px;
  display: block;
  background-position: center top;
  background-repeat: no-repeat;
  background-color: #ffffff;
  text-indent: -9999px;
}

.subAdBannerArea subModule{
  text-indent: -9999px;
}


/* サイドメニューのカテゴリテーマ */

.themeMenu li {
  margin-left: 4px;
}

.themeMenu li.categorytitle {
  margin-left: 5px;
  padding-top: 10px;
  padding-left: 10px;
}
/* skinMenuBody サイドメニュー本文エリア */

.skinMenuBody {
  margin: 3px 5px;
  padding: 0 5px;
  padding-left: 10px;
}
/*

*/
/*
------------------------------------------
 (3-9) サイドバーの　リスト画像、ボーダー
　※要素のbottomに指定すること
------------------------------------------
*/

.skinSubHr,.skinSubList li {
  margin-bottom: 5px;
  padding-bottom: 3px;
  border-bottom: 1px dotted #ff809f;
}
/*

*/
/*
------------------------------------------
 (3-10) コメント欄、記事一覧などの一覧
------------------------------------------
*/


/* 背景色 */

.skinBgColor,.skinBaseBgColor,.skinBlock {
  background-color: #ffffff;
}
/* 弱い背景色 */

.skinWeakBgColor,.skinBaseWeakBgColor {
  background-color: #ffdfff;
}
/* 強い背景色 */

.skinStrongBgColor,.skinBaseStrongBgColor {
  background-color: #ffdfff;
}
/* 枠線の色 */

.skinBorderColor,.skinBaseBorderColor,.skinBlock {
  border-color: #fd5397;
}
/* 境界線の色 */

.skinBorderHr,.skinBorderList li {
  border-color: #fd5397;
}
/*

*/
/*
＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊


 (4) その他、拡張


＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊
*/


/*
------------------------------------------
 (4-1) 全体
------------------------------------------
*/

/* 全体 */

* {
  font-family: "Osaka","Verdana","Chicago","Arial","メイリオ",Meiryo,Sans-serif;
  line-height: 130%;
}

P {
  line-height: 150%;
}
/*
------------------------------------------
 (4-2) 記事カテゴリ　テーマ毎の装飾
------------------------------------------
*/

/* 大テーマ：強調 */

li.themeNumber10009271344,li.themeNumber10103623583,li.themeNumber10103603404,li.themeNumber10011369624,li.themeNumber10103623676,li.themeNumber10103623678,li.themeNumber10103623693,li.themeNumber10013271101,li.themeNumber10026760483,li.themeNumber10009524326,li.themeNumber10008884704 {
  background-image: url(http://rakko-si.net/rakko-si/img/skinmenu_arrow01.gif);
  background-repeat: no-repeat;
  background-position: 4px;
  margin-top: 10px;
  padding-top: 3px;
  padding-left: 15px;
  font-size: 1.05em;
}

li.themeNumber10009271344 a:hover,li.themeNumber10103623583 a:hover,li.themeNumber10103603404 a:hover,li.themeNumber10011369624 a:hover,li.themeNumber10103623676 a:hover,li.themeNumber10103623678 a:hover,li.themeNumber10103623693 a:hover,li.themeNumber10013271101 a:hover,li.themeNumber10026760483 a:hover,li.themeNumber10009524326 a:hover,li.themeNumber10008884704 a:hover {
  background-color: #ff3366;
  color: #ffdfff;
}
/* 小テーマ：通常 ┣*/

li.themeNumber10013987219,li.themeNumber10008657751,li.themeNumber10008979062,li.themeNumber10008657747,li.themeNumber10008978966,li.themeNumber10008978949,li.themeNumber10008978986,li.themeNumber10009524083,li.themeNumber10009912425,li.themeNumber10009556732,li.themeNumber10095805090,li.themeNumber10026760167,li.themeNumber10095805102,li.themeNumber10026760205,li.themeNumber10026760262,li.themeNumber10028300794,li.themeNumber10012416109 {
  background-image: url(http://rakko-si.net/rakko-si/img/skinmenu_arrow02.gif);
  background-repeat: no-repeat;
  background-position: 6px 2px;
  padding-left: 20px;
}

li.themeNumber10013987219 a:hover,li.themeNumber10008657751 a:hover,li.themeNumber10008979062 a:hover,li.themeNumber10008657747 a:hover,li.themeNumber10008978966 a:hover,li.themeNumber10008978949 a:hover,li.themeNumber10008978986 a:hover,li.themeNumber10009524083 a:hover,li.themeNumber10009912425 a:hover,li.themeNumber10009556732 a:hover,li.themeNumber10095805090 a:hover,li.themeNumber10026760167 a:hover,li.themeNumber10095805102 a:hover,li.themeNumber10026760205 a:hover,li.themeNumber10026760262 a:hover,li.themeNumber10028300794 a:hover,li.themeNumber10012416109 a:hover {
  background-color: #ff3366;
  color: #ffdfff;
}
/* 小テーマ：通常 ┗*/

li.themeNumber10103623599,li.themeNumber10013290190,li.themeNumber10026760235,li.themeNumber10020442826,li.themeNumber10012067085,li.themeNumber10008656245,li.themeNumber10008912684,li.themeNumber10014728376 {
  background-image: url(http://rakko-si.net/rakko-si/img/skinmenu_arrow03.gif);
  background-repeat: no-repeat;
  background-position: 6px 2px;
  padding-left: 20px;
}

li.themeNumber10103623599 a:hover,li.themeNumber10013290190 a:hover,li.themeNumber10026760235 a:hover,li.themeNumber10020442826 a:hover,li.themeNumber10012067085 a:hover,li.themeNumber10008656245 a:hover,li.themeNumber10008912684 a:hover,li.themeNumber10014728376 a:hover {
  background-color: #ff3366;
  color: #ffdfff;
}
/*
------------------------------------------
 (4-3) 記事情報：日付・テーマを右寄せで表示
------------------------------------------
*/

.articleTime {
  margin: 18px 10px 0px;
  float: right;
}

.articleTheme {
  margin: 0px 10px 5px;
}