@charset "utf-8";
/* ===================================================================
 style info : スマートフォン向け
=================================================================== */

/*----------------------------------------------------
	共通
----------------------------------------------------*/
html {
	overflow-y: scroll;
}

body {
	font-family: sans-serif;
	text-shadow: none;
	background: #fff !important;
}

input, textarea {
	font-family: sans-serif;
}


/*----------------------------------------------------
	#page（ページ全体）
----------------------------------------------------*/
#page {
	width: auto;
	background: #f3f3f3 !important;
}


/*----------------------------------------------------
	header#globalHeader
----------------------------------------------------*/
header#globalHeader {
}


footer#globalFoooter div,
header#globalHeader div {
	width: auto;
}

header#globalHeader h2 {
	display: none;
}

footer#globalFoooter {
	background: #fff;
}



/* 要素
----------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	letter-spacing: .1em;
}

small {
	font-size: 93%;
}

/* リンク
----------------------------------------------------*/
#side li.yearlyList + .yearlyList span,
a {
	color: #33c;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
	text-decoration: none;
	background: rgba(255,255,255,0);
	text-decoration: none;
}

a:link {
	color: #03c;
	text-decoration: none;
}

a:visited {
	color: #36f;
	text-decoration: none;
}

#side li.yearlyList + .yearlyList span:hover,
a:hover {
	position: relative;
	left: 0;
	-webkit-box-shadow: 0px 0px 10px #ccc;
	-moz-box-shadow: 0px 0px 10px #ccc;
	box-shadow: 0px 0px 10px #ccc;
	background: rgba(255,255,255,.5);
	color: #e73562;
}

a:active {
}



/* 汎用
----------------------------------------------------*/
/* clerfix */
#main ul.archiveNav:after,
#main article footer:after,
#main article header ul:after,
#contents:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

.scriptArea,
.none {
	display: none;
}

.fr,
.imgR {
	float: right;
	margin: 0 0 10px 10px;
}

.fl,
.imgL {
	float: left;
	margin: 0 10px 10px 0;
}

.tC {
	text-align: center;
}

.tR,
.sign {
	text-align: right;
}

.externalIcon {
	vertical-align: middle;
	margin-left: 5px;
}

/*----------------------------------------------------
	#contents
----------------------------------------------------*/
#contents {
	clear: both;
	width: auto;
	margin: 0 auto;
	padding: 0;
}

#contents .pageTop {
	clear: both;
	margin: 0;
	padding: 7px 0;
	text-align: right;
}

/* pagetop */
#contents .pageTop a {
	padding: 5px 15px;
	background: #fff;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius:  5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}

#contents .pageTop a:before {
	content: "↑";
	margin-right: 3px;
}

/*----------------------------------------------------
	#main
----------------------------------------------------*/
#main {
	float: none;
	width: auto;
}

#main table,
#main ol,
#main ul,
#main dl,
#main blockquote,
#main pre,
#main p {
	margin-bottom: 15px;
}

#styleChange h1,
#main h1 {
	margin: 0 0 10px;
	padding: 7px 0 7px 25px;
	background: url(../img/share/bg_ttl.png) no-repeat left .65em;
	font-size: 138.5%;
}

#main > h1 {
	background-color: #fff;
}

#main footer ul,
#main header ul {
	list-style: none;
}

#main .content {
	/zoom: 1;
	clear: both;
}

/* ページ送り */
#main ul.pageNav {
	margin: 15px auto;
	text-align: center;
}

#main ul.pageNav + article {
}

#main article +  ul.pageNav {
	margin-top: 30px;
}

#main ul.pageNav li {
	display: inline;
	margin: 0 3px;
	padding: 0;
}

#main ul.pageNav li span,
#main ul.pageNav li a {
}

#main ul.pageNav li span {
	background: fff;
}


#main ul.archiveNav {
	/zoom: 1;
	margin: 26px auto;
}

.entryBody #main ul.archiveNav {
	margin-top: 8px;
}

.entryBody #main article +  ul.archiveNav {
	margin-top: 30px;
}


#main ul.archiveNav li {
	list-style: none;
	float: left;
}

#main ul.archiveNav li.next {
	float: right;
}


/* more */
#main hr#more{
	/zoom: 1;
	clear: both;
	margin: 20px 5px 40px;
	padding: 0;
	border: 0;
	text-align: right;
}

#main hr#more:after {
}

#main p.pageNo {
	background: #fff;
}


/*----------------------------------------------------
	article
----------------------------------------------------*/
#comments-open,
#main section#allArchivesList,
#main article {
	background: #fff;
}

#page #main aside.advertisingArea.scriptArea {
	width: 0;
	height: 0;
	padding: 0;
	overflow: hidden;
}


/* article header */
#main article header {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	padding-right: 0;
}

.pageBody #main article header {
	padding-right: 0;
	padding-bottom: 0;
}

#main article header ul {
}

#main article header ul li {
	float: left;
	margin-right: 15px;
}

#main article .topsy,
#main article .topsy_widget_data {
	position: static;
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}

#main article footer {
	/zoom: 1;
	clear: both;
	padding-top: 10px;
	margin: 0 0 13px;
}



/* エントリー本文
----------------------------------------------------*/

/* pre要素 */
#main article .articleBody pre {
	width: auto;
}




/*----------------------------------------------------
	#side
----------------------------------------------------*/
#side {
	float: none;
	width: auto;
	margin-left: 0;
}


#side aside,
#side section {
	background: #fff;
}



/*----------------------------------------------------
	shortcut
----------------------------------------------------*/
aside#shortcut {
	display: none;
}



/*----------------------------------------------------
	CSS切り替え
----------------------------------------------------*/
/* 切り替え用のボタン */
#styleChangeBtn {
	display: none;
}

/* オーバーレイ表示の切り替え画面 */
#styleChange {
	display: none;
}