@charset "utf-8";
@import url("//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");
/*
-----------------------------------------

 【CSS編集 目次】

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

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

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



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


　(1) 文字のスタイル


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



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


/* 通常文字 */
.skinTextColor, .skinBaseTextColor, .skinBlock, body {
	color: #333333;
	font-size: 1em;
}
/* リンク */
.skinAnchorColor, .skinBaseAnchorColor, .skinBlock a, a {
	color: #1E90FF;
}
/* 訪問済のリンク */
.skinAnchorVisitedColor, .skinBaseAnchorVisitedColor, .skinBlock a:visited, a:visited {
	color: #4169E1;
}
/* マウスオーバーしたときのリンク */
.skinAnchorHoverColor, .skinBaseAnchorHoverColor, .skinBlock a:focus, .skinBlock a:hover, a:focus, a:hover {
	color: #32CD32;
}
/* 弱い文字 （日付など）*/
.skinWeakColor, .skinBaseWeakColor {
	color: #999999;
}
/* 強い文字 （NEW! 更新!など）*/
.skinStrongColor, .skinBaseStrongColor {
	color: #ff3399;
}
/* (1-2) ブログタイトル文字
--------------------------------------------*/

/* skinTitle ブログタイトル文字 */
.skinTitle, .skinTitle:visited, .skinTitle:hover, .skinTitle:focus {
	color: #CC0000;
	font-weight: bold;
	font-size: 2.4em;
}
/* skinDescriptionArea ブログの説明文字 */
.skinDescription {
	color: #336600;
	font-weight: bold;
	font-size: 1.1em;
}
/* (1-3) 記事／メッセージボード内の文字のスタイル
--------------------------------------------*/

/* skinArticleTitle 記事タイトル文字 */
.skinArticleTitle, .skinArticleTitle:hover, .skinArticleTitle:focus, .skinArticleTitle:visited {
	font-size: 1.6em;
	font-weight: bold;
	color: #FFFFFF;
	text-shadow: #000000 3px 3px 3px;
}
/* (1-4) サイドバー内の文字のスタイル
--------------------------------------------*/

/* skinMenuTitle サイドメニュータイトル文字 */
.skinMenuTitle {
	color: #FFFFFF;
	font-size: 1.3em;
	font-weight: bold;
	text-shadow: 1px 1px 1px #000;
}
/*
＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊


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


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


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


/* ボタンの背景画像 ※[横180px 縦35px]のボタンの背景画像を指定 */
.skinImgBtnM {
}
/* ボタンの文字色 */
.skinImgBtnM:hover span, .skinImgBtnM:focus span, .skinImgBtnM span {
	color: #3FB135 !important;
}
/* (2-2) アイコン付きボタン[横128px 縦28px]
--------------------------------------------*/


/* アイコン付き ボタンの背景画像 ※[横128px 縦28px]のボタンの背景画像を指定 */
.skinImgBtnS {
}
.skinImgBtnS:hover span, .skinImgBtnS:focus span, .skinImgBtnS span {
	/*
 アイコン画像は下記から指定
 menu_icons_pastel.png (パステル）
 menu_icons_gray.png（グレー）
 menu_icons_black.png（黒）
 menu_icons_white.png（白）
*/

	color: #3FB135 !important;/* ←ボタンの文字色 */
}
/* マウスを乗せたときアイコン付き ボタンの背景画像 ※[横128px 縦28px]背景画像を指定 */
.skinImgBtnS:hover {
}
/* (2-3) ページ送りボタンの  << 次へ 、前へ >> 、「次の記事タイトル」 >> ボタン
--------------------------------------------*/








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


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


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



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


/* skinBody ボディ */
.skinBody {
	background-image: url(//stat.blogskin.ameba.jp/blogskin_images/20150907/11/ef/VO/g/o04120412uru-uru1761441591542151.gif);
	/* ←ブログ全体に背景を敷きたいとき */
	background-color: #ffffdd;
	background-repeat: repeat;
	background-position: left top; /* 左上隅を基準(原点)として配置*/
	background-attachment: fixed; /* スクロール時、背景画像もスクロール */
}
.skinBody2 {
}
.skinBody3 {
}
/* (3-2) ブログヘッダー
--------------------------------------------*/


/* skinHeaderArea ブログヘッダー980pxエリア */
.skinHeaderArea {
	background: url(//stat.blogskin.ameba.jp/blogskin_images/20170316/10/26/Hf/p/o09800450uru-uru1761489629463572.png) left top no-repeat; /* 背景 */
	height: 440px!important;/* 高さ */
	padding-bottom: 10px;
	border: 1px solid #ff9750;
	box-shadow: 5px 5px 5px #99FFFF;
	margin-bottom : 10px;
}
/* skinBlogHeadingGroupArea タイトルと説明を囲うエリア */
.skinBlogHeadingGroupArea {
	padding: 20px 0 30px;
}
/* skinTitleArea ブログタイトルのエリア */
.skinTitleArea {
	padding: 0; /* 余白　上　右　下　左 */
	width: 620px;/*幅*/
}
/* skinDescriptionArea ブログの説明エリア */
.skinDescriptionArea {
	padding: 0; /* 余白　上　右　下　左 */
}
/* (3-3) コンテンツエリア
--------------------------------------------*/


/* skinContentsArea コンテンツ980pxエリア */
.skinContentsArea {
/* 注 ベースのcssにwidth:980px;の記述有り */
}
/* (3-4) メインエリア
--------------------------------------------*/


.skinMainArea {
}
/* (3-5) メッセージボード
--------------------------------------------*/



.skinMessageBoard {
	/* 注 ベースのcssに margin-bottom の記述有り */
	border: 1px solid #ff9750;
	box-shadow: 5px 5px 5px #99FFFF;
	padding: 20px;
	background-color: #ffffff;
	background: #ffffff;/* ←メッセージボードに背景を敷きたいとき */
}
.skinMessageBoard2 {
}
.skinMessageBoard3 {
	padding: 14px !important;
}
/* (3-6) 記事
--------------------------------------------*/

/* skinArticle 記事エリア */
.skinArticle {
	/* 注　ベースのcssに margin-bottom の記述有り */
	padding: 10px 3px;
	border: 1px solid #ff9750;
	box-shadow: 5px 5px 5px #99FFFF;
	background: #ffffff;/* ←記事に背景を敷きたいとき */
}
.skinArticle2 {
}
.skinArticle3 {
}
/* skinArticleHeader 記事タイトルエリア */
.skinArticleHeader {
	margin: 0 5px;
	padding: 2px 10px;
	background-color : #5FC4EE;  /* 背景画像 */
	background-repeat: repeat;
}
.skinArticleHeader2 {
}
/* skinArticleBody 記事本文エリア */
.skinArticleBody {
}
.skinArticleBody2 {
	margin: 0 5px;
	padding: 0 10px;
}
/* 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: #ff9750;/* ←サイドメニューに背景を敷きたいとき */
	box-shadow: 5px 5px 5px #99FFFF;
}
.skinMenu2 {
}
/* skinMenuHeader サイドメニュータイトルエリア */
.skinMenuHeader {
	padding: 10px 10px 10px 45px;
	background-color: #5FC4EE;/* ←サイドメニューのタイトルに背景を敷きたいとき */
	background-image: url(//stat.blogskin.ameba.jp/blogskin_images/20160802/14/8c/8x/p/o00400040uru-uru1761470115247906.png);
	background-repeat: no-repeat;
}
/* skinMenuBody サイドメニュー本文エリア */
.skinMenuBody {
	margin: 1px;
	padding: 15px;
	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) その他、拡張


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


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


/* フォント変更*/

body {
	font-family: Arial, Roboto, "Droid Sans", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
}
/* 記事、メッセージボードの文字 */
.articleText, div.skinMessageBoard {
	font-size: 1.2em; /* 文字サイズ */
	line-height: 1.2; /* 行間 */
	color: #333333;
}
/* フリースペースの文字 */
.freespaceArea {
	font-size: 1.17em; /* 文字サイズ */
	line-height: 1.2; /* 行間 */
	color: #333333;
}
.subModule {
	margin-top: 0px;/* フリースペースの上のマージンをなくす */
}
/* グローバルメニュー */

.skinContentsArea {
	position: relative;
}
#headerMenu, #headerMenu ul, #headerMenu li, #headerMenu a {
	margin: 0;
	padding: 0;
	background-color: transparent;
}
#headerMenu {
	position: absolute;
	line-height: 1.0;
	overflow: visible;
}
#headerMenu ul.menu {
	list-style: none;
	overflow: visible;
}
#headerMenu ul.menu:after {
	display: block;
	clear: both;
	content: ".";
	height: 0px;
	overflow: hidden;
	visibility: hidden;
}
#headerMenu ul.menu li {
	position: relative;
	display: block;
	float: left;
	overflow: visible;
}
#headerMenu ul.menu>li:first-child {
	border: 0 none;
}
#headerMenu ul.menu li a {
	display: block;
	width: auto;
	white-space: nowrap;
	overflow: hidden;
	text-align: center;
	background-repeat: repeat;
	background-position: center;
}
.skinContentsArea {
	padding-top: 75px; /* ■設置スペース確保 */
}
#headerMenu {
	top: 5px; /* ■上下位置調整 */
	left: 0px; /* ■左右位置調整 */
}
#headerMenu ul.menu li {
	font-size: 14px; /* ■文字サイズ */
	height: 60px; /* ■ボタンの高さ(上下枠線を含む) */
	line-height: 60px; /* ■ボタンの高さ(上下枠線の内側) */
}
#headerMenu ul.menu li {
	width: 163px; /* ■ボタンの幅(第一ボタン以外) */
}
#headerMenu ul.menu>li:first-child {
	width: 163px; /* ■ボタンの幅(第一ボタン) */
}
#headerMenu ul.menu>li {
	border-width: 1px; /* ■区切り線の太さ */
	border-color: #fff; /* ■区切り線の色 */
	box-shadow: 0px 0px 2px #000 inset;
}
#headerMenu ul.menu li a {
	color: #ffffff; /* ■文字色[白](通常時) */
	font-weight: bold; /* ■太字 */
	text-decoration: none; /* ■下線[なし](通常時) */
	background-color: #fff;    /* 背景色 */
	/* IE10 Consumer Preview */ 
	background-image: -ms-radial-gradient(center, ellipse farthest-side, #FFFFFF 0%, #5FC4EE 100%);
	/* Mozilla Firefox */ 
	background-image: -moz-radial-gradient(center, ellipse farthest-side, #FFFFFF 0%, #5FC4EE 100%);
	/* Opera */ 
	background-image: -o-radial-gradient(center, ellipse farthest-side, #FFFFFF 0%, #5FC4EE 100%);
	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(radial, center center, 0, center center, 456, color-stop(0, #FFFFFF), color-stop(1, #5FC4EE));
	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-radial-gradient(center, ellipse farthest-side, #FFFFFF 0%, #5FC4EE 100%);
	/* W3C Markup, IE10 Release Preview */ 
	background-image: radial-gradient(ellipse farthest-side at center, #FFFFFF 0%, #5FC4EE 100%);
}
#headerMenu ul.menu li a, .navi li a:visited {
	color: #008809;
	text-shadow: -1px -1px 0px #fff, 1px -1px 0px #fff, 1px 1px 0px #fff, -1px 1px 0px #fff, 1px 2px 3px rgba(0, 0, 0, 0.6); /* メニューの文字色を指定 */
}
#headerMenu ul.menu li a:hover {
	text-decoration: none;
	color: #fff; /* メニューの文字色(マウスオーバー時)を指定 */
	text-shadow: -1px -1px 0px #FB7784, 1px -1px 0px #FB7784, 1px 1px 0px #FB7784, -1px 1px 0px #FB7784, 1px 2px 3px rgba(0, 0, 0, 0.6); /* メニューの文字色を指定 */
}
/*▲ メニューカスタマイズ (ここまで) ▲ */


/* ▼ 通常は変更不要 (ここから) ▼ */
#headerMenu ul.submenu {
	position: absolute;
	top: -99999px;
	z-index: 99999;
}
/* ▲ 通常は変更不要 (ここまで) ▲ */
/* ▼ メニューカスタマイズ (ここから) ▼ */
#headerMenu ul.submenu {
	border-width: 1px; /* ■ 枠線の太さ */
	border-style: solid; /* ■ 枠線の種類 */
	border-color: #ffffff; /* ■ 枠線の色 */
	z-index: 100;
}
#headerMenu ul.menu li:hover ul.submenu {
	left: 20px; /* ■ 横位置(親メニューボタンの左端から) */
	top: 40px; /* ■ 縦位置(親メニューボタンの上端から) */
}
#headerMenu ul.submenu li {
	border-top: 1px solid #ffffff; /* ■ ボタン区切り線(上側) */
	width: 300px !important;
}
#headerMenu ul.submenu li a {
	width: 300px !important;
}
#headerMenu ul.submenu li:first-child {
	border: 0 none; /* ■ 第一ボタンの区切り線(上側) */
}
/*▲ メニューカスタマイズ (ここまで) ▲ */

/* 記事、メッセージボードのリンク文字 */
.articleText a, div.skinMessageBoard a {
	font-weight: bold; /* 文字の太さ */
	color: #1E90FF; /* 文字色 */
	text-decoration: underline; /* 文字装飾 */
}
/* フリースペースのリンク文字 */
.freespaceArea a {
	font-weight: bold; /* 文字の太さ */
	color: #1E90FF; /* 文字色 */
}
.articleText ul {
	list-style-position: inside;
}
.articleText ol {
	list-style-position: inside;
}
/* 記事下のコメント文字 */
a.commentLink {
	font-size: 1.20em; /* 文字サイズ */
	font-weight: bold;
	color: #0000FF;
}
/* 記事下のペタ文字 */
a.petaLink {
	font-size: 1.20em; /* 文字サイズ */
	font-weight: bold;
	color: #0000FF;
}
/* ヘッダー画像のリンク設定 */

.skinTitleArea a {
	width: 980px;
	height: 450px;
	display: block;
	position: relative;
	text-indent: -9999px;
	
}
/* ブログ説明文を非表示 */
.skinDescriptionArea {
	display: none; /* 表示設定 */
}
/* ヘッダー上下の余白をなくす */
.skinBlogHeadingGroupArea {
	padding: 0;
}
/*プロフィールのボタンを外す*/
.amemberBtn, .presentBtn {
	display: none;
}
/* 読者になる移動時調整 */
.readerRequestArea {
	margin-top: 5px;
	margin-bottom: 10px;
}
/* 読者数 */
.readerHeader em {
	font-size: 24px;
}
/* 更新情報が届きます */
.readerRequestDescription {
	color: #FF0000;/* 文字色 */
	font-size: 11px;/* 文字サイズ */
	font-weight: bold;
}
/* テーマ強調*/
li.themeNumber {
	font-weight: bold;
	font-size: 115%;
}
.skinArticle {
	margin-top: 10px;
}
/* 携帯向けナビ*/
.keitai {
	border: 1px dotted #33ccff;
}
/* 自動文*/

.jidoutop {
	overflow: auto;
	height: 120px;
	border: 1px solid #ff9750;
	box-shadow: 5px 5px 5px #99FFFF;
	background-color: #ffffff;
	padding: 10px;/* 余白 */
	margin-bottom: 5px; /* マージン */
	margin-top: 10px; /* マージン */
	font-size: 1.2em;
	width: 640px;
	position: relative;
}
/*記事内囲み*/
.waku {
	margin: 10px;
	padding: 10px;
	border-color: #FFCC00;
	border-width: 3px;
	border-style: ridge;
	border-radius: 10px;
	box-shadow: 5px 5px 5px #66cc66;
}
/*ブログ村ボタン*/
.blogmura a {
	width: 300px;
	height: 80px;
	text-indent: -9999px;
	display: block;
	background-repeat : no-repeat;
	background-image : url(https://stat.ameba.jp/user_images/20171005/07/uru-uru176/9f/87/j/o0318009814041974362.jpg);
	background-position: center;
	margin: auto;
	text-align: center;
}
/*ブログランキング村ボタン*/
.blogran a {
	width: 300px;
	height: 80px;
	text-indent: -9999px;
	display: block;
	background-repeat : no-repeat;
	background-image : url(https://stat.ameba.jp/user_images/20171005/07/uru-uru176/0c/14/j/o0318009814041974060.jpg);
	background-position: center;
	margin: auto;
	text-align: center;
}
/*読者登録ボタン*/
.reader1 a {
	width: 300px;
	height: 80px;
	text-indent: -9999px;
	display: block;
	background-repeat : no-repeat;
	background-image : url(//stat.ameba.jp/user_images/20160703/14/uru-uru176/8f/f4/j/o0318009813688171478.jpg);
	background-position: center;
	margin: auto;
	text-align: center;
}
/*お問い合わせボタン*/
.toiawase a {
	width: 300px;
	height: 80px;
	text-indent: -9999px;
	display: block;
	background-repeat : no-repeat;
	background-image : url(//stat.ameba.jp/user_images/20160703/14/uru-uru176/18/49/j/o0318009813688189489.jpg);
	background-position: center;
	margin: auto;
	text-align: center;
}
/*フッター*/
.footerTop {
	padding: 15px 0;/*高さ*/
	text-align: center;
	background: #66cc99;
}
.footerBottom {
	padding: 10px 0;
	text-align: center;
	background: #66cc99;
}
.footerTop, .footerTop a, .footerTop a:visited, .footerTop a:focus {
	color: #333333;
	font-size: 14px;
}
.footerTop a:hover {
	color: #0066ff;
	opacity: 0.5;
	background-color: #FFFFFF;
	font-size: 14px;
}
.footerBottom, .footerBottom a, footerBottom a hover, .footerBottom a:visited, footerBottom a:focus {
	color: #660000;
	text-shadow: #ffffff 3px 3px 3px;
	font-weight: bold;
	font-size: 12px;
}
/* 記事送り */
.skinSimpleBtn, .skinSimpleBtn:visited, .skinSimpleBtn:hover, .skinSimpleBtn:focus {
	border: 2px ridge #33ccff;
	background: #99ccff;
	color: #ffffff !important;
}
/* ボタンにマウスオーバー */
.skinSimpleBtn:hover, .skinSimpleBtn:focus {
	opacity: 0.3;
	background-color: #99ccff;
}
/* 記事一覧 */
a.pagingList, a:hover.pagingList, .a:visited.pagingList, .a:focus.pagingList {
	color: #33ccff;
}
/*文字の大中小ボタンを装飾をする*/
.small, .middle, .large {
	cursor: pointer; /* カーソルを「指マーク」に指定 */
	padding: 2px 4px; /* ボタンの余白(上下、左右)を指定 */
	margin: 0 5px 0 0; /* ボタン下の余白(上下、左右)を指定 */
	text-align: center; /* ボタンの文字を中央寄せにを指定 */
	border: 1px solid #CCC; /* ボタンの枠線の色を指定*/
	background-color: #ffffff; /* ボタンの背景色を指定*/
	color: #333333; /* ボタンの文字色を指定 */
}
.small:hover, .middle:hover, .large:hover {
	background-color: #A7CD41; /* マウスオーバー時のボタンの背景色を指定 */
	color: #ffffff; /* マウスオーバー時のボタンの文字色を指定 */
}
/*メルマガ*/
#mailmag {
	color: #000000; /* 文字色 */
	font-weight: bold; /* 文字の太さ */
	text-align: left;
	background-color: #ffffff; /* 背景色 */
	border: 1px solid #ff9750; /* 枠線 */
	box-shadow: 5px 5px 5px #99FFFF;
	padding: 5px; /* 余白 */
	width: 150px;
	position: absolute;
	top: 750px;
	z-index: 2;
}
/* メルマガ高さ逃げ */
.skinSubB {
	margin-top: 0px;/* メルマガフォームの高さ分 */
}
/*リスト矢印*/
.skinArticle ul.green {
	list-style-image: url(//stat.ameba.jp/user_images/20130703/13/uru-uru176/23/58/g/o0006001012597011083.gif);
	padding: 10px !important;
}
.skinArticle ul.black {
	list-style-image: url(//stat.ameba.jp/user_images/20130703/13/uru-uru176/f4/16/g/o0006001012597011084.gif);
	padding: 10px !important;
}
.skinArticle ul.red {
	list-style-image: url(//stat.ameba.jp/user_images/20130703/13/uru-uru176/33/19/g/o0006001012597035331.gif);
	padding: 10px !important;
}
.skinArticle ul.pink {
	list-style-image: url(//stat.ameba.jp/user_images/20130703/13/uru-uru176/3a/d8/g/o0006001012597035332.gif);
	padding: 10px !important;
}
.skinArticle ul.blue {
	list-style-image: url(//stat.ameba.jp/user_images/20130703/17/uru-uru176/ba/ca/g/o0006001012597204704.gif);
	padding: 10px !important;
}
.skinArticle ul.yellow {
	list-style-image: url(//stat.ameba.jp/user_images/20130703/17/uru-uru176/b0/46/g/o0006001012597204703.gif);
	padding: 10px !important;
}
.skinArticle ul.none {
	list-style-type: none;
}
.skinArticle ul li {
	padding-bottom: 5px;
}
.skinArticle ol {
	padding: 10px !important;
}
.skinArticle ol li {
	padding-bottom: 5px;
}
.freespaceArea ul.green li {
	padding: 0 0 5px 10px !important;
}
/* フリースペースリスト */
.freespaceArea ul.green li:before {
	content: url(//stat.ameba.jp/user_images/20130703/13/uru-uru176/23/58/g/o0006001012597011083.gif);
	margin: 10px;
	position: relative;
	top: 0px;
}
/* 中央寄せ */
.center{
         text-align:center;
}

/* リストスタイル無し*/
ul.none{
       list-style:none;

}


/* 見出し */
h1{
font-size:18px;
}

h2.title {
	position: relative;
	padding-left: 25px;
	border-bottom: 3px solid #0bd;
	color: #669933 !important;
	font-size: 16px;
	line-height: 1.2;
	margin: 10px !important;
}
h2.title:before {
	position: absolute;
	top: -8px;
	left: 7px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	height: 12px;
	width: 12px;
	background: #8BE0FE;
	content: "";
}
h2.title:after {
	position: absolute;
	top: 8px;
	left: 2px;
	transform: rotate(15deg);
	-webkit-transform: rotate(15deg);
	height: 8px;
	width: 8px;
	background: #8BE0FE;
	content: "";
}
h3.midashi {
	font-size: 15px;
	font-weight: bold;
	border-left: #cc6600 solid 6px;
	border-bottom: #cccccc solid 1px;
	color: #222;
	line-height: 15px;
	padding-left: 0px;
}
h3.menu {
	margin: 0px 10px;
	padding: 2px 8px;
	border-width: 0 0 5px 0;
	border-color: #fbd92d;
	border-style: solid;
	background: #15aecb;
	color: #EBF7FA;
	line-height: 140%;
	font-weight: bold;
	border-top-left-radius: 10px;     /* 左上 */
	border-top-right-radius: 10px;    /* 右上 */
}
h3.title {
	font-size: 105%;
	border-left: #cc6600 solid 6px;
	border-bottom: #cccccc solid 1px;
	margin: 5px 10px 5px 5px;
	padding: 5px 10px 5px 5px;
}
hr.dashed {
	border-width: 3px 0px 0px 0px; /* 太さ */
	border-style: dashed; /* 線種 */
	border-color: green; /* 線色 */
	height: 1px; /* 高さ */
	width: 90%;
}
h2.heading03 {
	font-weight: bold;
	position: relative;
	background: #b8b8b8;
	padding: 10px;
}
h2.heading03:after {
	content: "";
	position: absolute;
	top: 100%;
	left: 25px;
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-top: 10px solid #b8b8b8;
}
h2.f {
	position: relative;
	padding-left: 25px;
	border-bottom: 3px solid #0bd;
	color: #669933 !important;
	font-size: 20px;
	line-height: 32px;
}
h2.f:before {
	position: absolute;
	top: -8px;
	left: 7px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	height: 12px;
	width: 12px;
	background: #8BE0FE;
	content: "";
}
h2.f:after {
	position: absolute;
	top: 8px;
	left: 2px;
	transform: rotate(15deg);
	-webkit-transform: rotate(15deg);
	height: 8px;
	width: 8px;
	background: #8BE0FE;
	content: "";
}
h3.f {
	position: relative;
	color: #fff;
	background: #5FC4EE;
	font-size: 16px;
	line-height: 1;
	text-shadow: 1px 1px 1px #000;
	border : 1px solid #5FC4EE;
	margin: 10px -10px 10px -10px;
	padding: 15px 5px 12px 20px;
	border-radius: 3px;
}
h3.f:after {
	content: "";
	position: absolute;
	top: 100%;
	left: 30px;
	height: 0;
	width: 0;
	border: 10px solid transparent;
	border-top: 10px solid #5FC4EE;
}

h3.free-title{
	position: relative;
	background: #5FC4EE;
	padding: 0.25em 0.5em;
	border-left: solid 2em #5C9EE7;
	font-size: 16px;
	color: #ffffff;
        text-shadow: 1px 1px 1px #000;
	margin:0px;
	top:0px;
}

h3.free-title:before {
	font-family: FontAwesome;
	content: "\f015";
	position: absolute;
	padding: 0em;
	color: white;
	font-weight: normal;
	left: -1.35em;
	top: 50%;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

h4.title {
	font-size: 105%;
	border-left: #cc6600 solid 6px;
	border-bottom: #cccccc solid 1px;
	margin: 5px 10px 5px 5px;
	padding: 5px 10px 5px 5px;
}
h4.f {
	font-size: 103%;
	color: #7b68ee;
	border-left: #5FC4EE solid 3px;
	border-bottom: #5FC4EE solid 1px;
	margin: 5px 10px 5px 5px;
	padding: 5px 10px 5px 5px;
}

/* Q&A　*/
dl.QA {
	border: 1px solid #ccc;
}
dt.Q{
font-weight: bold;
	color: #FFFFFF;
        text-shadow: 1px 1px 1px #000;
	background: #5C9EE7; /* 「Q」タイトルの背景色 */
	padding: 8px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
dt.Q:first-child {
	border-top: none;
}
dt.Q:before {
	content: "Q.";
	font-weight: bold;
	margin-right: 8px;
}
dd.A {
	padding: 16px 16px 24px 30px;
	margin: 0;
	line-height: 140%;
}
dd.A:first-line {
	font-weight: bold;
	color: #5FC4EE;
}
dd.A:before {
	content: "A.";
	font-weight: bold;
	margin-right: 8px;
	margin-left: -21px;
}
/* box */
div.box01 {
	border: 3px solid #F5B2B2; /* ボックス1の枠線スタイル(線幅、種類、色)を指定 */
	padding: 10px; /* ボックス1の内側の余白(枠線とテキストとの間の余白)を指定 */
	margin: 10px;
	border-radius: 10px;
	box-shadow: 5px 5px 5px #99FFFF;
}
div.box02 {
	border: 3px ridge #FFCC00; /* ボックス2の枠線スタイル(線幅、種類、色)を指定 */
	padding: 10px; /* ボックス2の内側の余白(枠線とテキストとの間の余白)を指定 */
	margin: 10px;
	border-radius: 10px;
	box-shadow: 5px 5px 5px #66cc66;
}
div.box03 {
	border: 1px dotted #F19FC3; /* ボックス3の枠線スタイル(線幅、種類、色)を指定 */
	padding: 10px; /* ボックス2の内側の余白(枠線とテキストとの間の余白)を指定 */
	overflow: auto;
	height: 80px;
	color: #FF14A0;
	font-size: 13px;
	text-align: center;
	font-weight: bold;
	text-shadow: #cccccc 2px 2px 2px;
	border-radius: 10px;
}
div.box04 {
	margin: 0px 10px;
	padding: 0px 10px 0px 10px;
	border-top: #FFCA6F solid 2px;
	border-left: #FFCA6F solid 6px;
	border-right: #FFCA6F solid 6px;
	border-bottom: #FFCA6F solid 6px;
	border-bottom-left-radius: 10px;  /* 左下 */
	border-bottom-right-radius: 10px; /* 右下 */
}
div.box05 {
	margin: 10px;
	padding: 5px;
	border: 1px solid #ff9750;
	box-shadow: 5px 5px 5px #99FFFF;
}
div.box06 {
	margin: 10px;
	padding: 5px;
	border: 1px solid #ff9750;
	box-shadow: 5px 5px 5px #99FFFF;
	background-color: #FFFCDB;
}
div.box07 {
	margin: 10px;
	padding: 10px;
	border: 1px solid #ff9750;
	box-shadow: 5px 5px 5px #99FFFF;
}

div.box08 {
	margin:0 10px 10px 10px;
	padding: 0;
	border: 1px solid #ff9750;
	box-shadow: 5px 5px 5px #99FFFF;
}

div.box09 {
	margin:0 ;
	padding: 0;
	border: 1px solid #ff9750;
	box-shadow: 5px 5px 5px #99FFFF;
}

div.box10{
       margin:0 ;
       padding: 0.5em 1em; 
       background: -moz-linear-gradient(#05FBFF, #1E00FF);
       background: -webkit-linear-gradient(#05FBFF, #1E00FF); 
       background: linear-gradient(to right, #05FBFF, #1E00FF);
       color: #FFF;
}


div.free {
	border: 1px solid #ff9750;
	padding: 10px;
	margin-top: 0px;
	box-shadow: 5px 5px 5px #99FFFF;
	background-color: #FFFFFF;
}
/* 表 */
table.tb {
	width: 100%;
	border: 1px solid #D7D7D7;
	border-collapse: collapse;
	border-spacing: 0;
	text-align: left;
}
table.tb caption {
	margin: 0px;
	padding: 0px;
	caption-side: top;
}
table.tb th {
	padding: 5px;
	border: solid #cccccc 1px;
	background-color: #f8f8f8;
}
table.tb td {
	padding: 5px;
	border: solid #cccccc 1px;
	font-size: 14px;
	text-align: center !important;
}
td {
	text-align: center !important;
}
div.right {
	float: right;
	margin-left: 5px;
}
div.left {
	float: left;
	margin-right: 5px;
}
br.cleaer {
	clear: both;
}
.tel-link {
	color: #06F;
	font-size: 16px;
	font-weight: bold;
}
span .red {
	color: #f00;
}

ol.f{
padding-left:20px;
}
/*リスト表示*/
/* リストマーク画像 */
ul.skinSubList li {
	list-style-type: none;
	overflow: visible;
	padding-left: 15px;
	background: url(//stat.ameba.jp/user_images/20130703/13/uru-uru176/23/58/g/o0006001012597011083.gif) no-repeat;
}
/* 日付、テーマ、投稿者を右寄せにする */
.articleDetailArea {
	position: relative;
}
.articleTime {
	position: absolute;
	right: 0; /* 日付を右寄せにする */
}
.articleTheme {
	position: absolute;
	top: 10px; /* テーマの位置を調整する */
	left: 0; /* テーマを左にする */
	font-size: 10px; /* テーマの文字サイズを変更する*/
}
/* ランキング非表示　*/
.profileRanking {
	display: none;
}

/* ハッシュタグ非表示　*/

.hashtag-profile {
	display: none;
}

/* フリースペース　メニューリスト　*/

ul.free-menu{
padding: 0px !important;
}
ul.free-menu li{
	background-color:#FFFFFF;
	border-bottom: 1px dashed #E5B9E3;
	list-style-type: none;
	padding:5px 10px 5px 30px !important;
}

ul.free-menu li a{
	text-decoration:none;
        color: #0068B7;
	font-size:14px;
}

ul.free-menu li:hover{
	background-color:#FAEBEB;
}

ul.free-menu li a::before {
	font-family: FontAwesome;
	content :"\f0c9";
	margin-right: 5px;
}

ul.free-toiawase li{
background-color:#fff;
border-bottom:1px dashed #E5B9E3;
list-style:none;
padding:5px 10px 5px 30px;

}

ul.free-toiawase li a{
	font-size:16px;
	padding-left:10px;
	list-style:none;
	padding:5px 10px 5px 30px;
}

/* fade slider 　CSS3*/
.slides {
	width: 400px;
	height: 300px;
	margin: 10px auto;
	overflow: hidden;
	position: relative;
}
.slides ul {
	list-style: none;
	position: relative;
	padding-left: 0px;
}

/* keyframes #anim_slides */
/*ベンダー
@-webkit-keyframes anim_slides {
    0% {
        opacity:0;
    }
    6% {
        opacity:1;
    }
    24% {
        opacity:1;
    }
    30% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}
@-moz-keyframes anim_slides {
    0% {
        opacity:0;
    }
    6% {
        opacity:1;
    }
    24% {
        opacity:1;
    }
    30% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}
@-ms-keyframes anim_slides {
    0% {
        opacity:0;
    }
    6% {
        opacity:1;
    }
    24% {
        opacity:1;
    }
    30% {
        opacity:0;
    }
    100% {
        opacity:0;
    }
}*/
@keyframes anim_slides {
 0% {
 opacity:0;
}
 6% {
 opacity:1;
}
 24% {
 opacity:1;
}
 30% {
 opacity:0;
}
 100% {
 opacity:0;
}
}
.slides ul li {
	opacity: 0;
	position: absolute;
	top: 0;
	/* css3 animation */
 /* ベンダー
    -webkit-animation-name: anim_slides;
    -webkit-animation-duration: 30.0s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: normal;
    -webkit-animation-delay: 0s;
    -webkit-animation-play-state: running;
    -webkit-animation-fill-mode: forwards;

    -moz-animation-name: anim_slides;
    -moz-animation-duration: 30.0s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    -moz-animation-direction: normal;
    -moz-animation-delay: 0s;
    -moz-animation-play-state: running;
    -moz-animation-fill-mode: forwards;

    -ms-animation-name: anim_slides;
    -ms-animation-duration: 30.0s;
    -ms-animation-timing-function: linear;
    -ms-animation-iteration-count: infinite;
    -ms-animation-direction: normal;
    -ms-animation-delay:  0s;
    -ms-animation-play-state: running;
    -ms-animation-fill-mode: forwards;
*/
	animation-name: anim_slides;
	animation-duration: 30.0s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	animation-direction: normal;
	animation-delay: 0s;
	animation-play-state: running;
	animation-fill-mode: forwards;
}
/* css3 delays */
.slides ul li:nth-child(2), .slides ul li:nth-child(2) div {
	-webkit-animation-delay: 7.0s;
	-moz-animation-delay: 7.0s;
	-ms-animation-delay: 7.0s;
	animation-delay: 7.0s;
}
.slides ul li:nth-child(3), .slides ul li:nth-child(3) div {
	-webkit-animation-delay: 14.0s;
	-moz-animation-delay: 14.0s;
	-ms-animation-delay: 14.0s;
	animation-delay: 14.0s;
}
.slides ul li:nth-child(4), .slides ul li:nth-child(4) div {
	-webkit-animation-delay: 21.0s;
	-moz-animation-delay: 21.0s;
	-ms-animation-delay: 21.0s;
	animation-delay: 21.0s;
}
.slides ul li img {
	display: block;
}

/* keyframes #anim_titles */
/* ベンダー
@-webkit-keyframes anim_titles {
    0% {
        top:100%;
        opacity:0;
    }
    5% {
        top:50%;
        opacity:1;
    }
    20% {
        top:50%;
        opacity:1;
    }
    25% {
        top:0;
        opacity:0;
    }
    100% {
        top:0;
        opacity:0;
    }
}
@-moz-keyframes anim_titles {
    0% {
        top:100%;
        opacity:0;
    }
    5% {
        top:50%;
        opacity:1;
    }
    20% {
        top:50%;
        opacity:1;
    }
    25% {
        top:0;
        opacity:0;
    }
    100% {
        top:0;
        opacity:0;
    }
}
@-ms-keyframes anim_titles {
    0% {
        top:100%;
        opacity:0;
    }
    5% {
        top:50%;
        opacity:1;
    }
    20% {
        top:50%;
        opacity:1;
    }
    25% {
        top:0;
        opacity:0;
    }
    100% {
        top:0;
        opacity:0;
    }
} 
*/

@keyframes anim_titles {
 0% {
 top:100%;
 opacity:0;
}
 5% {
 top:50%;
 opacity:1;
}
 20% {
 top:50%;
 opacity:1;
}
 25% {
 top:0%;
 opacity:0;
}
 100% {
 top:0%;
 opacity:0;
}
}
.slides ul li div {
	font-weight: bold;
	text-shadow: 1px 1px 1px #000;
	color: #FFFFFF;
	font-size: 16px;
	width: auto;
	position: absolute;
	left: 3%;
	padding: 10px 10px 10px 45px;
	background-color: #5FC4EE;
	background-image: url(//stat.blogskin.ameba.jp/blogskin_images/20160802/14/8c/8x/p/o00400040uru-uru1761470115247906.png);
	background-repeat: no-repeat;
	border: 1px solid #ff9750;
	box-shadow: 5px 5px 5px #99FFFF;
	/* css3 animation */
/*ベンダー
    -webkit-animation-name: anim_titles;
    -webkit-animation-duration: 30.0s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: normal;
    -webkit-animation-delay:  0s;
    -webkit-animation-play-state: running;
    -webkit-animation-fill-mode: forwards;

    -moz-animation-name: anim_titles;
    -moz-animation-duration: 30.0s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    -moz-animation-direction: normal;
    -moz-animation-delay:  0s;
    -moz-animation-play-state: running;
    -moz-animation-fill-mode: forwards;

    -ms-animation-name: anim_titles;
    -ms-animation-duration: 30.0s;
    -ms-animation-timing-function: linear;
    -ms-animation-iteration-count: infinite;
    -ms-animation-direction: normal;
    -ms-animation-delay:  0s;
    -ms-animation-play-state: running;
    -ms-animation-fill-mode: forwards;*/

	animation-name: anim_titles;
	animation-duration: 30.0s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	animation-direction: normal;
	animation-delay: 0s;
	animation-play-state: running;
	animation-fill-mode: forwards;
}

.js-blogGenreRank.blogGenreEntryRankInfo__block{
display:none;

}