@charset "EUC-JP";
/*=============================================================
 *ブラウザ初期設定のリセット
 =============================================================*/

* {margin:0px; padding:0px; zoom:1;}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, img, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	border: 0;
	outline: 0;
}

/*JUGEM用*/
font {line-height: normal;}
/*見出し*/
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight: normal; line-height: normal; margin:0; padding:0;}
h2 {
font-weight: bold;
    padding: 0.5em 0.5em;
    background-color: #f6f6f6;
    border-left: 5px solid #ccc;
}
h3 {font-weight: bold;}
/*リンク*/
a {text-decoration:none; overflow:hidden; cursor:pointer; outline:none;}
a:hover, a:active {outline:none;}
/* フォーカス:remember to define focus styles! */
:focus {outline:0;}
/* テーブル:tables still need 'cellspacing="0"' in the markup */
table {border-collapse:collapse; border-spacing:0;}
/*or table {border-collapse:separate; border-spacing:0;}*/
/*画像*/
img,a img {border:0; vertical-align:baseline;}
/*リスト*/
ul li, ul ul li, ol li, ol ol li {list-style-type:none; list-style-position:inside; margin-left:  0em; padding-left: 0em;}
/*引用*/
blockquote, q {quotes: none;}
/*整形済*/
pre {
	white-space:pre; /*CSS2*/
	white-space:pre-wrap; /*CSS 2.1*/
	white-space:pre-line; /*CSS 3 (and 2.1 as well, actually)*/
	word-wrap:break-word; /*IE*/
}
/*水平線*/
hr {border:0; clear:both; margin:1em 0;}
/*フォーム:Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/*===========================================================*/
html,body {
	width: 100%;
	height: 100%;
	text-align: center; /*wrapperを中央に配置するため*/
	font-size: 11pt;
	line-height: 1.9em; /*for IE*/
	color: #222; 
	background: #FEFEFE;
	font-family:"メイリオ", Meiryo,  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	scrollbar-arrow-color: #ccc; /* IE用スクロールバーの設定 */
	scrollbar-face-color: #fefefe;
	scrollbar-3dlight-color: #fefefe;
	scrollbar-darkshadow-color: #fefefe;
	scrollbar-highlight-color: #ccc;
	scrollbar-shadow-color: #ccc;
	scrollbar-track-color: #fefefe;
}

/*===========================================================*/

/*=====ページ全体=====*/
#wrapper {
	width: 980px; /*全体の幅はここで変更*/
	margin: 0 auto;
}

/*=====ヘッダー=====*/
#header {
	height: auto;
	margin-bottom: 5px;
	padding: 5px 0px;
}
/*=====コンテナ(メイン・両サイドの枠)=====*/
#container {
	width: 100%;
	margin: 0 auto;
	text-align: left; /*bodyでの中央揃えを解除*/
}

/*=====(A)メイン(中央部分全体の枠)=====*/
#main {
	float: left;
	width: 69%;
	margin: 0;
}


/*=====(C)右サイド =====*/
#right_side {
	float: right;
	width: 30.5%;
	margin: 0;
}

/*=====フッター=====*/
#footer {
	clear: both;
	height: auto;
	padding: 15px;
	border-radius: 16px;
	-moz-border-radius: 16px;
	-webkit-border-radius: 8px;
	background: #dcdcdc;
}

/*===========================================================*/

/*=====基本=====*/
a:link {color: #0000ff;} 
a:visited {color: #800080;} 
a:hover {color: #ff8000;} 
a:active {color: #ff8000;} 

/*=====ブログ名,ブログ説明(詳細は[5]ヘッダーの項にて設定)=====*/
h1,h1 a:link,h1 a:visited {color: black;}
h1 a:hover,h1 a:active {color: #ff8000;}

/*=====記事タイトル(詳細は[8]記事の項にて設定)=====*/
h2,h2 a:link,h2 a:visited {color: #111;}
h2 a:hover,h2 a:active {color: #ff8000;}

#blog_description {color: #111;}

/*---記事内のリンク--*/
.entry_body a,.entry_more a {}

/*---続きを読む("Read More")---*/
.sequel_link,.sequel_link a:link,.sequel_link a:visited {
	font-size: 11pt;
	color: #111;
}

.sequel_link a:hover,.sequel_link a:active {
	font-size: bold;
	color: #ff8000;
}

/*=====サイドのメニューの各タイトル(詳細は[6]左サイドの項にて設定)=====*/
.menu_title,.menu_title a {
	font-weight: bold;
	text-transform: uppercase; /*全て大文字化*/
}
.menu_title,.menu_title a:link,.menu_title a:visited {color: white;}
.menu_title a:hover,.menu_title a:active {color: #ff8000;}

/*=====各メニュー内のリンク=====*/
.menu_area a:link {}
.menu_area a:visited {}
.menu_area a:hover,.MENU a:active {}

/*---カレンダーのリンク([6]左サイドの項にて設定)---*/
#calendar a {}

/*=====ページャー(前後の記事,ページ送りは[14]にて後述)=====*/
/*---前後の記事---*/
#entry_navi a {
background-color: black;
color: white;
}
/*---ページ送り---*/
#page a {}

/*=====画像=====*/
a img {border: 0;text-decoration: none;}

/*=====関連する記事,コメント、プロフィール各エリアのタイトル=====*/
.main_title {
	margin-bottom: 5px;
	padding: 5px;
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 1.3em;
	font-weight: bold;
	color: #111; /*ブログ、記事のタイトルと同色*/
}

/*---コメント投稿欄の見出しのURL,プロフィールのニックネーム---*/
.sub_title {
	padding: 5px 0;
	text-align: left;
	font-weight: bold;
	font-size: 1.1em;
	font-weight: bold;
	color: #111; /*ブログ、記事のタイトルと同色*/
}

/*===========================================================*/

/*=====ヘッダー=====*/
#header {}

/*---ブログ名(色は[4]リンクの項にて指定)---*/
h1 {
	font-size: 3.4em;
	font-weight: bold;
	line-height: normal; /*for IE*/
}

/*ブログ説明(色は[4]リンクの項にて指定)*/
#blog_description {
	font-size: 10px;
	text-align: left;
}

/*---パワード---*/
#powered {
	float: right;
	width: 30%;
	text-align: right;
}

/*===========================================================*/

/*=====左サイド=====*/
#left_side {}

/*-----各メニューの枠(左右共通)-----*/
.menu_area {
	margin-bottom: 4px;
	padding: 3px 10px;
	/*border: 1px solid #ccc;*/
	border-radius: 16px;
	-moz-border-radius: 16px;
	-webkit-border-radius: 8px;
	background: #ffffff;
}

/*-----各メニューのタイトル(左右共通)-----*/
.menu_title {
	margin: 0;
	text-align: center;
	background-color: black;
}

/*-----各メニューの内容(左右共通)-----*/
.menu_contents {
	display: none;
	margin-top: 5px;
	padding: 10px 5px 5px;
	font-size: 12pt;
}

/*-----各メニュー内のリスト(左右共通)-----*/
.menu_contents ul li {
	margin-left: 0;
	padding-left: 0;

}

.menu_contents ul li ul li {
	margin-left: 0.5em;
	padding-left: 0;
}

/*---カレンダー---*/
#calendar {
	font-size: 8pt;
	text-align: center;
}

#calendar table {
	margin: 0 auto;
	border-collapse: separate;
	border-spacing: 2px;
}

/*カレンダーのマス総合(※bold〜IEでNG有)*/
#calendar table tr td {
	width: 24px;
	height: auto;
	text-align: center;
}

/*カレンダーの曜日のマス*/
td.weekday {}

/*カレンダーテーブル1(年月曜日)*/
table.calendar_navi {}

/*カレンダーの年月欄*/
caption.calendar_month {}

/*カレンダーテーブル2(日付)*/
table.calendar {}

/*カレンダーの土日*/
td#sun {color: #933;}

td#sat {color: #339;}

/*カレンダーの日付のマス*/
td.cell {}

/*--カレンダーのリンク--*/
td.cell a:link,td.cell a:visited {
	display: block;
	color: #333;
	background: #eee;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
}

td.cell a:hover,td.cell a:active {
	display: block;
	color: #ff8000;
	background: #333;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
}

/*---最新記事---*/
.latest {
list-style: none;
overflow: hidden;
width: 280px;
padding: 0;
margin: 3px auto 3px;
font-size: 80%;
}

.latest li {
	list-style: none;
	overflow: hidden;
	width: 100%;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #879c18;
}
.latest li:last-child {
	border-bottom: 0px;
}
.latest li a {
display: block;
position: relative;
z-index: 10;
height: 40px;
margin: 0;
padding: 0px 1px 0px 16px;
line-height: 20px;
text-decoration: none;
/*font-weight:bold;*/
}
.latest li a:hover {
	background: #879c18;
}

#latestlist li a::before {
display: block;
content: "";
position: absolute;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
top: 50%;
left: 5px;
width: 8px;
height: 8px;
margin-top: -4px;
background: #fff;
}
#latestlist li a::after {
display: block;
content: "";
position: absolute;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
top: 50%;
left: 2px;
width: 8px;
height: 8px;
margin-top: -4px;
background: #0000FF;
}
#latestlist li a:hover:after {
	background: #879c18;
}

/*---最近のコメント---*/
#re_comment {}
/*---カテゴリー---*/
#categories {}
ul.genre li {
	list-style-type: none;
	line-height: 18px;
}
/*---アーカイヴ---*/
#archives {}
/*---プロフィール---*/
#prof {}

/*---モバイル(QRコード)---*/
#mobile {
	text-align: center;
}

/*===========================================================*/

/*=====右サイド=====*/
#right_side {}

/*---いま表示している記事---*/
#s_entries {}

/*---検索---*/
#site_search {}

/*検索フォーム*/
form#ss {}
/*検索テキスト入力欄input[text]*/
input#search {}
/*検索ボタンinput[type=submit]*/
input#s_submit {}

/*---フリースペース---*/
#fs1 {}
#fs2 {}
#fs3 {}
#fs4 {}
#fs5 {}

/*---リンク---*/
#links {}

.adsense_rec {
	margin-bottom: 5px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

/*===========================================================*/

/*=====1記事の枠=====*/
.entry {
	width: auto;
	height: auto;
	padding: 18px;
	margin-bottom: 5px;
	/* border: 1px solid #ccc; */
	border-radius: 14px;
	-moz-border-radius: 14px;
	-webkit-border-radius: 8px;
	background: #fefefe;
}

/*記事のタイトル*/
.entry h1 {
	padding: 10px;
	text-align: left;
	font-size: 1.6em;
	line-height: normal; /*for IE*/
}

/*投稿日時*/
.entry_date {
	text-align: left;
	border-bottom: 1px dotted #ccc;
	font-size: 80%;
}

.entry_date strong a {
    background-color: black;
    color: white;
    padding: 2px;
}

/*--記事本文(.jgm_entry_desc_mark)--*/
.entry_body {margin: 10px 0px 0px 0px;}

/*記事の続き*/
.entry_more {
	margin-top: 1em;
	padding-top: 1em;
	border-top: 1px dotted #ccc;
}

p.link_waku {
    border: 1px dotted #787878;
    padding: 10px;
    overflow: auto;
}

/*JUGEMテーマ*/
.jugem_theme {}


/*記事情報*/
.entry_state {
	padding-top: 5px; 
	text-align: center;
	border-top: 1px dotted #ccc;
}


/*===========================================================*/

/*=====(共通)関連する記事エリア,コメントエリア,プロフィールエリアの枠=====*/
#comment,#trackback,#profile {
	width: auto;
	height: auto;
	padding: 15px;
	margin-bottom: 20px;
	background-color: #fefefe;
	border: 1px solid #ccc;
	border-radius: 14px;
	-moz-border-radius: 14px;
	-webkit-border-radius: 14px;
}

#related_entry {
	width: auto;
	height: auto;
	padding: 15px;
	margin-bottom: 20px;
	background-color: #fefefe;
	border: 1px solid #ccc;
	border-radius: 14px;
	-moz-border-radius: 14px;
	-webkit-border-radius: 14px;
	font-size: 83%;
}
/*--.main_title--*/
#related_title {}

div#ad_kiji {
margin-top: 50px;
margin-left: 20px;
margin-right: auto;
margin-bottom: 8px;
/* text-align: center; */
text-align: center;
}

.adsense_kiji {
/* float: left; */
}

/*===========================================================*/

/*=====コメントエリア=====*/
#comment {}

/*--.main_title--*/
#comment_title {}

/*--1コメントの枠--*/
.comment_entry {
	margin-bottom: 15px;
	padding: 1em;
	border: 1px solid #ccc;
	border-radius: 14px;
	-moz-border-radius: 14px;
	-webkit-border-radius: 14px;
}

/*--コメント情報 --*/
.comment_state {
	margin-bottom: 5px;
	padding: 0;
}

/*--コメント本文 --*/
.comment_body {}
/*--コメント投稿欄--*/
#comment_send_title {}
/*--コメント投稿エリア --*/
.comment_send_form {}
/*--コメント投稿フォーム --*/
form#comment_area {}
/*input[type="text"] or input.input*/
#name,#email,#url {}
textarea#description {}
/*input[submit]*/
input#c_submit {}
/*input[type=checkbox]*/
input#set_cookie {}


/*===========================================================*/

/*=====プロフィールエリア=====*/
#profile{}

/*--.main_title--*/
#profile_title {}
/*--プロフィールのニックネーム --*/
#profile_name {}
/*--プロフィールの本文 --*/
#profile_body {}

/*===========================================================*/

/*=====フッター=====*/
#footer {}

/*---著作権---*/
#copyright {
	float: left;
	width: 68%;
	text-align: left;
	margin-right: auto;
	font-size: 60%;
}

/*---JUGEM広告(120px×240px)---*/
#pr {
	float: right;
	text-align: right;
	width: 30%;
}

#pr a {
	border: 0;
	text-decoration: none;
}

/*===========================================================*/

/*---前後の記事---*/
#entry_navi {
margin-bottom: 5px;
text-align: center;
font-size: 12px;
}

/*---ページ送り---*/
#pager {
	width: auto;
	height: auto;
	margin-bottom: 15px;
	text-align: center;
}

/*ページ送り：該当ページ*/
span.current {
	margin-left: 5px;
	padding: 0 5px;
	color: #fefefe; /*or inherit*/
	background: #eee;
	border: 1px solid #eee;
	border-radius: 14px;
	-moz-border-radius: 14px;
	-webkit-border-radius: 14px;
}

/*ページ送り：リンク*/
#pager span a:link,#pager span a:visited {
	margin-left: 5px;
	padding: 0 5px;
	color: #333;
	background: #eee;
	border: 1px solid #eee;
	border-radius: 14px;
	-moz-border-radius: 14px;
	-webkit-border-radius: 14px;
}

#pager span a:hover,#pager span a:active {
	margin-left: 5px;
	padding: 0 5px;
	color: #ff8000;
	background: #333;
	border: 1px solid #333;
	border-radius: 14px;
	-moz-border-radius: 14px;
	-webkit-border-radius: 14px;
}


/*--ページ送りの個々の枠総合--*/
#pager span {}
/*ページ送りの先頭ページ*/
span.first {}
/*ページ送り：前のページ*/
span.prev {}
/*ページ送り：次のページ*/
span.next {}
/*ページ送り：最終ページ*/
span.last {}

/*===========================================================*/

/*---水平線(IEでは色指定無効)---*/
hr {
	border: none;
	height: 1px;
	background-color: #ccc;
}
/*hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}*/

/*---引用など---*/
blockquote {
	margin: 1em;
	padding: 1em;
	border: 1px solid #ccc;
	border-radius: 14px;
	-moz-border-radius: 14px;
	-webkit-border-radius: 14px;
}

pre,code {
	/*font-size: 1.1em; 読み難い場合*/
	font-family: "Courier New", Consolas, Courier, "Lucida Console", monospace;
	color: #333;
	background: #eee;
}

pre {
	overflow: auto;
	margin: 1em;
	padding: 1em;
}

abbr,acronym {
	cursor: help;
	border-bottom: 1px dotted #333;
}

/*---記事内のリスト---*/
.entry ul, .entry ol {
	line-height: normal;
}

.entry ul li {
	margin-left: 1em;
	padding-left: 0;
	list-style: disc inside;
}

.entry ul ul li {
	list-style: circle inside;
}

.entry ol li {
	margin-left: 1em;
	padding-left: 0;
	list-style: decimal inside;
}

.entry ol ol li {
	list-style: upper-roman inside;
}

/*---記事内の画像---*/
img.pict {
	border: 0;
	padding: 5px;
	background: transparent;
	max-width: 100%;
	height: auto;
}

/*===========================================================*/

/*=====共通設定=====*/
input[type=text],input[type=submit],input[type=reset],input[type=password],input[type=file],
input[checkbox],input#s_word,textarea,select,select optgroup,select option {
	font-family: "Trebuchet MS", "メイリオ", "Meiryo", "Meiryo UI", Verdana, sans-serif;
	font-style: normal;
	font-size: 10pt;
	color: #333;
	background: #eee;
	border: 1px solid #eee;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
}

/*---テキストエリア---*/
textarea {
	width: 80%;
	height: 120px;
	padding: 4px;
	overflow: auto;
}

/*---テキスト入力欄(コメント投稿,検索)---*/
input[type=text],input[type=password],input[type=file],input#search {
	width: 60%;
	padding: 2px 4px;
}

/*--コメント投稿の各入力欄のmargin--*/
#description,input#name,input#email,input#url,input#tb_url {
	margin-bottom: 10px;
}

/*--検索フォーム(テキスト入力欄・ボタン)*/
form#ss {
	display: inline;
	vertical-align: bottom; /*for IE*/
}

/*---テキストエリア,テキスト・検索テキスト入力欄フォーカス時の配色(IEでは:focus無効)---*/
input[type=text]:hover,input[type=password]:hover,input[type=file]:hover,textarea:hover,input#search:hover,
input[type=text]:active,input[type=password]:active,input[type=file]:active,textarea:active,input#search:active,
input[type=text]:focus,input[type=password]:focus,input[type=file]:focus,textarea:focus,input#search:focus {
	color: #ff8000;
	background: #333;
	border: 1px solid #333;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
}

/*---ボタン---*/
input[type=submit],input[type=reset] {
	font-family: "Trebuchet MS", "MS UI Gothic", "メイリオ", "Meiryo", Verdana, "Meiryo UI", "Osaka-UI",  sans-serif;
	padding: 0 2px;
	overflow: visible; /* for IE */
}

/*--検索ボタン--*/
input.s_submit {}

/*---ボタン:フォーカス時の配色(IEでは:focus無効)---*/
input[type=submit]:hover,input[type=reset]:hover,
input[type=submit]:active,input[type=reset]:active {
	color: #ff8000;
	background: #333;
	border: 1px solid #333;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
}

/*--コメント送信ボタンとチェックボックス--*/
input#c_submit,input#set_cookie {
	vertical-align: baseline;
}

/*---予備：選択メニュー---*/
select,select optgroup,select option {
	font-style: normal;
	font-size: 18px;
	padding: 2px 4px;
	color: #333;
	background: #fefefe;
	border: 1px solid black;
	filter: alpha(opacity=70); /* for IE */
	-moz-opacity: 0.7; /* for Firefox(old) */
	-webkit-opacity: 0.7; /* for Google Chrome */
	opacity: 0.7;
}

select optgroup,select option {border: 0;}

/*===========================================================*/

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
	zoom: 1;
}

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0
	zoom: 1;
}

.sidefixed {
  position: fixed;
  top: 50px;
  width: 300px;
}

/*ソーシャルボタン*/
.share_waku {
  margin: 2px;
  background-color: #E7E4D0;
}
ul.share {
  padding: 0;
  margin: 0 0 12px;
  min-height: 20px;
}

ul.share li {
  list-style-type:none;
  float: right;
  margin: 0 5px;
}

/*---------------アルファベット別---------------*/
.artist li {
display: inline-block;
}
/*---------------google検索---------------*/
.ggl_search {
background-color: red;
padding: 3px;
}

ol.crumb {
  display:none;
  clear: both;
  font-size: 70%;
  color: #888;
list-style-type: none;
}
ol.crumb li {
  display: inline;
}
#eid ol.crumb, #cid ol.crumb {
  display:block;
}
#cid ol#pankuzu li.topic_entry {
  display: none;
}

.service_button {
    display: none;
}

.jugem_kijimid_resp { width: 300px; height: 250px; } @media(min-width: 336px) {.jugem_kijimid_resp { width: 336px; height: 280px; } }

.btn_tw{
width:100%;
font-size:15px;
position: relative;
height:30px;
line-height:30px;
text-align:center;
display: inline-block;
font-weight: bold;
padding: 0.25em 0.5em;
text-decoration: none;
color: #FFFFFF;
background: #55acee;
}
.btn_fl{
width:100%;
height:30px;
line-height:30px;
text-align:center;
font-size:15px;
position: relative;
display: inline-block;
font-weight: bold;
padding: 0.25em 0.5em;
text-decoration: none;
color: #FFFFFF;
background: #6cc655;
}