@charset "utf-8";

/*

-----------------------------------------



 【CSS編集 目次】



　(1) 文字のスタイル

　(2) ボタンのスタイル

　(3) エリアのスタイル

　(4) その他、拡張



  ※CSS編集で広告を修正しないでください

  （規約違反に該当する可能性があります）



-----------------------------------------

*/







/*

＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊





　(1) 文字のスタイル





＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊

*/







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

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





/* 通常文字 */

.skinTextColor,.skinBaseTextColor,.skinBlock,body{

color:#552008;

font-family: sans-serif,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,メイリオ,Meiryo,"ＭＳ Ｐゴシック";

}


/* メッセージボード */
.skinMessageBoard {
color:#552008; !important;
font-family: 'Lato', sans-serif,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,メイリオ,Meiryo,"ＭＳ Ｐゴシック" !important;
}


/* リンク */

.skinAnchorColor,.skinBaseAnchorColor,.skinBlock a,a{

color:#e66202;

font-family: 'Lato', sans-serif,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,メイリオ,Meiryo,"ＭＳ Ｐゴシック";

}





/* 訪問済のリンク */

.skinAnchorVisitedColor,.skinBaseAnchorVisitedColor,.skinBlock a:visited,a:visited{

color:#007b06;

font-family: 'Lato', sans-serif,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,メイリオ,Meiryo,"ＭＳ Ｐゴシック";

}





/* マウスオーバーしたときのリンク */

.skinAnchorHoverColor,.skinBaseAnchorHoverColor,.skinBlock a:focus,.skinBlock a:hover,a:focus,a:hover{

color:#e66202;

font-family: 'Lato', sans-serif,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,メイリオ,Meiryo,"ＭＳ Ｐゴシック";

}





/* 弱い文字 （日付など）*/

.skinWeakColor,.skinBaseWeakColor{

color:#804830;

font-family: 'Lato', sans-serif,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,メイリオ,Meiryo,"ＭＳ Ｐゴシック";

}





/* 強い文字 （NEW! 更新!など）*/

.skinStrongColor,.skinBaseStrongColor{

color:#e66202;

font-family: 'Lato', sans-serif,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,メイリオ,Meiryo,"ＭＳ Ｐゴシック";

}







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

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





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

.skinTitle,.skinTitle:visited,.skinTitle:hover,.skinTitle:focus{

color:transparent;

font-weight:bold;

font-size:2.11em;

}





/* skinDescription ブログの説明文字 */

.skinDescription{

color:transparent;

}







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

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



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

.skinArticleTitle,.skinArticleTitle:hover,.skinArticleTitle:focus,.skinArticleTitle:visited{

font-size:1.31em;

font-weight:bold;

color:#e66202;

}







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

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



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

.skinMenuTitle{

font:#321001;

}













/*

＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊





 (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-image:url(//stat.blogskin.ameba.jp/blogskin_images/20150423/15/85/dj/p/o01280028grenierlab1429770338954.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（白）

*/

background-image:url(//stat100.ameba.jp/common_style/img/skin/cmn/icons/menu_icons/menu_icons_white.png);

color:#FFF !important; /* ←ボタンの文字色 */

}









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

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





.skinSimpleBtn,.skinSimpleBtn:visited,.skinSimpleBtn:hover,.skinSimpleBtn:focus{

border:1px solid #dddddd;

background:#ffffff;

color:#007b06 !important;

}





/* ボタンにマウスオーバー */

.skinSimpleBtn:hover,.skinSimpleBtn:focus{

background:#f7f7f7;

}











/*

＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊





 (3) エリアのスタイル

 ※背景画像、サイズ、ボーダーなどを各部分ごとに指定





＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊

*/







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

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





/* skinBody ボディ */

.skinBody{}/* ←ブログ全体に背景を敷きたいとき */

.skinBody2{}

.skinBody3{}









/* (3-2) ブログヘッダー

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



/* ←ブログヘッダーに背景画像を敷きたいとき */

.skinHeaderArea {

background:url(//stat.blogskin.ameba.jp/blogskin_images/20150423/14/60/SC/j/o09800640grenierlab1429766466504.jpg) no-repeat top left #fff;

height:640px;
width:980px;
margin-bottom: 25px!important;
}
}

.skinTitle{
display:block;
height:640px;
}

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

.skinBlogHeadingGroupArea{

padding:0;

}





/* skinTitleArea ブログタイトルのエリア */

.skinTitleArea{

display:block;
padding:0;
text-indent:-9999px;
}





/* skinDescriptionArea ブログの説明エリア */

.skinDescriptionArea{}









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

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





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

.skinContentsArea{

position:relative;

width:100%;

}









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

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





.skinMainArea{

padding-right:20px;

width:650px  !important;

}







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

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





.skinMessageBoard{

/* 注 ベースのcssに margin-bottom の記述有り */

border-top:1px dotted #979797;

border-bottom:1px dotted #979797;

background:#ffffff;/* ←メッセージボードに背景を敷きたいとき */

}

.skinMessageBoard2{



}

.skinMessageBoard3{

padding:16px 30px;

}









/* (3-6) 記事

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



/* skinArticle 記事エリア */

.skinArticle{

/* 注　ベースのcssに margin-bottom の記述有り */

padding:16px 0;

border:0px solid #dddddd;

background:#ffffff;/* ←記事に背景を敷きたいとき */



}

.skinArticle2{

left:%;

}

.skinArticle3{}





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

.skinArticleHeader{

margin:0 29px;

padding:2px 10px;

border-left:5px solid #e4e4e4;

}

.skinArticleHeader2{}





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

.skinArticleBody{}

.skinArticleBody2{

margin:0 29px;

}





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

.skinArticleFooter{

margin:10px 29px 0;

border-top:1px dotted #949494;

}











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

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





.skinSubArea{





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

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

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











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

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





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

.skinMenu{

/* 注　ベースのcssに margin-bottom の記述有り */

background:#fff;/* ←サイドメニューに背景を敷きたいとき */

}

.skinMenu2{



}





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

.skinMenuHeader{

padding:5px 10px;

background:#fff;/* ←サイドメニューのタイトルに背景を敷きたいとき */

border-bottom:1px solid #949494;

}





/* skinMenuBody サイドメニュー本文エリア */

.skinMenuBody{

margin:10px;

padding:10px;

background:#ffffff;/* ←サイドメニューの本文に背景を敷きたいとき */

}







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

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





.skinSubHr,

.skinSubList li{

margin-bottom:3px;

padding-bottom:3px;

border-bottom:1px dotted #b3b3b3;

}







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

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





/* 背景色 */

.skinBgColor,.skinBaseBgColor,.skinBlock{

background-color:#ffffff;

}





/* 弱い背景色 */

.skinWeakBgColor,.skinBaseWeakBgColor{

background-color:#f7f7f7;

}





/* 強い背景色 */

.skinStrongBgColor,.skinBaseStrongBgColor{

background-color:#f7f7f7;

}





/* 枠線の色 */

.skinBorderColor,.skinBaseBorderColor,.skinBlock{

border-color:#dddddd;

}





/* 境界線の色 */

.skinBorderHr,.skinBorderList li{

border-color:#b3b3b3;

}









/*

＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊





 (4) その他、拡張





＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊

*/





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



.layoutContentsA {

max-width:980px;

margin-right:auto;

margin-left:auto;

}



.skinMenu .skinMenuHeader{

  margin-top:-20px; /* 見出し部の高さによって変える */

  background-position:0px 25px; /* 背景画像の位置合わせ */

}

.skinMenu .skinMenuHeader:after{

  display:block;

}

.profileMenu .skinMenuHeader:after{ /* プロフィール */

  content:"Profile";

font-family: 'Lato', sans-serif,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,メイリオ,Meiryo,"ＭＳ Ｐゴシック";

color:#321001;

font-size:20px;

}

.themeMenu .skinMenuHeader:after{ /* テーマ */

  content:"Themes";

font-family: 'Lato', sans-serif,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,メイリオ,Meiryo,"ＭＳ Ｐゴシック";

color:#321001;

font-size:20px;

}

.archiveMenu .skinMenuHeader:after{ /* 月別 */

  content:"Archives";

font-family: 'Lato', sans-serif,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,メイリオ,Meiryo,"ＭＳ Ｐゴシック";

color:#321001;

font-size:20px;

}

.calendarMenu .skinMenuHeader:after{ /* カレンダー */

  content:"Calendar";

font-family: 'Lato', sans-serif,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,メイリオ,Meiryo,"ＭＳ Ｐゴシック";

color:#321001;

font-size:20px;

}

.recentEntriesMenu .skinMenuHeader:after{ /* 最近の記事 */

  content:"Entries";

font-family: 'Lato', sans-serif,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,メイリオ,Meiryo,"ＭＳ Ｐゴシック";

color:#321001;

font-size:20px;

}

.recentCommentMenu .skinMenuHeader:after{ /* 最近のコメント */

  content:"Comments";

font-family: 'Lato', sans-serif,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,メイリオ,Meiryo,"ＭＳ Ｐゴシック";

color:#321001;

font-size:20px;

}

.bookmarkMenu .skinMenuHeader:after{ /* ブックマーク */

  content:"Bookmarks";

font-family: 'Lato', sans-serif,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,メイリオ,Meiryo,"ＭＳ Ｐゴシック";

color:#321001;

font-size:20px;

}

.readerMenu .skinMenuHeader:after{ /* このブログの読者 */

  content:"Readers";

font-family: 'Lato', sans-serif,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,メイリオ,Meiryo,"ＭＳ Ｐゴシック";

color:#321001;

font-size:20px;

}

.favoriteMenu .skinMenuHeader:after{ /* お気に入りブログ */

  content:"Favorites";

font-family: 'Lato', sans-serif,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,メイリオ,Meiryo,"ＭＳ Ｐゴシック";

color:#321001;

font-size:20px;

}

.rankingMenu .skinMenuHeader:after{ /* ランキング */

  content:"Ranking";

font-family: 'Lato', sans-serif,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,メイリオ,Meiryo,"ＭＳ Ｐゴシック";

color:#321001;

font-size:20px;

}



/* なう */

.profileMenu .nowQuote{

}



/* プロフィール画像 */

.profileMenu .userProfileImageArea{

margin-left:55px;

}



#profile #person li.image img,

div.userProfileImage, div.userProfileImage img {

  width: 150px !important;

  height: auto !important;

border-radius:0px;

border:;

}

div.userProfileImageArea {

  width: auto !important;

  height: auto !important;

}



.profileMenu{



}









/* ニックネーム・プロフィール｜ピグの部屋 */

.profileMenu .profileUserNicknameArea{

width:300px;

margin-left:55px;

}



/* ニックネームのみ */

.profileMenu .profileUserNickname{

font-size:20px !important;

padding-top:5px;

}



/* プロフィール｜ピグの部屋のみ */

.profileMenu .profileUserPages{



}



/* 性別・誕生日・血液型・お住まいの地域・自己紹介 */

.profileMenu .profileDetailArea{display:none;}



/* 性別・誕生日・血液型・お住まいの地域・自己紹介 */

/* のうちの１～４項目目 */

.profileMenu .profileDetailArea ul>li:first-child{display:none;}

.profileMenu .profileDetailArea ul>li:first-child+li{display:none;}

.profileMenu .profileDetailArea ul>li:first-child+li+li{display:none;}

.profileMenu .profileDetailArea ul>li:first-child+li+li+li{display:none;}



/* 自己紹介 */

.profileMenu .profileDetailArea ul>li.freeText{display:none



}



/* 読者になる・アメンバーになる・メッセージを送る・プレゼントを贈る */

.profileMenu .profileBtnArea{

padding-top:10px;

}



/* 読者になる */

.profileMenu .profileBtnArea>li:first-child{

font-family: 'Lato', sans-serif,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,メイリオ,Meiryo,"ＭＳ Ｐゴシック";

}



/* アメンバーになる */

.profileMenu .profileBtnArea>li:first-child+li{

font-family: 'Lato', sans-serif,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,メイリオ,Meiryo,"ＭＳ Ｐゴシック";

}



/* メッセージを送る */

.profileMenu .profileBtnArea>li:first-child+li+li{

font-family: 'Lato', sans-serif,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,メイリオ,Meiryo,"ＭＳ Ｐゴシック";

}



/* プレゼントを贈る */

.profileMenu .profileBtnArea>li:first-child+li+li+li{

font-family: 'Lato', sans-serif,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,メイリオ,Meiryo,"ＭＳ Ｐゴシック";

}





.readerMenu .readerBtn {

background-image: url(//stat.blogskin.ameba.jp/blogskin_images/20150423/14/a2/jB/j/o01500150grenierlab1429767143287.jpg);

width: 150px;
height: 150px;
background-position: left top;
background-repeat: no-repeat;
text-indent: -9999px;
padding: 0px;
-webkit-transition: opacity 1.5s ease-in-out;
transition: opacity 1.5s ease-in-out;
 }

.readerMenu .readerBtn:hover {
opacity: 0.3;
}