@charset "UTF-8";
/*===LEGACY_STYLE===*/

/*--------------------------------------------------
skin.css
$Id$
--------------------------------------------------*/

/*TOC===============================================

カラー設定
ボタンのスタイル
ブロックごとのスタイル

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




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

　カラー設定

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

/* テキスト色
--------------------------------------------*/
/*ブログタイトルテキスト*/
.skinTitleColor,
.skinBlogTitle a {
color:#ff6699;
}

/*記事タイトルテキスト*/
.skinArticleTitleColor{
color:#996633; 			/* 【CSS規則】colorのみ指定可能 */
}

/* リンク色（基本） */
.skinAnchorColor,
a {
color:#fa98b0; 			/* 【CSS規則】colorのみ指定可能 */
}

/* リンク色（visited） */
.skinAnchorVisitedColor,
a:visited{
color:#fa98b0; 			/* 【CSS規則】colorのみ指定可能 */
}

/* リンク色（active）*/
.skinAnchorActiveColor,
a:active {
color:ff9900;
}

/* テキスト基本色 */
.skinTextColor,
body{
color:#996633; 			/* 【CSS規則】colorのみ指定可能 */
 }

/* テキスト淡色 */
.skinWeakColor{
color:#b6b6b6; 			/* 【CSS規則】colorのみ指定可能 */
}

/* 強調　テキスト色 */
.skinStrongColor{
color:#ff3399;			/* 【CSS規則】colorのみ指定可能 */
}

/* コピーライトテキスト色 */
.skinCopyrightColor{
color:#ffffff;			/* 【CSS規則】colorのみ指定可能 */
}

/* アイコン色
--------------------------------------------*/
.skinIconColor{
color:#f69;
}


/* 背景色
--------------------------------------------*/
/* 背景色 */
.skinBgColor,
.skinBody2{
background-color:#e1f5ed;			/* 【CSS規則】background-colorのみ指定可能 */
}

/* 淡　背景色 */
/*グローバルナビと検索ボックスの背景*/
.skinWeakBgColor,
.skinPagenationTop,
.skinProfileModule,
/*モジュール類のタイトル部分*/
.skinModuleHeader,
#modCategoryAlliance h1{
background-color:#bceb9e;		/* 【CSS規則】background-colorのみ指定可能 */
}

/* 強調　背景色 */
.skinStrongBgColor,
.skinCopyrightColor,
.skinBody{
background-color:#bceb9e;		/* 【CSS規則】background-colorのみ指定可能 */
}

/* 透過　背景色 */
.skinOpacity,
.skinContents,
#wrapCategoryAlliance {
background-color:rgba(255, 255, 255, 0.7);			/* 【CSS規則】background-colorのみ指定可能 */
}


/* 枠線色,帯色
--------------------------------------------*/*
.skinBorderColor,
.skinContents {
border:1px solid #bfeda1;		/*【CSS規則】borderはすべて同じ色を指定 */
}

.skinBorderBottomColor,
.skinContents .skinListTitle,
.skinEntryHeader,
.skinBorderList li{
border-bottom:1px solid #bfeda1;		/*【CSS規則】borderはすべて同じ色を指定 */
}

/*アメンバー記事のコメント欄の上の線*/
.skinBorderTopColor,
.skinCbox{
 border-top:1px solid  #bfeda1;		/*【CSS規則】borderはすべて同じ色を指定 */
 }

/*コメントリストの点線*/
.skinBorderBottomDottedColor,
.skinCmntLi li{
border-bottom:1px dotted #bfeda1;		/*【CSS規則】borderはすべて同じ色を指定 */
}

.skinBorderTopDottedColor,
.skinCmntLi li:first-child {
border-top:1px dotted #bfeda1;		/*【CSS規則】borderはすべて同じ色を指定 */
}

/* 枠線色　例外色
--------------------------------------------*/
/*フッターのリストの線*/
.skinBorderRightColor,
.skinFuncNav li,
.skinFooterNav li{
border-right:1px solid #ccc;	/*リンク色（基本）と同じ色*/
}

/*グローバルナビの区切り線*/
.skinBorderLeftColor,
.skinProfileModule  li{
 border-left:solid 1px #ccc;		/*テキスト基本色と同じ色*/
 }


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

 ボタンのスタイル

==============================================*/
/*ナビゲーションの画像
--------------------------------------------*/
/*
 ナビゲーションの画像は下記から指定
skin_icon_nav_pastel.png(パステル）
skin_icon_nav_red.png（赤）
skin_icon_nav_pink.png（ピンク）
skin_icon_nav_orange.png（オレンジ）
skin_icon_nav_navy.png（ネイビー）
skin_icon_nav_gray.png（グレー）
skin_icon_nav_default.png（デフォルトグリーン）
skin_icon_nav_brown.png（茶）
skin_icon_nav_black.png（黒）
*/
.skingNavBtn,
.skinImgNavi ul li a{
background-image:url(/blog/img/sp/user/skin/skin_icon_nav_pink.png);		/* 【CSS規則】background-imageのみ指定可能 */
}

/*アイコン
--------------------------------------------*/
/*
その他 アイコン画像は下記から指定
skin_icon_pastel.png(パステル）
skin_icon_red.png（赤）
skin_icon_pink.png（ピンク）
skin_icon_orange.png（オレンジ）
skin_icon_navy.png（ネイビー）
skin_icon_gray.png（グレー）
skin_icon_default.png（デフォルトグリーン）
skin_icon_brown.png（茶）
skin_icon_black.png（黒）
*/

/*コメント、ペタ、ポケット、読者ボタンなどのアイコン*/
.skinBtnWrapper span,
.skinArchiveNav a,
.skinPagenationTop span,
.skinPagenation span,
.skinBtnA,/*背景色がスキンによって変わるボタン*/
.skinBtnB,/*背景色が固定のボタン*/
.skinIco,
.skinBorderList li a,
.skinImageNav span,
.linkMore a span:nth-child(1){
background-image:url(/blog/img/sp/user/skin/skin_icon_pink.png);		/* 【CSS規則】background-imageのみ指定可能 */
background-size:30px auto;
-webkit-background-size:30px auto;
background-repeat:no-repeat;
}


/* ボタンの枠線と背景色
--------------------------------------------*/
/*コメント、ペタ、ポケット、読者ボタンなどの枠線*/
.skinCmntArea {
border-top:1px solid #d6d6d6!important;		/* 【CSS規則】ボタンのborderはすべて同じ色を指定 */
border-left:1px solid #d6d6d6!important;		/* 【CSS規則】ボタンのborderはすべて同じ色を指定 */
border-right:1px solid #d6d6d6!important;		/* 【CSS規則】ボタンのborderはすべて同じ色を指定 */
}
.skinPetaPocketArea,
#info,
.skinArchiveNav,
#modCategoryAlliance .inner a{
border:1px solid #d6d6d6!important;		/* 【CSS規則】ボタンのborderはすべて同じ色を指定 */
}
.skinCmnt,
.skinPeta,
.skinShowEntry {
border-right:1px solid #d6d6d6;		/* 【CSS規則】ボタンのborderはすべて同じ色を指定 */
 }
.skinCmntArea.only,
.skinShowEntry,
.skinShowList,
.skinPocketBtnArea_img {
border-bottom:1px solid #d6d6d6;		/* 【CSS規則】ボタンのborderはすべて同じ色を指定 */
 }
 .skinShowEntry {
 border-right:1px solid #d6d6d6;		/* 【CSS規則】ボタンのborderはすべて同じ色を指定 */
 }
.skinArchiveNav li:nth-of-type(2),
.skinImageNav {
border-top:1px solid #d6d6d6;		/* 【CSS規則】ボタンのborderはすべて同じ色を指定 */
}

/*背景*/
.skinBtnBgColor,
#info,
.skinArchiveNav li{
background-color:#faf8da;
}


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

 ブロックごとのスタイル

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

/* ボディ　【CSS規則】bodyタグ自体にはスタイルをあてない
--------------------------------------------*//*bodyに背景画像があるとき*/
.skinBody2{
background-image:url(../img/body_bk.jpg) ;
background-repeat:repeat;
background-position:center top;
background-size:100% auto;				/*背景画像が横幅いっぱいのとき*/
-webkit-background-size:100% auto;				/*背景画像が横幅いっぱいのとき*/
}


/* ヘッダー
--------------------------------------------*/
/* skinHeaderFrame ブログヘッダー */
.skinHeaderFrame {
background-image:url(../img/header_bk.png);
background-repeat:no-repeat;
background-position:center top;
background-size:100% auto;			/*ヘッダー画像の横幅分*/
-webkit-background-size:100% auto;			/*ヘッダー画像の横幅分*/
padding:32% 0 0;		/*ヘッダー画像の高さ分*/
margin:9px 0 0 0;
}

/*centertextのスタイル*/
#info{
}


/* フッター
--------------------------------------------*/
/* skinFooterNav ブログフッター*/
.skinFooterNav {
background-image:url(../img/footer_bk.png);
background-repeat:no-repeat;
background-position:center bottom;
background-size:100% auto;
-webkit-background-size:100% auto;
height:150px;		/*フッター画像の高さ分　デバイスを横にした時も考慮して実機で確認しながら調整してください*/
}

/*===LEGACY_STYLE===*/


/* $SKIN_WEAK_BACKGROUND_COLOR: #fdffd5   *//* 淡背景色 */
/* $CENTER_TEXT_BACKGROUND_COLOR: #faf8da  *//* センテキ背景色 */
/* $CENTER_TEXT_COLOR: #fa98b0   *//* センテキテキスト色 */
/* $BLOG_TITLE_COLOR: #FF6699  *//* ブログタイトル色 */
/* $REGISTER_BUTTON_COLOR: #f69  *//* 読者になるボタン */
/* $UNDER_HEADER_TEXT_BACKGROUND_COLOR: #faf8da  *//* ヘッダー下テキスト背景色 */
/* $UNDER_HEADER_TEXT_BORDER_COLOR: transparent  *//* ヘッダー下テキスト枠線色 */
/* $UNDER_HEADER_TEXT_COLOR: #fa98b0  *//* ヘッダー下テキスト色 */
/* $MODULE_HEADER_TITLE_COLOR: #996633  *//* モジュールヘッダータイトル色 */
/* $MODULE_HEADER_TITLE_BACKGROUND_COLOR: #bceb9e  *//* モジュールヘッダータイトル背景色 */
/* $PAGING_ENABLE_BACKGROUND_COLOR:   *//* 有効ページング背景色 */
/* $PAGING_ENABLE_TEXT_COLOR:   *//* 有効ページングテキスト色 */
/* $PAGING_ENABLE_ICON_COLOR:   *//* 有効ページングアイコン色 */
/* $PAGING_DISABLE_BACKGROUND_COLOR:   *//* 無効ページング背景色 */
/* $PAGING_DISABLE_TEXT_COLOR:   *//* 無効ページングテキスト色 */
/* $SUB_BLOG_TITLE_COLOR: #FF6699  *//* サブブログタイトル色 */
/* $SUB_BLOG_TITLE_BACKGROUND_COLOR: #d7efe5  *//* サブブログタイトル背景色 */


/*===NEW_STYLE===*/

/* 本文色 */
.skin-txt-color { color: #996633; }
/* 強調本文色 */
.skin-strong-txt-color { color: #f69; }
/* 淡本文色 */
.skin-weak-txt-color { color: #b6b6b6; }
/* 記事タイトル色 */
.skin-et-title-color { color: #996633; }


/* リンク色 */
a, .skin-a-color  { color: #fa98b0; }
a:visited, .skin-a-visited-color  { color: #fa98b0; }
a:active, .skin-a-active-color  { color: #ff9900; }


/* センテキテキスト色 */
.skin-ct-txt-color { color:#fa98b0; }
/* センテキ背景色*/
.skin-ct-bg-color { background-color: #faf8da; }


/* 背景色 */
.skin-bg-color { background-color: #e1f5ed; }
/* モジュール背景色 */
.skin-mod-bg-color { background-color:rgba(255, 255, 255, 0.7); }
/* 強調背景色 */
.skin-strong-bg-color { background-color: #bceb9e; }
/* 淡背景色 */
.skin-weak-bg-color { background-color: #fdffd5; }
/* 透過背景色(変更しない) */
.skin-opacity-bg-color { background-color: transparent; }


/* 枠線色 */
.skin-bd-color { border-color: #bfeda1; }
/* 強調枠線色 */
.skin-strong-bd-color { border-color: #f69; }


/* アイコン色 */
.skin-ic-color { color: #f69; }


/* ブログタイトル色 */
.skin-bh-a-title-color { color: #FF6699;}
/* サブブログタイトル色 */
.skin-bh-c-title-color { color: #FF6699; }
/* サブブログタイトル背景色 */
.skin-bh-c-bg-color { background-color: #d7efe5; }


/* ブログヘッダ下テキスト色 */
.skin-ubh-txt-color { color: #fa98b0; }
/* ブログヘッダ下背景色 */
.skin-ubh-bg-color { background-color: #faf8da; }
/* ブログヘッダ下枠線色 */
.skin-ubh-bd-color { border-color: transparent; }


/* モジュールヘッダータイトル色(太字の場合あり) */
.skin-hl-txt-color { color: #996633; /*font-weight: bold;*/ }
/* モジュールヘッダー背景色 */
.skin-hl-bg-color { background-color: #bceb9e; }


/* ページング有効背景色 */
.skin-pg-bg-color { }
/* ページング有効本文色 */
.skin-pg-txt-color { }
/* ページング有効アイコン色 */
.skin-pg-ic-color { }
/* ページング無効背景色 */
.skin-pg-bg-color.is-disabled { }
/* ページング無効本文色 */
.is-disabled > .skin-pg-txt-color { }





/* ボディに背景画像を表示 */
.skin-body2{
  background-image: url(../img/body_bk.jpg);
  background-repeat: repeat;
  background-position: center top;
  -webkit-background-size: 100% auto; /* 画像の幅を指定 */
  background-size: 100% auto; /* 画像の幅を指定 */
}

/* ヘッダーに背景画像を表示 */
.skin-header {
  background-image: url(../img/header_bk.png);
  background-repeat: no-repeat;
  background-position: center top;
  -webkit-background-size: 100% auto; /* 画像の幅を指定 */
  background-size: 100% auto; /* 画像の幅を指定 */
   /*height: 100px; 画像の高さを指定 */
}

/* フッターに背景画像を表示 */
.skin-footer {
  background-image: url(../img/footer_bk.png);
  background-repeat: no-repeat;
  background-position: center bottom;
  -webkit-background-size: 100% auto; /* 横幅に合わせて拡大 */
  background-size: 100% auto; /* 横幅に合わせて拡大 */
  height: 150px; /* 画像の高さを指定　デバイスを横にした時に切れないように調整すること */
}

/*===NEW_STYLE===*/