@charset "utf-8";
/* ===================================================================
 10px = 77%     11px = 85%     12px = 93%     13px = 100%
 14px = 108%    15px = 116%    16px = 123.1%  17px = 131%
 18px = 138.5%  19px = 146.5%  20px = 153.9%  21px = 161.6%
 22px = 167%    23px = 174%    24px = 182%    25px = 189%
 26px = 197%
=================================================================== */

/* 共通 */
/* スクロールバーの有無によるズレ対策 */
html { overflow-y: scroll; }
body { font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; }
input, textarea { font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; }

/* for IE6 */
* html body { font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;}
* html input, * html textarea {	font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;}

/* clerfix */
#contents:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both; }
/* .mainContent（コンテンツ部分 */
.mainContent { display: block; float: left; width: 642px; height: auto; color: #bbb; padding-bottom: 46px; }
/* #sideBar（サイドバー） */	
.sideBar { display: block; float: left; width: 300px; height: auto; padding-bottom: 46px; margin: 0 0 0 38px; }

/*バナーエリア（大）*/
.sideBnrArea {}
.sideBnrArea li { width: 300px; height: auto; list-style: none; margin-bottom: 8px; }
.sideBnrArea li img { font-size: 0; }		

/*ブログ表示*/
#sideBlog { display: block; width: 300px; background: url(../images/head_blog_side.png) no-repeat; padding: 18px 0 0 0; margin: 46px 0 0 0; }
#sideBlog h1 { display: none; }	
#sideBlog dl { display: block; background: #1a1a1a; padding: 28px 22px; }
#sideBlog dl dt { color: #74737c; font-size: 93%; font-family: "Libre Baskerville"; font-weight: 400; padding: 0 0 0.5em 0; }
#sideBlog dl dd { font-size: 108%; padding: 0 0 1em 0; }
#sideBlog dl dd:last-child {padding: 0;}			

/*いいねボックス*/
.sideBar iframe { margin-top: 30px; }

/*バナーエリア（大）*/
#sideBnrSmall { margin-top: 30px; }
#sideBnrSmall li { height: 50px; list-style: none; background: #fff; }
#sideBnrSmall li img { font-size: 0; }		

@media screen and (max-width: 639px) {
.mainContent { display: block; float: none; width: 100%; height: auto; color: #bbb; padding-bottom: 0; }
.sideBar iframe { display: block; margin: 14px auto 0 auto; }
.snsBtn { width: 80%; margin: 14px auto; }
.sideBar { float: none; width: 100%; margin: 0; }
.sideBnrArea { display: none; }
#sideBlog { width: 100%; background: none; margin: 14px auto; }
#sideBlog h1 { display: block; width: 98%; height: auto; color: #e74c3c; font-size: 153.9%; font-family: "Libre Baskerville"; font-weight: 400; background: none; text-indent: 0; border-bottom: 1px solid #e74c3c; padding-left: 2%; }
}