/*-----------------------------------------------------
ameblo CSS Skin Settings
Skin for:	basic_ad
FileName:   common.css
$Revision: 1.12 $
-----------------------------------------------------*/
/*============ ☆ かんたんCSS編集はこちら ☆ ==============*/

/*:(コロン)と、;(セミコロン)の間に色、画像、サイズなどを指定して下さい*/

/*１）ブログタイトルの文字サイズを変更する*/
#header h1 {
	font-size: 3.0em;
	/*-- 25px相当の文字サイズ --*/
}

/*２）ブログタイトルの文字色を変更する*/
#header h1 a {
	color: #333333;
	/*-- 濃いグレー --*/
}

/*３）ブログ説明の文字サイズを変更する*/
#header h2 {
	font-size: 1.0em;
	/*-- 12px相当の文字サイズ --*/
}

/*４）ブログ説明の文字色を変更する*/
#header h2 {
	color: #333333;
	/*-- 指定なし --*/
}

/*５）ページ背景に画像を入れる*/
body {
	background-image: url();
}

/*６）ページ全体の文字色を変更する*/
body {
	color: #333333;
	/*-- 濃いグレー --*/
}

/*７）記事タイトルの背景色を変更する*/
.entry h3.title {
	background-color: #EFEFEF;
	/*-- 薄いグレー --*/
}

/*８）記事タイトルの文字色を変更する*/
.entry h3.title {
	color: #333333;
	/*-- 濃いグレー --*/
}

/*９）サイドバーの見出し文字色を変更する*/
h4.menu_title {
	color: #333333;
	/*-- 濃いグレー --*/
}

/*１０）サイドバーの見出し背景色を変更する*/
h4.menu_title {
	background-color: #EFEFEF;
	/*-- 薄いグレー --*/
}

/*============ ☆ かんたんCSS編集はここまで ☆ ==============*/
/*===================================================================*/

/*============ ★ その他のCSS編集はこちらから ★ ==============*/
/*
目次
■ブログデザイン基本設定
+--基本設定
+--デザインカスタマイズ
   +--リンク
   +--リンク：訪問済み
   +--リンク：マウスオーバー時
   +--コンテンツ全体
   +--メインカラム
   +--サイドカラムA
   +--サイドカラムB

■ヘッダー
+--基本設定
+--デザインカスタマイズ
   +--ブログタイトル
   +--ブログ説明

■メインカラム
+--基本設定
+--デザインカスタマイズ
   +--メッセージボード
   +--記事
   +--トラックバック
   +--コメント
   +--読者一覧
   +--お気に入りブログ一覧
   +--ブックマーク一覧
   +--最新記事一覧

■サイドA(sub_a)&サイドB(sub_b)
+--基本設定
+--デザインカスタマイズ
   +--モジュールタイトル
   +--プロフィール
   +--ブログの読者
   +--カレンダー
   +--プラグイン

■フッター
+--基本設定
*/
/*===================================================================*/

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*■■■■■■■■■■ ブログデザイン基本設定 ■■■■■■■■■■*/

/*■■■基本設定 - ブログデザイン基本設定*/
/*■タグ初期化 - 基本設定 - ブログデザイン基本設定*/
html {
	font-size: 12px !important;
	*font-size: 75% !important;
	/*forIE6IE7*/
}

body {
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", Arial, Helvetica;
}

img {
	border: 0;
}

blockquote {
	margin: 12px 0;
	padding: 10px;
	border: 2px dotted #D4D4D4;
}

pre {
	margin: 0;
	padding: 0;
}

input,
textarea {}

p {
	margin: 0;
	padding: 0;
}

.menu_frame ul,
.menu_frame li,
.menu_frame dl,
.menu_frame dt,
.menu_frame dd,
#comment_module ul,
#comment_module li,
#trackback ul,
#trackback li,
#reader_list ul,
#reader_list li,
#favorite_list ul,
#favorite_list li,
#bookmark_list ul,
#bookmark_list li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

/*■フレーム - 基本設定 - ブログデザイン基本設定*/
#frame {
	width: 900px;
	margin: 0 auto;
	text-align: left;
}

#wrap {
	width: 900px;
}

#sub_main {
	width: 100%;
	overflow: hidden;
}

#main {
	overflow: hidden;
	word-break: break-all;
}

#sub_a {
	overflow: hidden;
	word-break: break-all;
}

#sub_b {
	overflow: hidden;
	word-break: break-all;
}

/*--フレームフロート解除--*/
#frame:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#wrap:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#frame {
	display: inline-block;
	min-height: 1%;
}

#wrap {
	display: inline-block;
	min-height: 1%;
}

/* Hides from IE-mac \*/
* html #frame {
	height: 1%;
}

* html #wrap {
	height: 1%;
}

#frame {
	display: block;
}

#wrap {
	display: block;
}

/* End hide from IE-mac */


/*■■■デザインカスタマイズ - ブログデザイン基本設定*/

/*■リンク*/
a {
	text-decoration: none;
	color: #0066CC;
}

/*■リンク：訪問済み*/
a:visited {
	text-decoration: none;
	color: #996699;
}

/*■リンク：マウスオーバー時*/
a:hover {
	text-decoration: underline;
	color: #FF3366;
}

/*■コンテンツ全体*/
#frame {
	background-color: #FFFFFF;
}

/*■メインカラム*/
#main {}

/*■サイドカラムA*/
#sub_a {
	color: #666666;
	background-color: #FFFFFF;
}

/*■サイドカラムB*/
#sub_b {
	color: #666666;
	background-color: #FFFFFF;
}


/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*■■■■■■■■■■■ ヘッダー ■■■■■■■■■■■■*/

/*■■■基本設定 - ヘッダー*/
#header {
	margin: 0;
	padding: 0 0 10px 0;
}

#header h1 {
	margin: 0;
	padding: 0 5px 8px 5px;
}

#header h2 {
	margin: 0;
	padding: 0 5px 45px 5px;
}

/*■■■デザインカスタマイズ - ヘッダー*/

/*■ブログタイトル*/
#header h1 {
	font-weight: bold;
	line-height: 1.2;
}

/*■ブログ説明*/
#header h2 {
	font-weight: normal;
	line-height: 1.2;
}


/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*■■■■■■■■■■ メインカラム ■■■■■■■■■■■*/

/*■■■基本設定 - メインカラム*/
/*■メッセージボード - 基本設定 - メインカラム*/
#message {
	margin-bottom: 14px;
}

#message .contents {
	padding: 14px 24px;
}

/*■記事 - 基本設定 - メインカラム*/
.entry {
	margin-bottom: 40px;
}

.entry .entry_head {
	height: 16px;
}

.entry .theme {
	display: block;
	padding: 0 0 5px 0;
}

.entry .date {
	display: block;
	float: left;
	margin: 0;
	padding: 1px 0;
}

.entry .name {
	display: block;
	float: right;
	margin: 2px 0 0 0;
	padding: 0;
}

.entry h3.title {
	clear: both;
	margin: 0 0 8px 0;
	padding: 3px 5px;
}

.entry .contents {
	margin: 15px 0 15px 0;
}

.entry .foot {
	padding-top: 5px;
}

/*■ページ送り - 基本設定 - メインカラムり*/
.page {
	margin: 0 auto 14px auto;
	padding: 0;
	font-size: 0.85em;
	text-align: center;
}

/*■トラックバック - 基本設定 - メインカラム*/
#trackback {
	margin: 15px 0 0;
	padding: 0;
}

#trackback h3.title {
	margin: 0px;
	padding: 7px 0 8px 0;
	background: none;
}

#trackback p.tr_URL {
	margin-bottom: 16px;
	padding: 0 0 8px 0;
}

#trackback ul {
	margin: 8px 0 18px 0;
	padding: 0 0 8px 0;
}

/*■コメント - 基本設定 - メインカラム*/
#comment_module h3.title {
	margin: 0;
	padding: 7px 0 8px 0;
}

#comment_module p.list {
	margin: 0 0 10px 0;
	padding: 0;
}

#comment_module .comment_body {
	margin: 0;
	padding: 0 0 10px 0;
}

#comment_module .each_comment {
	margin: 0;
	padding: 0 0 20px 0;
}

#comment_module .comment_footer {
	margin: 0;
	padding: 0;
}

#comment_module .error {
	margin-top: 20px;
	padding-bottom: 10px;
}

#comment_module form ul {
	width: 340px;
	margin: 0 auto;
}

#comment_module form li {
	display: block;
	width: 340px;
	margin-bottom: 5px;
}

#comment_module li.lastItem {
	display: block;
	width: 330px;
	margin-bottom: 5px;
	text-align: right;
}

#comment_module .button {
	margin-left: 5px;
	width: 80px;
	font-size: 0.91em;
}

#comment_module .error {
	color: #FF0000;
}

/*■読者一覧 - 基本設定 - メインカラム*/
#reader_list h3.title {
	margin: 0;
	padding: 7px 0 8px 0;
}

#reader_list li {
	margin: 0;
	padding: 8px 0;
}

#reader_list .reader_blog {
	display: block;
	margin-top: 2px;
}

/*■お気に入りブログ一覧 - 基本設定 - メインカラム*/
#favorite_list h3.title {
	margin: 0;
	padding: 0 0 5px 0;
}

#favorite_list ul {}

#favorite_list li {
	margin: 0;
	padding: 8px 0;
}

#favorite_list .favorite_blog {
	display: block;
	margin-top: 2px;
}

#favorite_list .favorite_theme {
	display: block;
	margin-top: 2px;
}

/*■ブックマーク一覧 - 基本設定 - メインカラム*/
#bookmark_list h3.title {
	margin: 0px;
	padding: 7px 0 8px 0;
}

#bookmark_list ul {}

#bookmark_list li {
	margin-bottom: 4px;
	padding: 4px 0;
}

/*■最新記事一覧 - 基本設定 - メインカラム*/
#recent_entries_list h3.title {
	margin: 0;
	padding: 7px 0 8px 0;
}

#recent_entries_list li {
	margin: 0;
	padding: 8px 0;
}


/*■■■デザインカスタマイズ - メインカラム*/
/*■メッセージボード - デザインカスタマイズ - メインカラム*/
#message .contents {
	border: 1px solid #D4D4D4;
}

/*■記事 - デザインカスタマイズ - メインカラム*/
/*記事テーマ*/
.entry .theme {
	border-bottom: 1px dotted #7E8984;
}

/*記事編集者名*/
.entry .name {
	color: #666666;
	font-size: 0.85em;
}

/*記事タイトル*/
.entry h3.title {
	font-size: 1.5em;
	font-weight: bold;
	line-height: 1.1;
}

/*記事内容*/
.entry .contents {
	line-height: 1.5;
}

/*記事リンクフッター*/
.entry .foot {
	border-top: 1px dotted #7E8984;
	font-size: 0.85em;
	text-align: right;
}

/*■トラックバック - デザインカスタマイズ - メインカラム*/
#trackback {
	border-top: 3px double #7E8984;
	line-height: 1.5;
}

/*トラックバック見出し*/
#trackback h3.title {
	font-size: 1.17em;
}

/*トラックバック内ブログタイトル*/
#trackback .label {
	font-weight: bold;
}

/*トラックバックURL*/
#trackback p.tr_URL {
	border-bottom: 1px dotted #7E8984;
}

/*トラックバックリスト*/
#trackback ul {
	border-bottom: 1px dotted #7E8984;
}

/*■コメント - デザインカスタマイズ - メインカラム*/
#comment_module {
	border-top: 3px double #7E8984;
	line-height: 1.5;
}

/*コメント見出し*/
#comment_module h3.title {
	background: none;
	font-size: 1.17em;
}

/*コメント記入欄を表示*/
#comment_module p.list {
	font-size: 0.85em;
}

/*コメントフッター*/
#comment_module .comment_footer {
	border-top: 1px dotted #7E8984;
}

/*各コメントタイトル*/
#comment_module .label {
	font-weight: bold;
}

/*■読者一覧 - デザインカスタマイズ - メインカラム*/
/*このブログの読者一覧見出し*/
#reader_list h3.title {
	background: none;
	font-size: 1.17em;
}

/*リスト*/
#reader_list li {
	border-bottom: 1px dotted #7E8984;
}

/*■お気に入りブログ一覧 - デザインカスタマイズ - メインカラム*/
/*お気に入りブログ一覧見出し*/
#favorite_list h3.title {
	background: none;
	font-size: 1.17em;
}

/*リスト*/
#favorite_list li {
	border-bottom: 1px dotted #7E8984;
}

/*■ブックマーク一覧 - デザインカスタマイズ - メインカラム*/
/*ブックマーク一覧見出し*/
#bookmark_list h3.title {
	background: none;
	font-size: 1.17em;
}

/*リスト*/
#bookmark_list li {
	border-bottom: 1px dotted #7E8984
}

/*■最新記事一覧 - デザインカスタマイズ - メインカラム*/
/*記事一覧見出し*/
#recent_entries_list h3.title {
	background: none;
	font-size: 1.17em;
}

/*リスト*/
#recent_entries_list li {
	border-bottom: 1px dotted #7E8984;
}

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*■■■■■■ サイドA(sub_a)&サイドB(sub_b) ■■■■■■*/

/*■■■基本設定 - サイド*/
/*■サイドA,B共通項目 - 基本設定 - サイド*/
div.mainMenu {
	margin: 0 0 30px 0;
	padding: 0;
	font-size: 0.91em;
	line-height: 1.3;
}

div.menu_frame {}

/*■モジュールタイトル - 基本設定 - サイド*/
h4.menu_title {
	margin: 0 0 10px 0;
	margin-left: 6px;
	margin-right: 6px;
	padding: 3px 6px;
}

/*■モジュール内一覧 - 基本設定 - サイド*/
.mainMenu ul {
	margin-left: 6px;
	margin-right: 6px;
}

.mainMenu dl {
	margin-left: 6px;
	margin-right: 6px;
}

.mainMenu p,
#search form {
	margin-left: 6px;
	margin-right: 6px;
}

/*■一覧を見る - 基本設定 - サイド*/
p.list,
p.link_blog {
	margin-left: 6px;
	margin-right: 6px;
	padding-top: 5px;
}

/*■ランキング - 基本設定 - サイド*/
#ranking .menu_frame {
	line-height: 1.4;
}

#ranking .rank_ttl {
	font-size: 1.2em;
	font-weight: bold;
}

#ranking .menu_frame img {
	vertical-align: bottom;
}

/*■プロフィール - 基本設定 - サイド*/
#profile p {
	display: block;
}

/*■ブログの読者 - 基本設定 - サイド*/
#reader dl {
	margin-bottom: 7px;
}

#reader dd {}

#reader ul {
	margin: 5px 5px 0 5px;
	padding: 8px 0 0 0;
}

#reader li {}

#reader p {
	display: inline;
}

/*■カレンダー - 基本設定 - サイド*/
#calendar {}

#calendar .menu_title {}

#calendar table {
	width: 168px;
	font-size: 0.91em;
	line-height: 1.3;
}

#calendar caption {
	padding: 5px 0;
}

#calendar caption a {
	padding: 0 5px;
}

#calendar th {
	padding: 0;
	text-align: center;
}

#calendar td {
	padding: 0;
	text-align: center;
}

/*■テーマ - 基本設定 - サイド*/
#theme_list select {
	margin-left: 6px;
	margin-right: 6px;
}

/*■最近の記事一覧 - 基本設定 - サイド*/
#recent_entries {}

/*■アーカイブ - 基本設定 - サイド*/
#archives select {
	margin-left: 6px;
	margin-right: 6px;
}

/*■検索 - 基本設定 - サイド*/
#search form {
	margin: 0 7px;
}

#search .searchbox {
	width: 100px;
}

#search .searchbtn {
	width: 40px;
}

/*■お気に入りブログ - 基本設定 - サイド*/
#favorite {}

/*■ブックマーク - 基本設定 - サイド*/
#bookmark {}

/*■最近のコメント - 基本設定 - サイド*/
#ecent_comment {}

/*■ランキング - 基本設定 - サイド*/
#ranking .rank_ttl {
	display: block;
}

#ranking .rank {
	display: block;
	padding: 0 3px 0 3px;
}

#ranking a {}

#ranking img {
	margin-left: 5px;
}

#ranking .rank_all {
	margin-bottom: 8px;
}

#ranking .rank_genre {
	margin-bottom: 8px;
}

/*■アメブロ推奨枠 - 基本設定 - サイド*/
#ameblo {
	padding-top: 7px;
	font-size: 0.85em;
	text-align: center;
}

#ameblo p {
	padding: 0 7px 7px 7px;
	line-height: 1.25;
	text-align: left;
}

#ameblo li {
	display: block;
	margin-bottom: 5px;
}

/*■RSS - 基本設定 - サイド*/
#rss {
	margin: -3px auto 0 auto;
	padding-bottom: 16px;
	border: none;
	background-image: none;
	text-align: center;
}


/*■■■デザインカスタマイズ - サイド*/
/*■モジュールタイトル - デザインカスタマイズ - サイド*/
h4.menu_title {
	font-size: 1.17em;
	font-weight: bold;
}

/*■プロフィール - デザインカスタマイズ - サイド*/
#profile #new_profile {
	color: #666666;
}

/*■ブログの読者 - デザインカスタマイズ - サイド*/
#reader ul {
	border-top: 1px dotted #7E8984;
}

/*■カレンダー - デザインカスタマイズ - サイド*/
/*日曜日*/
#calendar .sun {}

/*土曜日*/
#calendar .sat {}

/*ブログを書いた日*/
#calendar td a {
	font-weight: bold;
	text-decoration: underline;
}

/*■プラグイン - デザインカスタマイズ - サイド*/
.plugin {
	margin-bottom: 15px;
	text-align: center;
}


/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*■■■■■■■■■■■ フッター ■■■■■■■■■■■■*/

/*■■■基本設定 - フッター*/
div#footerArea {
	margin: 0;
	padding: 12px 8px 25px 0;
	border-top: 1px solid #666666;
	text-align: right;
}





/*-----------------------------------------------------
ameblo CSS Skin Layout Settings
Skin for:	basic_ad
FileName:   type_c.css
$Revision: 1.2 $
-----------------------------------------------------*/

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*■■■■■■■■■■■ カラムタイプ ■■■■■■■■■■*/
#main {
	float: left;
	width: 520px;
	margin: 0;
	padding: 70px 10px;
}

#sub_a {
	float: left;
	z-index: 1;
	width: 170px;
	margin: 0;
	padding: 0 10px 0 0;
}

#sub_b {
	float: right;
	z-index: 2;
	width: 170px;
	margin: 0;
	padding: 0;
	padding-top: 70px;
}


#header {
	background-image: url(https://stat.blogskin.ameba.jp/blogskin_images/20200419/16/87/wk/p/o09000300namstar1587279774665.png);
}

#header {
	height: 300px;
}

#header {
	background-repeat: repeat-x;
}

div#header h1 {
	/* visibility:hidden; */
	color: rgba(0, 0, 0, 0.0);
	opacity: 0.0;
	filter: alpha(opacity=0);
	/* For IE8 and earlier */
}

div#header h2 {
	visibility: hidden;
}

div#userNaviArea.clearFix {
	padding: 10px 0 10px 0;
}

body {
	background-color: #fff;
}

.skinHeaderArea2,
.skinBlogHeadingGroupArea {
	padding: 0;
}

#header h1,
.skinTitleArea {
	display: block;
	padding: 0;
	text-indent: -9999px;
}

#header h1 a,
.skinTitle {
	display: block;
	height: 300px;
}


/* 旧デザイン用グローバルメニュー */
.gnavArea {
	display: block;
	margin-top: -60px;
	position: absolute;
	margin-left: -6px;
}

#wrap {
	padding-top: 50px;
}

.gnavArea ul {
	overflow: hidden;

}

.gnavArea li {
	float: left;

}

.gnavArea li a {
	height: 55px;
	display: inline-block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;

}

.gnavArea .gnav01 a {
	width: 180px;
	height: 80px;

	background: url(https://stat.ameba.jp/user_images/20181016/13/namstar/f8/85/p/o0180008014285215769.png) no-repeat left top;
}

.gnavArea .gnav02 a {
	width: 180px;
	height: 80px;
	background: url(https://stat.ameba.jp/user_images/20181016/13/namstar/ca/ab/p/o0180008014285215771.png) no-repeat top;
}

.gnavArea .gnav03 a {
	width: 180px;
	height: 80px;
	background: url(https://stat.ameba.jp/user_images/20181016/13/namstar/bf/88/p/o0180008014285215773.png) no-repeat top;
}

.gnavArea .gnav04 a {
	width: 180px;
	height: 80px;
	background: url(https://stat.ameba.jp/user_images/20181016/13/namstar/e8/a1/p/o0180008014285215861.png) no-repeat top;
}

.gnavArea .gnav05 a {
	width: 180px;
	height: 80px;
	background: url(https://stat.ameba.jp/user_images/20181016/13/namstar/55/bd/p/o0180008014285215862.png) no-repeat top;
}