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

 【CSS編集 目次】

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

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

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



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


　(1) 文字のスタイル


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



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


/* 通常文字 */
.skinTextColor,.skinBaseTextColor,.skinBlock,body{
color:#000000;
}


/* リンク */
.skinAnchorColor,.skinBaseAnchorColor,.skinBlock a,a{
color:#3580b9;
text-decoration: none;
}


/* 訪問済のリンク */
.skinAnchorVisitedColor,.skinBaseAnchorVisitedColor,.skinBlock a:visited,a:visited{
color:#5984a5;
}


/* マウスオーバーしたときのリンク */
.skinAnchorHoverColor,.skinBaseAnchorHoverColor,.skinBlock a:focus,.skinBlock a:hover,a:focus,a:hover{
	color:#3e9ce4;
	text-decoration: underline;
}


/* 弱い文字 （日付など）*/
.skinWeakColor,.skinBaseWeakColor{
color:#6c6c6c;
}


/* 強い文字 （NEW! 更新!など）*/
.skinStrongColor,.skinBaseStrongColor{
color:#c63454;
}



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


/* skinTitle ブログタイトル文字 */
.skinTitle,.skinTitle:visited,.skinTitle:hover,.skinTitle:focus{
color:#000000;
font-weight:bold;
font-size:2.11em;
}
.skinBlogHeadingGroupArea a {
	display: block;
	width: 500px;
	height: 250px;
	text-indent: -9999px;
}



/* skinDescription ブログの説明文字 */
.skinDescription{
color:#333333;
}



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

/* skinArticleTitle 記事タイトル文字 */
.skinArticleTitle,.skinArticleTitle:hover,.skinArticleTitle:focus,.skinArticleTitle:visited{
font-size:24px;
font-weight:bold;
color:#f07886;
}



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

/* skinMenuTitle サイドメニュータイトル文字 */
.skinMenuTitle{
	color: #c63454;
	font-weight: bold;
	font-size: 16px;
}






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


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


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


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


/* ボタンの背景画像 ※[横180px 縦35px]のボタンの背景画像を指定 */
.skinImgBtnM{
background-image:url(//stat100.ameba.jp/p_skin/wu_pf_cssedit/img/skin_btn_m.png);
}


/* ボタンの文字色 */
.skinImgBtnM:hover span,.skinImgBtnM:focus span,.skinImgBtnM span{
color:#333333 !important;
}




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


/* アイコン付き ボタンの背景画像 ※[横128px 縦28px]のボタンの背景画像を指定 */
.skinImgBtnS{
background: #6acaa8;
border-radius: 5px;
-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 5px;   /* Firefox用 */ 
}
.skinImgBtnS:hover {
background: #51e2af;
}


.skinImgBtnS:hover span,.skinImgBtnS:focus span,.skinImgBtnS span{
/*
 アイコン画像は下記から指定
 menu_icons_pastel.png (パステル）
 menu_icons_gray.png（グレー）
 menu_icons_black.png（黒）
 menu_icons_white.png（白）
*/
background-image:url(//stat100.ameba.jp/common_style/img/skin/cmn/icons/menu_icons/menu_icons_pastel.png);
color:#FFF !important;/* ←ボタンの文字色 */
}




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


.skinSimpleBtn,.skinSimpleBtn:visited,.skinSimpleBtn:hover,.skinSimpleBtn:focus{
border:none;
background:#e8b0bd;
color:#FFF !important;
}


/* ボタンにマウスオーバー */
.skinSimpleBtn:hover,.skinSimpleBtn:focus{
background:#f2a4b5;
}





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


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


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



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


/* skinBody ボディ */
.skinBody{
	background: url(//stat.ameba.jp/user_images/20140410/22/ud-ikuji/28/23/g/o0054005112904681497.gif);
}/* ←ブログ全体に背景を敷きたいとき */
.skinBody2{}
.skinBody3{}

/* 上部余白消去 */
.skinFrame {
padding-top: 0px;
}




/* (3-2) ブログヘッダー
--------------------------------------------*/
header {
	background: url(https://stat.blogskin.ameba.jp/blogskin_images/20171212/15/8a/0f/p/o11300400ud-ikuji1513060707473.png) no-repeat bottom center #fffdf2;
	height: 400px;
}

/* skinHeaderArea ブログヘッダー980pxエリア */
.skinHeaderArea{
/* ←ブログヘッダーに背景画像を敷きたいとき */
}

/* skinBlogHeadingGroupArea タイトルと説明を囲うエリア */
.skinBlogHeadingGroupArea{
}


/* skinTitleArea ブログタイトルのエリア */
.skinTitleArea{
padding-bottom:4px;
}


/* skinDescriptionArea ブログの説明エリア */
.skinDescriptionArea{
	display: none;
}





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


/* skinContentsArea コンテンツ980pxエリア */
.skinContentsArea{
	background: url(//stat.ameba.jp/user_images/20140409/13/1d/f4/g/o0054005112903212127.gif);
/* 注 ベースのcssにwidth:980px;の記述有り */
}




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


.skinMainArea{}




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


.skinMessageBoard{
/* 注 ベースのcssに margin-bottom の記述有り */
border: none;
background:url(//stat.ameba.jp/user_images/20140410/22/ud-ikuji/e0/d7/p/o0470027312904683431.png);/* ←メッセージボードに背景を敷きたいとき */
height: 273px;
}
.skinMessageBoard2{}
.skinMessageBoard3{
padding: 40px;
text-align: center;
color: #866d70;
}
.arrow {
	background: url(//stat.ameba.jp/user_images/20140410/22/ud-ikuji/57/36/g/o0006000812904683429.gif) no-repeat left;
	padding-left: 10px;
}




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

/* skinArticle 記事エリア */
.skinArticle{
/* 注　ベースのcssに margin-bottom の記述有り */
padding: 20px;
border: none;
background: rgba(255,255,255,.5);/* ←記事に背景を敷きたいとき */
border-radius: 10px;  
-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 10px;   /* Firefox用 */ 
}
.skinArticle2{}
.skinArticle3{}


/* skinArticleHeader 記事タイトルエリア */
.skinArticleHeader{
margin:0 0 20px;
border: none;
}
.skinArticleHeader2{}


/* skinArticleBody 記事本文エリア */
.skinArticleBody{}
.skinArticleBody2{
margin:0 29px;
}


/* skinArticleFooter 記事フッターエリア */
.skinArticleFooter{
margin: 10px 29px 0;
border-top: 1px solid #fed0d0;
}





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


.skinSubArea{
	background: none;
} /* サイドバーエリア共通 */
.skinSubA{} /* 300pxのサイドバーエリア */
.skinSubB{} /* 180pxのサイドバーエリア */





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


/* skinMenu サイドバー　メニューのエリア */
.skinMenu{
/* 注　ベースのcssに margin-bottom の記述有り */
background: none;/* ←サイドメニューに背景を敷きたいとき */
}
.skinMenu2{}


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

.skinMenu.themeMenu .skinMenuHeader {
width: 156px;
height: 75px;
background: url(//stat.ameba.jp/user_images/20140410/22/ud-ikuji/b3/b6/g/o0176008412904682688.gif) no-repeat;
text-indent: -9999px;
margin: 0 auto 10px;
}
.skinMenu.bookmarkMenu .skinMenuHeader {
width: 156px;
height: 75px;
background: url(//stat.ameba.jp/user_images/20140410/22/ud-ikuji/ef/d2/g/o0176008412904683428.gif) no-repeat;
text-indent: -9999px;
margin: 0 auto 10px;
}
.skinMenu.recentEntriesMenu .skinMenuHeader {
width: 156px;
height: 75px;
background: url(//stat.ameba.jp/user_images/20140410/22/ud-ikuji/9a/36/g/o0174008612904682689.gif) no-repeat;
padding-bottom: 10px;
text-indent: -9999px;
margin: 0 auto 10px;
}

.skinMenu.profileMenu .skinMenuHeader {
width: 173px;
height: 85px;
background: url(//stat.ameba.jp/user_images/20140410/22/ud-ikuji/88/5b/g/o0175008512904682686.gif) no-repeat 14px;
text-indent: -9999px;
margin: 0 auto 10px;
}




.skinMenuHeader{
}


/* skinMenuBody サイドメニュー本文エリア */
.skinMenuBody{
margin: 0;
padding: 0;
background:none;/* ←サイドメニューの本文に背景を敷きたいとき */
}





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


.skinSubHr,
.skinSubList li{
margin-bottom:3px;
padding-bottom:3px;
border-bottom:none;
}

.skinSubList {
}
.skinSubList li{
}


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

.commentArea {
	padding: 20px;
}

/* 背景色 */
.skinBgColor,.skinBaseBgColor,.skinBlock{
background-color: rgba(255, 239, 239, 0.5);;
}


/* 弱い背景色 */
.skinWeakBgColor,.skinBaseWeakBgColor{
background-color: rgba(247, 232, 231, 0.5)
}


/* 強い背景色 */
.skinStrongBgColor,.skinBaseStrongBgColor{
background-color: rgba(255, 255, 255, 0.5);
}


/* 枠線 */
.skinBorderColor,.skinBaseBorderColor,.skinBlock{
border: none;
}


/* 境界線の色 */
.skinBorderHr,.skinBorderList li{
border-color:#fed0d0;
border-style: solid;
}

#commentListMoreLink {
	background: #F7DEDE;
}
.commentBtnArea .commentBtn {
	background: #FFF;
	border: 2px solid #e8b0bd;
}
.commentBtnArea .commentBtn:hover {
	background: #FFF;
	border: 2px solid #FBB;
}



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


 (4) その他、拡張


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


/* その他、拡張があれば記述 */


/* 読者になる
-------------------------------*/
.readerMenu {
	background: url(//stat.ameba.jp/user_images/20140410/22/ud-ikuji/07/19/p/o0300025712904683430.png) no-repeat;
	width: 280px;
	height: 237px;
	padding: 10px;
}
.readerMenu .skinMenuHeader {
	background: none;
	text-indent: -9999px;
	height: 57px;
	width: 238px;
	padding: 0;
	margin: 10px auto 0;
}
.readerMenu .skinMenuBody {
	margin: 0 6px;
}
.readerMenu .skinMenuBody .readerHeader {
	height: 40px;
	text-align: center;
	margin: 15px 0 0;
	padding: 0;
	line-height: 1;
}
.readerMenu .skinMenuBody .readerHeader em {
	font-size: 2.8em;
}
.readerMenu .readerBtn {
	width: 192px;
	height: 52px;
	background: url(//stat.ameba.jp/user_images/20140410/22/ud-ikuji/a2/7f/g/o0192005212904681495.gif) left top no-repeat;
	text-indent: -9999px;
	padding: 0;
}
.readerMenu .readerBtn:hover {
	background: url(//stat.ameba.jp/user_images/20140410/22/ud-ikuji/e0/00/g/o0192005212904681496.gif) left top no-repeat;
}
.readerMenu ul, .readerMenu li {
display: none;
}
.readerMenu .listLink {
display: none;
}

/* プロフィール
-------------------------------*/
.skinSubA .userProfileImageArea {
	float: none;
	margin: auto;	
}
.skinSubA .profileUserNicknameArea {
	text-align: center;
	margin: 10px auto 0;
	float: none;
	width: 250px;
}
.profileDetailArea {
	width: 260px;
	margin: 0 auto;
	}
.profileBtnArea {
	margin: 0 auto !important;
	display: block;
	width: 260px;
}



/* グローバルナビ
-------------------------------*/
#wrap,.skinContentsArea{
  position:relative;
}
.skinContentsFrame {
	background: url(//stat.ameba.jp/user_images/20140410/22/ud-ikuji/74/b2/g/o0001005012904681494.gif) repeat-x;
}
.skinContentsArea {
}
.skinContentsArea2 {
zoom: 1;
width: 980px;
margin: 0 auto;
}
#headerMenu{
position:absolute;
height: 50px;
margin:0;
padding:0;
}
#menu {
	width:980px;
	margin: 0 auto;
}
#headerMenu ul.menu{
  margin:0;
  padding:0;
  list-style: none;
  display: block;
}
#headerMenu ul.menu li{
  display:inline;
  width:160px;
}
#headerMenu ul.menu li a{
  display:block;
  float:left;
  margin:0;
  padding:0;
  white-space:nowrap;
  overflow:hidden;
  text-align:center;
}

/* 位置・サイズ調整 */
#wrap,.skinContentsArea{
  padding-top:60px;
}
#headerMenu{
  top:0px;
  left:0px;
  width:980px;
  background: url(//stat.ameba.jp/user_images/20140410/22/ud-ikuji/74/b2/g/o0001005012904681494.gif) repeat-x;
}
#headerMenu ul.menu li a{
  width:160px;
  line-height:52px;
  font-size:14px;
}

/* 色・文字装飾・背景など */
#headerMenu ul.menu li a{
  color:#FFF;
  font-weight:bold;
  text-decoration:none;
	display: block;
}
#headerMenu ul.menu li a:hover{
  color:#FFF;
	background: rgba( 255, 255, 255, 0.3);
}



#headerMenu ul.menu>li{
  height:60px; /* ボタンの高さ */
  background-color:#fffaa7;/* IE7対応 */
}
#headerMenu ul.menu>li:hover{
  height:auto;
}


/* フリースペース欄 */

strong.recommend {
	width: 176px;
	height: 125px;
	display: block;
	background: url(//stat.ameba.jp/user_images/20140410/22/ud-ikuji/ef/b0/g/o0176012512904682687.gif) no-repeat 3px;
	text-indent: -9999px;
}
strong.mailmagazine {
	width: 176px;
	height: 104px;
	display: block;
	background: url(//stat.ameba.jp/user_images/20140410/22/ud-ikuji/2b/0f/g/o0176010412904682690.gif)  no-repeat 3px;
	text-indent: -9999px;
}

.freespaceArea .mailMagazineArea {
	text-align: center;
}
span.writing {
	color: #ec728d;
	font-weight: bold;
	font-size: 14px;
	margin: 0 0 10px;
}
a.banner {
	border: 2px solid #b4f1db;
	width: 170px;
	height: 84px;
	display: block;
}
a.banner:hover {
	border: 2px solid #8effd7;
}

/* プラグイン調整 */
#facebookArea {
	margin: auto;
	width: 120px;
}
#ranking {
	margin: 10px auto;
	width: 160px;
}
#access {
	margin: auto;
	width: 120px;
}

/* ブログ内移動ボタン */
.globalLinkArea {
	display: none;
}

/* テーマ・最新記事のスタイル */
.skinSubList li {
	line-height: 1.8;
	border-bottom: 1px dashed #decdcd;
}
.skinSubList li a {
	background: url(//stat.blogskin.ameba.jp/blogskin_images/20150518/10/7c/JL/g/o00060008ud-ikuji1431912187371.gif) no-repeat left center;
	padding: 0 0 0 10px;
}
/* オススメ記事のスタイル */
.linkList li {
	line-height: 1.8;
	border-bottom: 1px dashed #decdcd;
	padding: 5px 0;
}
.linkList li a {
	background: url(//stat.blogskin.ameba.jp/blogskin_images/20150518/10/7c/JL/g/o00060008ud-ikuji1431912187371.gif) no-repeat left center;
	padding: 0 0 0 10px;
}