/*
-----------------------------------------
 【CSS編集 目次】

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

  ※CSS編集で広告を修正しないでください
  （規約違反に該当する可能性があります）
-----------------------------------------
*/
/*
＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊
　(1) 文字のスタイル
＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊
*/
body, input, button, select, textarea {
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}

/* (1-1) 全体の文字
--------------------------------------------*/
/* 通常文字 */
.skinTextColor, .skinBaseTextColor, .skinBlock, body {
  color: #666666;
}

/* リンク */
.skinAnchorColor, .skinBaseAnchorColor, .skinBlock a, a {
  color: #666666;
}

/* 訪問済のリンク */
.skinAnchorVisitedColor, .skinBaseAnchorVisitedColor, .skinBlock a:visited, a:visited {
  color: #666666;
}

/* マウスオーバーしたときのリンク */
.skinAnchorHoverColor, .skinBaseAnchorHoverColor, .skinBlock a:focus, .skinBlock a:hover, a:focus, a:hover {
  color: #aaaaaa;
  text-decoration: underline;
}

/* 弱い文字 （日付など）*/
.skinWeakColor, .skinBaseWeakColor {
  color: #cccccc;
}

/* 強い文字 （NEW! 更新!など）*/
/* (1-2) ブログタイトル文字
--------------------------------------------*/
/* skinTitle ブログタイトル文字 */
.skinTitle, .skinTitle:visited, .skinTitle:hover, .skinTitle:focus {
  color: #333333;
  font-weight: bold;
  font-size: 0.9em;
}

/* skinDescription ブログの説明文字 */
.skinDescription {
  color: #333333;
  font-size: 0.9em;
}

/* (1-3) 記事／メッセージボード内の文字のスタイル
--------------------------------------------*/
/* skinArticleTitle 記事タイトル文字 */
.skinArticleTitle, .skinArticleTitle:hover, .skinArticleTitle:focus, .skinArticleTitle:visited {
  font-size: 1.6em;
  font-weight: bold;
  color: #333333;
}

/* (1-4) サイドバー内の文字のスタイル
--------------------------------------------*/
/* skinMenuTitle サイドメニュータイトル文字 */
/*
＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊
 (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]
--------------------------------------------*/
.globalLinkArea:first-of-type {
  padding-top: 0;
}
.globalLinkArea .globalLinkAreaInner li {
  margin-right: 20px;
}

/* アイコン付き ボタンの背景画像 ※[横128px 縦28px]のボタンの背景画像を指定 */
.skinImgBtnS {
  background-image: none;
  background-color: #DFC699;
  border: 1px solid #DFC699;
  color: #FFFFFF;
  font-size: 14px;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.skinImgBtnS:hover {
  opacity: 0.7;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.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 {
  background-image: none;
  background-color: #DFC699;
  border: 1px solid #DFC699;
  border-radius: 0;
  min-width: 100px;
  color: #FFFFFF;
  font-size: 14px;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

/* ボタンにマウスオーバー */
.skinSimpleBtn:hover, .skinSimpleBtn:focus {
  opacity: 0.7;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.pagingArea {
  width: auto;
  min-height: 30px;
  margin: 10px auto;
}

.pagingPrev {
  text-align: left;
  right: 260px;
}

.pagingNext {
  text-align: right;
  left: 260px;
}

/*
＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊
 (3) エリアのスタイル
 ※背景画像、サイズ、ボーダーなどを各部分ごとに指定
＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊
*/
/* (3-1) ボディ（全体）
--------------------------------------------*/
.skinFrame {
  padding-top: 0;
}

/* skinBody ボディ */
.skinBody {
  background: #f2f2f2;
}

/* ←ブログ全体に背景を敷きたいとき */
/* (3-2) ブログヘッダー
--------------------------------------------*/
/* skinHeaderArea ブログヘッダー980pxエリア */
/* ←ブログヘッダーに背景画像を敷きたいとき */
.skinHeaderArea {
  height: 570px;
  padding-left: 20px;
  padding-right: 20px;
  background-image: url("http://kazokushuno.jp/ameblo/blog4fix.png");
  background-color: #FFF;
  background-repeat: no-repeat;
  background-position: left top;
}
.skinHeaderArea hgroup {
  display: none;
}

/* skinBlogHeadingGroupArea タイトルと説明を囲うエリア */
.skinBlogHeadingGroupArea {
  padding: 20px 0 30px;
  text-align: right;
}

/* skinTitleArea ブログタイトルのエリア */
.skinTitleArea {
  padding-bottom: 4px;
}

/* skinDescriptionArea ブログの説明エリア */
/* (3-3) コンテンツエリア
--------------------------------------------*/
/* skinContentsArea コンテンツ980pxエリア */
.skinContentsArea {
  /* 注 ベースのcssにwidth:980px;の記述有り */
  background: #FFF;
  padding-left: 20px;
  padding-right: 20px;
}

/* (3-4) メインエリア
--------------------------------------------*/
/* (3-5) メッセージボード
--------------------------------------------*/
.skinMessageBoard {
  border-top: 0;
  border-bottom: 0;
  background: rgba(226, 201, 180, 0.05);
  background-image: url(//stat.blogskin.ameba.jp/blogskin_images/20150301/15/e5/ir/p/o09502000happyhp-sample1425191281550.png), url(//stat.blogskin.ameba.jp/blogskin_images/20150301/15/e5/ir/p/o09502000happyhp-sample1425191281550.png);
  background-position: -480px 0px, -480px bottom;
  background-repeat: no-repeat;
  padding-top: 90px;
  padding-bottom: 40px;
}

.skinMessageBoard3 {
  padding: 16px 30px;
}

/* (3-6) 記事
--------------------------------------------*/
/* skinArticle 記事エリア */
.skinArticle {
  /* 注　ベースのcssに margin-bottom の記述有り */
  background: none !important;
  border: none;
  padding: 16px 0;
  margin-bottom: 60px;
}

/* skinArticleHeader 記事タイトルエリア */
.skinArticleHeader {
  border-bottom: 1px solid #cccccc;
  border-left: 0px;
  margin: 0 29px;
  padding: 2px 0px 20px;
}

/* skinArticleBody 記事本文エリア */
.skinArticleBody2 {
  margin: 0 29px;
}
.skinArticleBody2 a {
  color: #144277;
}
.skinArticleBody2 .articleDetailArea {
  margin-bottom: 30px;
}
.skinArticleBody2 .articleDetailArea .articleTime {
  margin-bottom: 5px;
  display: inline-block;
}

/* skinArticleFooter 記事フッターエリア */
.skinArticleFooter {
  margin: 10px 29px 0;
  padding: 15px 0px;
}

/* (3-7) サイドバーエリア
--------------------------------------------*/
/* サイドバーエリア共通 */
.skinSubArea a {
  color: #666666;
}

/* 300pxのサイドバーエリア */
/* 180pxのサイドバーエリア */
/* (3-8) サイドバー　メニュー
--------------------------------------------*/
/* skinMenu サイドバー　メニューのエリア */
.skinMenu {
  /* 注　ベースのcssに margin-bottom の記述有り */
  background: none;
  margin-bottom: 60px;
  /* ←サイドメニューに背景を敷きたいとき */
}

/* skinMenuHeader サイドメニュータイトルエリア */
.skinMenuHeader {
  background: #fff;
  height: 20px;
  padding: 0;
  margin-bottom: 5px;
  color: #333;
}

/* skinMenuBody サイドメニュー本文エリア */
.skinMenuBody {
  margin: 10px 0px;
  padding: 0px 9px;
  background: #ffffff;
  /* ←サイドメニューの本文に背景を敷きたいとき */
}

.listLink .list {
  margin-top: 5px;
}

/* (3-9) サイドバーの　リスト画像、ボーダー
※要素のbottomに指定すること
--------------------------------------------*/
.skinSubHr, .skinSubList li {
  border-bottom: 1px dotted #cccccc;
  margin-bottom: 10px;
  padding-bottom: 10px;
}

.skinSubList li a:hover {
  text-decoration: underline;
}

/* (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) その他、拡張
＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊
*/
/* その他、拡張があれば記述 */
/*//////////////////////////ヘッダー&フッター///////////////////////////*/
.skinContentsArea {
  padding-top: 113px;
  padding-bottom: 60px;
}

/*///////////////////////////　ヘッダー　//////////////////////////////*/
/*--------------　ヘッダーメニュー：位置設定　---------------*/
.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 {
  border-left-style: solid;
}

#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 center;
}

.layoutContentsA {
  padding-top: 20px;
}

.layoutContentsB {
  padding-top: 20px;
}

/*---------------------　ヘッダーメニュー表示設定　---------------------*/
#headerMenu {
  top: 0px;
  left: 0px;
  padding-left: 55px;
  padding-right: 20px;
}

#headerMenu ul.menu li {
  height: 60px;
  line-height: 60px;
}

#headerMenu ul.menu li {
  width: 200px;
}

#headerMenu ul.menu > li {
  border-width: 0;
}

#headerMenu ul.menu li a {
  text-indent: -9999px;
}

#headerMenu ul.menu li.menu1 {
  width: 145px;
}

#headerMenu ul.menu li.menu1 a {
  background-image: url("//stat.blogskin.ameba.jp/blogskin_images/20171010/21/e7/oi/p/o10200120sora88771507639618530.png");
  background-repeat: no-repeat;
  background-position: -55px 0px;
}

#headerMenu ul.menu li.menu1 a:hover {
  background-image: url("//stat.blogskin.ameba.jp/blogskin_images/20171010/21/e7/oi/p/o10200120sora88771507639618530.png");
  background-repeat: no-repeat;
  background-position: -55px -60px;
}

#headerMenu ul.menu li.menu2 a {
  background-image: url("//stat.blogskin.ameba.jp/blogskin_images/20171010/21/e7/oi/p/o10200120sora88771507639618530.png");
  background-repeat: no-repeat;
  background-position: -200px -0px;
}

#headerMenu ul.menu li.menu2 a:hover {
  background-image: url("//stat.blogskin.ameba.jp/blogskin_images/20171010/21/e7/oi/p/o10200120sora88771507639618530.png");
  background-repeat: no-repeat;
  background-position: -200px -60px;
}

#headerMenu ul.menu li.menu3 a {
  background-image: url("//stat.blogskin.ameba.jp/blogskin_images/20171010/21/e7/oi/p/o10200120sora88771507639618530.png");
  background-repeat: no-repeat;
  background-position: -400px -0px;
}

#headerMenu ul.menu li.menu3 a:hover {
  background-image: url("//stat.blogskin.ameba.jp/blogskin_images/20171010/21/e7/oi/p/o10200120sora88771507639618530.png");
  background-repeat: no-repeat;
  background-position: -400px -60px;
}

#headerMenu ul.menu li.menu4 a {
  background-image: url("//stat.blogskin.ameba.jp/blogskin_images/20171010/21/e7/oi/p/o10200120sora88771507639618530.png");
  background-repeat: no-repeat;
  background-position: -600px -0px;
}

#headerMenu ul.menu li.menu4 a:hover {
  background-image: url("//stat.blogskin.ameba.jp/blogskin_images/20171010/21/e7/oi/p/o10200120sora88771507639618530.png");
  background-repeat: no-repeat;
  background-position: -600px -60px;
}

#headerMenu ul.menu li.menu5 a {
  background-image: url("//stat.blogskin.ameba.jp/blogskin_images/20171010/21/e7/oi/p/o10200120sora88771507639618530.png");
  background-repeat: no-repeat;
  background-position: -800px -0px;
}

#headerMenu ul.menu li.menu5 a:hover {
  background-image: url("//stat.blogskin.ameba.jp/blogskin_images/20171010/21/e7/oi/p/o10200120sora88771507639618530.png");
  background-repeat: no-repeat;
  background-position: -800px -60px;
}

/*///////////////////////////　サイドバー　//////////////////////////////*/
.profileMenu {
  margin-bottom: 30px;
}

/*---------------------　プロフィールのボタン　---------------------*/
.skinSubArea .profileBtnArea {
  margin: 0 -9px;
}
.skinSubArea .profileBtnArea li .skinImgBtnS {
  width: 143px;
  margin-bottom: 10px;
  font-weight: normal;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.skinSubArea .listImagetop {
  background: none;
}

/*---------------------　読者ボタン　---------------------*/
.skinSubA .profileBtnArea li .readerBtn {
  margin-right: 10px;
}
.skinSubA .readerRequestArea .readerBtn {
  background: #d8c0a2;
  border-color: #433212;
  border-radius: 50px;
  width: 200px;
  height: 36px;
  line-height: 36px;
  font-size: 14px;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.skinSubA .readerRequestArea .skinImgBtnS:hover {
  opacity: 0.7;
}

/*---------------------　フリースペース　---------------------*/
.freespaceArea {
  margin-top: 0px;
  /*margintopクリア*/
  /*GOODS*/
  /*執筆書籍*/
  /*雑誌掲載*/
}
.freespaceArea .side_menu_block {
  margin: 0 0 10px;
}
.freespaceArea .side_menu_block .side_menu li {
  margin: 0 0 30px;
}
.freespaceArea .side_menu_block .side_menu li a {
  background-image: url("//stat.blogskin.ameba.jp/blogskin_images/20171010/21/51/yl/p/o03000270sora88771507639656797.png");
  background-repeat: no-repeat;
  width: 300px;
  height: 70px;
  display: block;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.freespaceArea .side_menu_block .side_menu li a:hover {
  opacity: 0.7;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.freespaceArea .side_menu_block .side_menu .side_menu_item1 a {
  background-position: 0 0;
}
.freespaceArea .side_menu_block .side_menu .side_menu_item2 a {
  background-position: 0 -100px;
}
.freespaceArea .side_menu_block .side_menu .side_menu_item3 a {
  background-position: 0 -200px;
}
.freespaceArea .link_block {
  margin-bottom: 30px;
}
.freespaceArea .link_block .skinMenuHeader {
  margin-bottom: 20px;
}
.freespaceArea .link_block .item_box {
  text-align: center;
}
.freespaceArea .link_block .item_box .link_box {
  text-decoration: none;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  display: block;
}
.freespaceArea .link_block .item_box .link_box:hover {
  opacity: 0.7;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.freespaceArea .link_block .item_box .item_img {
  background-image: url("http://kazokushuno.jp/ameblo/side_bg.png");
  background-repeat: no-repeat;
  width: 200px;
  height: 200px;
  margin: 0 auto 10px;
}
.freespaceArea .link_block .item_box .item_text {
  text-align: center;
  margin: 0 auto 5px;
}
.freespaceArea .link_block .item_box .item_link {
  background-image: url("http://kazokushuno.jp/ameblo/side_bg.png");
  background-repeat: no-repeat;
  background-position: 0 -948px;
  min-height: 11px;
  padding-left: 15px;
  color: #144277;
  text-align: center;
}
.freespaceArea .goods_block .item_img {
  background-position: 0 0;
}
.freespaceArea .goods_block .item_link {
  line-height: 20px;
}
.freespaceArea .book_block .item_img {
  background-position: 0 -370px;
}
.freespaceArea .media_block .item_img {
  background-position: 0 -700px;
}

/*---------------------　300pxタイトル　---------------------*/
/*プロフィール*/
.skinSubA .profileMenu .skinMenuHeader {
  text-indent: -9999px !important;
  background-image: url("//stat.blogskin.ameba.jp/blogskin_images/20171010/21/ec/xJ/p/o06400320sora88771507639633792.png");
  background-position: -340px 0px;
  background-repeat: no-repeat;
}

/*最近の記事*/
.skinSubA .recentEntriesMenu .skinMenuHeader {
  text-indent: -9999px !important;
  background-image: url("//stat.blogskin.ameba.jp/blogskin_images/20171010/21/ec/xJ/p/o06400320sora88771507639633792.png");
  background-position: -340px -50px;
  background-repeat: no-repeat;
}

/*テーマ*/
.skinSubA .themeMenu .skinMenuHeader {
  text-indent: -9999px !important;
  background-image: url("//stat.blogskin.ameba.jp/blogskin_images/20171010/21/ec/xJ/p/o06400320sora88771507639633792.png");
  background-position: -340px -100px;
  background-repeat: no-repeat;
}

/*アーカイブ*/
.skinSubA .archiveMenu .skinMenuHeader {
  text-indent: -9999px !important;
  background-image: url("//stat.blogskin.ameba.jp/blogskin_images/20171010/21/ec/xJ/p/o06400320sora88771507639633792.png");
  background-position: -340px -150px;
  background-repeat: no-repeat;
}

/*GOODS*/
.skinSubA .goods_block .skinMenuHeader {
  text-indent: -9999px !important;
  background-image: url("//stat.blogskin.ameba.jp/blogskin_images/20171010/21/ec/xJ/p/o06400320sora88771507639633792.png");
  background-position: -340px -200px;
  background-repeat: no-repeat;
}

/*執筆書籍*/
.skinSubA .book_block .skinMenuHeader {
  text-indent: -9999px !important;
  background-image: url("//stat.blogskin.ameba.jp/blogskin_images/20171010/21/ec/xJ/p/o06400320sora88771507639633792.png");
  background-position: -340px -250px;
  background-repeat: no-repeat;
}

/*雑誌掲載*/
.skinSubA .media_block .skinMenuHeader {
  text-indent: -9999px !important;
  background-image: url("//stat.blogskin.ameba.jp/blogskin_images/20171010/21/ec/xJ/p/o06400320sora88771507639633792.png");
  background-position: -340px -300px;
  background-repeat: no-repeat;
}

/*---------------------　180pxタイトル　---------------------*/
/*プロフィール*/
.skinSubB .profileMenu .skinMenuHeader {
  text-indent: -9999px !important;
  background-image: url("//stat.blogskin.ameba.jp/blogskin_images/20171010/21/ec/xJ/p/o06400320sora88771507639633792.png");
  background-position: 0px 0px;
  background-repeat: no-repeat;
}

/*最近の記事*/
.skinSubB .recentEntriesMenu .skinMenuHeader {
  text-indent: -9999px !important;
  background-image: url("//stat.blogskin.ameba.jp/blogskin_images/20171010/21/ec/xJ/p/o06400320sora88771507639633792.png");
  background-position: 0px -50px;
  background-repeat: no-repeat;
}

/*テーマ*/
.skinSubB .themeMenu .skinMenuHeader {
  text-indent: -9999px !important;
  background-image: url("//stat.blogskin.ameba.jp/blogskin_images/20171010/21/ec/xJ/p/o06400320sora88771507639633792.png");
  background-position: 0px -100px;
  background-repeat: no-repeat;
}

/*アーカイブ*/
.skinSubB .archiveMenu .skinMenuHeader {
  text-indent: -9999px !important;
  background-image: url("//stat.blogskin.ameba.jp/blogskin_images/20171010/21/ec/xJ/p/o06400320sora88771507639633792.png");
  background-position: 0px -150px;
  background-repeat: no-repeat;
}

/*GOODS*/
.skinSubB .goods_block .skinMenuHeader {
  text-indent: -9999px !important;
  background-image: url("//stat.blogskin.ameba.jp/blogskin_images/20171010/21/ec/xJ/p/o06400320sora88771507639633792.png");
  background-position: 0px -200px;
  background-repeat: no-repeat;
}

/*執筆書籍*/
.skinSubB .book_block .skinMenuHeader {
  text-indent: -9999px !important;
  background-image: url("//stat.blogskin.ameba.jp/blogskin_images/20171010/21/ec/xJ/p/o06400320sora88771507639633792.png");
  background-position: 0px -2５0px;
  background-repeat: no-repeat;
}

/*雑誌掲載*/
.skinSubB .media_block .skinMenuHeader {
  text-indent: -9999px !important;
  background-image: url("//stat.blogskin.ameba.jp/blogskin_images/20171010/21/ec/xJ/p/o06400320sora88771507639633792.png");
  background-position: 0px -300px;
  background-repeat: no-repeat;
}

.rss {
  display: none;
}

/*2018.07.30KOMにて追加したCSS*/
.free_box {
width:100%;
text-align:center;
font-size:12px;
line-height:1.8em;
}

.goods_title {
background-image: url("http://kazokushuno.jp/ameblo/goods.png");
background-repeat:no-repeat;
height:30px;
width:100%;
margin:30px auto 0 auto;
}

.book_title {
background-image: url("http://kazokushuno.jp/ameblo/book.png");
background-repeat:no-repeat;
height:30px;
width:100%;
margin:30px auto 0 auto;
}

.magazine_title {
background-image: url("http://kazokushuno.jp/ameblo/magazine.png");
background-repeat:no-repeat;
height:30px;
width:100%;
margin:30px auto 0 auto;
}


.goods01 {
background-image: url("http://kazokushuno.jp/ameblo/goods01.png");
width:200px;
height:200px;
margin:auto;
margin-top:30px;
margin-bottom:20px;
}

.goods02 {
background-image: url("http://kazokushuno.jp/ameblo/goods02.png");
width:200px;
height:190px;
margin:auto;
margin-top:30px;
margin-bottom:20px;
}

.goods03 {
background-image: url("http://kazokushuno.jp/ameblo/goods03.png");
width:200px;
height:190px;
margin:auto;
margin-top:30px;
margin-bottom:20px;
}


.book01 {
background-image: url("http://kazokushuno.jp/ameblo/book01.png");
width:200px;
height:173px;
margin:auto;
margin-top:30px;
margin-bottom:20px;
transition: 0.5s;
}

.book01:hover {
opacity:0.7;
transition: 0.5s;
}

.magazine01 {
background-image: url("http://kazokushuno.jp/ameblo/magazine01.png");
width:200px;
height:209px;
margin:auto;
margin-top:30px;
margin-bottom:20px;
transition: 0.5s;
}

.magazine01:hover {
opacity:0.7;
transition: 0.5s;
}

.free_box a {
color: #DFC699;
text-decoration:none;
transition: 0.5s;
}

.free_box a:hover {
color: #666666;
transition: 0.5s;
}