@charset "UTF-8";

/* ress.css */
*,:after,:before{box-sizing:inherit; /* 継承 */}
:after,:before{text-decoration:inherit;vertical-align:inherit; /* 継承 */}

/* html（スクロールバーの色設定が反映されるのはIEのみ） */
html {
  box-sizing: border-box; /* パディングとボーダーを幅と高さに含める */
  overflow-y: scroll; /* 横はみ出しスクロール */
  -webkit-text-size-adjust: 100%;
  scrollbar-base-color:#fff;
  scrollbar-face-color: #fff; /* バーの色 */
  scrollbar-3dlight-color: #999; /* 左上外側ライン */
  scrollbar-highlight-color: #fff; /* 左上内側ライン */
  scrollbar-shadow-color: #999; /* 右下内側ライン */
  scrollbar-darkshadow-color: #fff; /* 右下外側ライン */
  scrollbar-arrow-color: #999; /* 矢印 */
  scrollbar-track-color: #fff; /* トラック部分 */
}

/* ボディ */
body{
  margin: 0; /* 余白無し */
  padding: 0;
  text-align: left; /* 文字を左に設定 */
  letter-spacing: 0.8px;
  line-height: 20px; /* 文字間隔 */
  list-style: none;
  font-size: 12px; /* 文字サイズ */
  font-style: normal;
  font-weight: normal;
  font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", "メイリオ",Meiryo,arial,sans-serif; /* 文字種類 */
  color: #333; /* 文字色 */
  background: url(https://blog-imgs-110-origin.fc2.com/h/o/x/hoxho/hl.jpg) #fff left bottom no-repeat fixed;
  word-break: break-all; /* 範囲に合わせて改行 */
}

/* リンク文字 */
a {
  background-color: transparent;
  text-decoration: none; /* 下線無し */
  -webkit-text-decoration-skip: objects; /* 装飾なし */
}

a:link {color: #f98; /* 通常リンク */}
a:visited {color: #999; /* 訪問済リンク */}

a:focus,a:hover,a:active {
  color: #c66; /* カーソルを置いたときのリンク文字 */
   outline-width: 0; /* 輪郭の太さ */
}

/* イメージにリンクを貼ったときの設定 */
img {
  vertical-align: text-bottom; /* 上寄せ */
  border: none; /* 線無し */
  margin: 0px;
}

.left img {
  padding: 0 12px 0 0;
}

a img {
  border : none; /* 線無し */
}

a img:hover {
  border: none; /* 線無し */
  position: relative;
  top: 1px;
  left: 1px;
}

/* 絵文字 */
img.emoji {
  vertical-align: text-bottom; /* 上寄せ */
  border: 0; /* 線無し */
}



/* テーブルセル全般の文字設定 */
th,td {
  vertical-align: top; /* 上寄せ */
}

blockquote {
  margin: 0px;
  padding: 0px 6px;
  background-color: #f0f0f0;
  clear: both;
}

p {
  margin: 0;
  padding: 12px 0 0;
}

hr{
  height: 1px;
  border: 0;
  border-bottom: 1px dashed #999;
}

em{color: #fcb; font-style: normal;}

b{font-weight: bolder;}

strong{font-weight: bolder; font-size: 14px}

mark{background-color: #fcb;}

::-moz-selection{background-color:#ccc;color:#999;text-shadow:none;}
::selection{background-color:#999;color:#fff;text-shadow:none;}

ins{text-decoration: underline;}
del{color: #ccc; text-decoration: line-through;}
q{background-color: #f0f0f0;}
q:before{content: "201C";}
q:after{content: "201D";}
cite{font-style: italic,sans-serif;}

/* 入力エリア、リスト、ボタンの設定 */
input,textarea,select,submit {
  margin: 0;
  padding: 0;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  color: #333; /* 文字色 */
  background: #fff; /* 背景色 */
  border: 1px solid #999; /* 線の色 */
  font: inherit;
}

select {border: none;}
select::-ms-expand {display: none;}
textarea{overflow:auto; /* 必要ならスクロール */resize:vertical;}

[type=submit]{cursor:pointer;}
[hidden]{display:none; /* ないもの扱い */}

#name, #title, #mail, #url, #comment, #pass, #himitu, #send, #delete{
  width: 100%;
}

/* BOXの設定 */
.box {
  padding: 12px;
  border: 1px dashed #999;
}

.tbox {
  margin: 0 0 6px;
  font-weight: bold;
  color: #666; 
  text-align: center;
  border: 1px dashed #999;
}

.fff {
  padding: 3px;
  background-color: #fff;
}

.cht {
  padding: 3px;
  background: url(https://blog-imgs-34-origin.fc2.com/h/o/x/hoxho/cht.gif) #fcb repeat;
}

/*レイアウト設定----------------------------------------------*/

/* 外枠 */
#container {
  position: relative;
  width: 800px; /* 外枠の幅 */
  margin: 24px 120px 24px auto; /* 中央に設定 */
}

/* ヘッダー部分 */
#header {
  width: 780px; /* ヘッダー部分の幅 */
  margin: 0 auto; /* 中央に設定 */
  /* height: 200px; 高さを設定します */
}

/* メニュー部分 */
#menu {
  width: 780px; /* 幅 */
  margin: 0 auto; /* 中央に設定 */
  /* float: left; 左寄せ */
}

/* 記事部分 */
#main {
  width: 780px; /* 幅 */
  margin: 0 auto; /* 中央に設定 */
  /* float: right; 右寄せ */
}

/* フッター部分 */
#footer {
  width : 780px; /* フッター部分の幅 */
  margin: 0 auto; /* 中央に設定 */
  /* clear : both; 回り込み解除 */
}

#menu {
  zoom: 1;
  /* for IE 5.5-7 */
}

#menu:before {
  /* for modern browser */
  content: ".";
  display: block;/* 積み重ね */
  line-height: 0;
  height: 0;
  visibility: hidden;
}

#menu:after {
  /* for modern browser */
  content: ".";
  clear: both;
  display: block;/* 積み重ね */
  line-height: 0;
  height: 0;
  visibility: hidden;
}

/*タイトル設定------------------------------------------------*/

/* ブログタイトル */
.blog_title {
  padding: 24px 24px 12px; /* くっつき過ぎないように間隔を取っています */
  font-size: 54px; /* 文字サイズ */
  line-height: 60px; /* 文字間隔 */
  font-weight: bold; /* 太字 */
  font-family: 'Cabin Sketch';
}

/* ブログタイトルリンク */
.blog_title a {
  color: #666; /* 文字色 */
}

.blog_title a:hover {
  color: #999; /* カーソルを置いたときのリンク文字 */
}

/* サブタイトル */
.sub_title {
  padding: 24px 12px 0; /* くっつき過ぎないように間隔を取っています */
  color: #666; /* 文字色 */
  font-weight: bold; /* 文字normal文字 */
  font-size: 14px;
}


/*メニュー部分設定--------------------------------------------*/

/* メニュー囲み */
.menu_block {
  width: 130px; /* メニューの枠の幅 */
  padding: 12px 3px; /* 上下左右に間隔を取っています */
  float: left; /* 文字を左に設定 */
}

/* メニュータイトル */
.menu_title {
  padding: 1px 0 0; /* アイコンを入れるので左に間隔を取っています */
  font-weight: bold;
  color: #666; /* 文字色 */
  text-align: center; /* 文字を左に設定 */
  border: 1px dashed #999;
}

.menu_title a {
  font-weight: bold;
  color: #666; /* 文字色 */
}

.menu_title a:focus,
.menu_title a:hover,
.menu_title a:active{
  font-weight: bold;
  color: #c66; /* 文字色 */
}

/* メニューBODY */
.menu_body {
  width : 390px; /* メニューの枠の幅 */
  padding: 0 12px 6px; /* 上下左右に間隔を取っています */
  font-size: 12px;
}

/* メニューリスト親要素 */
ul {
  margin: 0; /* デフォルトでは間隔が広いので */
  padding: 0; /* デフォルトでは間隔が広いので */
  list-style-type: none; /* メニューリスト左に出る「・」を無くしました */
}

/* メニューリスト子要素 */
li {
  padding: 0 0 0 12px; /* デフォルトでは間隔が広いので */
  list-style-type: none; /* メニューリスト左に出る「・」を無くしました */
}


/*記事部分等設定----------------------------------------------*/

/* 記事部分等囲み */
.main_block {
  width : auto; /* 記事部分の枠の幅 */
  padding: 3px;
}

/* 記事部分等タイトル（アイコンを入れる場合はメニュータイトルを参考にしてください） */
.main_title {
  padding: 3px 12px; /* アイコンを入れるので左に間隔を取っています */
  font-size: 14px;
  font-weight: bold;
  color: #666; /* 文字色 */
  border-bottom: 1px dashed #c66; /* タイトルの下にライン */
  border-left: 18px solid #c66; /* タイトルの左にライン */
}

.main_title a:hover {
  color: #666; /* 文字色 */
}

/* 記事部分等本文囲み */
.main_body {
  padding: 18px; /* 上下左右に間隔を取っています */
}

/* 日付等のステータス */
.main_state {
  padding: 6px 0; /* 上下左右に間隔を取っています */
  text-align: right; /* 文字右寄せ */
  color: #666;
  font-size: 12px; /* 文字の大きさを少し小さめにしています */
}

/* 日付等のステータス */
.main_state2 {
  text-align: right; /* 文字右寄せ */
  color: #666;
  font-size: 12px; /* 文字の大きさを少し小さめにしています */
}

/* コメント、トラックバック囲み */
.link_block {
  padding: 12px 12px 0; /* アイコンを入れるので左に間隔を取っています */
}

/* コメント、トラックバックタイトル */
.link_title {
  padding: 0px; /* アイコンを入れるので左に間隔を取っています */
  font-size: 14px; /* タイトルなので文字を大きめにしました */
  font-weight: bold; /* 太字 */
  color: #999; /* 文字色 */
}

/*その他------------------------------------------------------*/

.display_none_159 {display:none;}

/* ADMINMENU設定　*/
.adminmenu {
  padding: 3px 24px 0; /* 上下左右に間隔を取っています */
  text-align: right; /* 文字中央寄せ */
  color: #666;
}

/* CATEGORYの設定 */
.category_menu {
  margin: 0px; /* 余白の上は0 右は0 下は1文字相当 左は0 */
  padding: 12px; /* 上下 左右の詰めは0.5文字相当 */
  border-bottom: 1px dashed #999; /* 上下左右に1pxでグレーの実線を表示 */
}

.category_menu a {
  font-weight: bold; /* 太字 */
}

.category_menu img{
  width: 112px;
  height: 84px;
  padding: 0 12px 0 0;
  background: url(https://blog-imgs-110-origin.fc2.com/h/o/x/hoxho/hss.jpg) no-repeat center center;
}

/* ページ移動 */
.page_navi {
  padding: 12px 0 0; /* 上下左右に間隔を取っています */
  text-align: center; /* 文字中央寄せ */
}

/* footer */
.footer_navi {
  padding: 24px; /* 上下左右に間隔を取っています */
  text-align: center; /* 文字中央寄せ */
}

.footer_navi a{
  color: #666; /* 文字色 */
}

/* カレンダー設定 */

/* カレンダー枠テーブル */
table.calender {width: auto;}

/* ヘッダー（年、月） */
.calender caption {font-size: 12px; border-bottom: 1px solid #eee; /* 下にラインを書いています */}

/* 曜日セル */
.calender th {font-weight: normal; text-align: center;}

/* 日付セル */
.calender td {text-align: center;}

/* 日曜日の色 */
th#sun {color: #c66;}

/* 土曜日の色 */
th#sat {color: #66c;}

/*
=====================================================================
*
* media query
*
* ===================================================================
*/
@media screen and (max-width: 1024px) {
  /* 1024px以下用（タブレット用）の記述 */ }

@media screen and (max-width: 767px) {
  /* 767px以下用（タブレット／スマートフォン用）の記述 */ }

@media screen and (max-width: 567px) {
  /* 567px以下用 */

body{
  word-break: break-all;
  background: url() no-repeat left bottom;
}
#container {
  position: relative;
  width: 100%; /* 外枠の幅 */
  padding: 12px 0;
  margin: 0; /* 中央に設定 */
}
#header {
  width : 100%; /* ヘッダー部分の幅 */
  text-align: center;
  position: relative;
  background: url(https://blog-imgs-34-origin.fc2.com/h/o/x/hoxho/top.gif) repeat-x center top;
}
#menu {width: 100%;}
#main {width: 100%; padding: 0 6px;}
#footer {width: 100%;}

/* タイトル */
.blog_title {
  padding: 0; /* くっつき過ぎないように間隔を取っています */
  font-size: 24px; /* 文字サイズ */
  line-height: 36px; /* 文字間隔 */
  font-weight: bold; /* 太字 */
  font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", "メイリオ",Meiryo,arial,sans-serif; /* 文字種類 */
}
.sub_title {
  padding: 36px 24px 0; /* くっつき過ぎないように間隔を取っています */
  font-size: 12px; /* 文字サイズ */
  color: #999; /* 文字色 */
  font-weight: bold; /* 文字normal文字 */
}

/* メニュー */
.menu_block {
  width: 33%; /* メニューの枠の幅 */
  padding: 1px 1px 12px; /* 上下左右に間隔を取っています */
  float: left; /* 文字を左に設定 */
}
.menu_title {
  padding: 0; /* アイコンを入れるので左に間隔を取っています */
  line-height: 30px; /* 文字間隔 */
  font-weight: bold;
  color: #666; /* 文字色 */
  text-align: center; /* 文字を左に設定 */
  border: 0px dashed #999;
}
.menu_body {
  width : 100%; /* メニューの枠の幅 */
  font-size: 12px;
}

/* 記事部分等本文囲み */
.main_body {padding: 0;}
.main_body img {max-width: 100%;	height: auto;}

/* 日付等のステータス */
.main_state {font-family: Abel,sans-serif;}
.main_state2 {font-family: Abel,sans-serif;}
label {font-family: Abel,sans-serif;}

/* CATEGORYの設定 */
.category_menu {padding: 6px 0;}

}