@charset "UTF-8";

/* ************************************************ */
/* 基本セット */
/* ************************************************ */
html { margin:0; padding:0; }
body {
	margin:0;
	padding:0;
	color:#555;
	font-family:"メイリオ","Hiragino Kaku Gothic Pro",Meiryo,"ヒラギノ角ゴ Pro W3","MS PGothic","MS UI Gothic",Helvetica,Arial,sans-serif;
}
blogcircle {
	display:block;
	max-width:1920px;
	margin:0 auto;
	background-color:#eee;
	background:url(../img/1.0/back.gif);
}
form, p, h1, h2, h3, h4, h5 { margin:0; font-weight:normal; padding:0; }
ol, ul, dl, dt, dd { list-style:none; padding:0; margin:0; }
img { border:0; }
input, textarea, select, button {
	font-family:"メイリオ","Hiragino Kaku Gothic Pro",Meiryo,"ヒラギノ角ゴ Pro W3","MS PGothic","MS UI Gothic",Helvetica,Arial,sans-serif;
}
a { color:steelblue; }
a:visited { color:#864274; }
a:hover { color:tomato; }

.base-wrapper {
	max-width:1600px;
	min-width:950px;
	margin:0 auto;
}
	
#contents {
	margin:0 10px;
}

#mainWrapper {
	width:100%;
	margin-left:-346px;
	float:right;
}

#mainWrapper.no-side { margin-left:0; }
#mainWrapper.no-side #main { margin-left:0; }

#main {
	position:relative;
	margin-top:1em;
	margin-left:346px;
	margin-bottom:6em;
}

#side {
	width:336px;
	float:left;
	margin-top:1em;
	margin-bottom:3em;
}



/* ************************************************ */
/* メインコンテンツ */
/* ************************************************ */
#main .content {
	position:relative;
	border:1px solid #bbb;
	padding:1em;
	padding-bottom:1.5em;
	margin-bottom:2em;
	background-color:white;
}
.use-bg #main .content {
	//background:rgba(255,255,255,0.98);
	border-color:#888;
}
#mainWrapper.no-side #main .content {
	margin-right:auto;
	margin-left:auto;
	width:90%;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	max-width:800px;
}

#main .content.page-error { border-radius:.4em; color:red; background-color:#fee; }
#main .content.page-msg { border-radius:.4em; color:darkblue; background-color:#eff; }

#main .content h1, #main .content h2 {
	position:relative;
	font-size:1.9em;
	padding:.4em .8em;
	font-weight:200;
	color:#ff4f44;
	color:#333;
	margin-bottom:.5em;
	line-height:1.2;
	letter-spacing:-.05em;
	padding-left:.25em;
	border-left:.25em solid #ab3063;
}
#main .content h2 { font-size:1.3em; border-color:#9b9053; }
#main .content p.desc {
	color:#ff4f44;
}
#main .content p {
	margin:.5em 0;
}

/* 上部タブ */
#main .tab {
	position:relative;
	margin:0;
	line-height:1em;
	color:white;
	border-bottom:3px solid rgb(40, 38, 52);
	top:1px;
	white-space:nowrap;
}
#mainWrapper.no-side #main .tab {
	max-width:800px;
	margin:0 auto;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
#main .tab li {
	padding:0;
	display:inline-block;
	*display:inline; *zoom:1;
	text-align:center;
	background-color:#666;
	margin-right:.15em;
	z-index:-1;
}
#main .tab li:first-child { border-top-left-radius:.4em; }
#main .tab li:last-child { border-top-right-radius:.4em; }
#main .tab li.selected {
	background-color:rgb(40, 38, 52);
	color:white;
}
#main .tab li .block {
	padding:.6em 1em;
	display:block;
	min-width:7em;
	text-decoration:none;
	color:white;
}
#main .tab li a:hover { color:pink; }



/* ************************************************ */
/* ヘッダ */
/* ************************************************ */
#header {
	position:relative;
	width:100%;
	background:#282634;
	padding:0px 0px 0 20px;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	margin:0;
	height:42px;
	white-space:nowrap;
}
#header > div { display:inline-block; vertical-align:middle; }
#header-logo {
	height:100%;
	margin-right:1em;
}
#header-logo a {
	position:relative;
	display:inline-block;
	width:125px;
	height:100%;
	background:url(../img/1.0/logo_bc_white_125x30.png) center center no-repeat;
}
#header a:hover {
	color:pink;
}


/* ヘッダ検索 */
#header #header-search {
}
#header #header-search form {
	position:relative;
	border:1px solid silver;
	border-radius:.2em;
	background-color:white;
	overflow:hidden;
	box-shadow:0 0 4px #000;
}
#header #header-search form > * {
	vertical-align:middle;
}
#header .search-target {
	border:0;
}
#header .search-q {
	border:none;
	border-left:1px solid silver;
	font-size:.95em;
	padding:.15em .5em;
	line-height:1.5em;
	width:16em;
	-webkit-appearance: none;
}
#header .search-submit {
	font-size:.9em;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	border:none;
	line-height:1.2em;
	padding:.4em .5em;
	letter-spacing:.3em;
	padding-right:.2em;
	background-color:#ff4e44;
	color:white;
	margin-right:-.1em;
	-webkit-appearance: none;
}


/* メニューリスト */
#header-menu {
	position:absolute;
	top:0;
	right:0;
	height:100%;
}
#header-menu > ul {
	white-space:nowrap;
	font-size:.9em;
	margin:0 0 0 auto;
	text-align:right;
	height:100%;
	overflow:hidden;
}
#header-menu > ul > li {
	position:relative;
	vertical-align:middle;
	display:inline-block;
	padding:0;
	margin:0;
	border-left:1px groove silver;
	height:100%;
	line-height:42px;
}
#header-menu > ul > li:last-child {
	border-right:1px groove silver;
}
#header-menu > ul > li::before {
	content:"";
}
#header-menu > ul > li::after {
	content:"";
	position:absolute;
	display:block;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	bottom:0;
	left:50%;
	width:0;
	height:2px;
	margin:0 auto;
	background-color:white;
	transition:all .15s linear;
}
#header-menu > ul > li:hover:after {
	left:0;
	width:100%;
}
#header-menu > ul > li > a {
	position:relative;
	color:white;
	display:inline-block;
	padding:0 .8em;
	max-width:100%;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	text-decoration:none;
	overflow:hidden;
	text-overflow:ellipsis;
	z-index:1;
}
#header-menu > ul img {
	border:0;
	width:24px;
	height:24px;
	vertical-align:middle;
	margin-left:-.2em;
	margin-right:.2em;
}
#header-menu li.name {
	max-width:16em;
}
#header-menu > ul > li.name.count > a {
	padding-right:1.5em;
}
#header count {
	position:absolute;
	top:.2em;
	right:.3em;
	display:inline-block;
	margin-left:.4em;
	border-radius:1em;
	background-color:red;
	font-size:.8em;
	line-height:1.4em;
	padding:0 .4em;
	color:white;
}
#header-menu .etc {
	position:relative;
	z-index:2;
}
#header-menu .prof-image { width:2.3em; height:2.3em; margin-right:.2em; }


/* メニューボタン */
#header .menu-square {
	position:relative;
	display:inline-block;
	top:1px;
	height:0;
	width:0;
	padding:42px 45px 0 0;
}
#header .open .menu-square .dot {
	border-color:steelblue;
}
#header .menu-square .dot {
	position:absolute;
	border:4px solid white;
	transition:all .3s linear;
	left:19px;
}
#header .menu-square .dot:nth-child(1) {
	top:5px;
}
#header .menu-square .dot:nth-child(2) {
	top:16px;
}
#header .menu-square .dot:nth-child(3) {
	top:27px;
}
#header .menu-square .dot::before {
	content:"";
	position:absolute;
	display:block;
	width:0;
	height:0;
	top:-4px;
	left:-15px;
	border:4px solid white;
}
#header .menu-square .dot::after {
	content:"";
	position:absolute;
	display:block;
	width:0;
	height:0;
	top:-4px;
	left:7px;
	border:4px solid white;
}
#header count {
	top:.1em;
	right:.1em;
	font-size:.8em;
}


/* メニュー内容 */
#header .menu-dialog {
	position:absolute;
	display:none;
	box-shadow:0 0 .2em black;
	background-color:white;
	z-index:9;
}
#header .menu-dialog > div {
	margin:0;
	border-radius:0;
	text-align:center;
	line-height:1em;
	padding:1em 0;
}
#header .menu-dialog > ul {
	line-height:100%;
	white-space:normal;
}
#header .menu-dialog > ul > li {
	position:relative;
	background-color:white;
	border:1px solid #d0d0d0;
	border-width:1px 1px 0 0;
	width:100%;
	height:40px;
	font-size:.9em;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	max-width:initial;
}
#header .menu-dialog > ul > li img {
	width:30px;
	height:30px;
	margin-right:5px;
	vertical-align:middle;
}
#header .menu-dialog > ul > li.col {
	display:inline-block;
	width:50%;
}
#header .menu-dialog > ul > li > * {
	line-height:40px;
	height:100%;
	display:inline-block;
	width:100%;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	vertical-align:middle;
	padding:0 .5em;
	margin:0;
	text-decoration:none;
	color:#555;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
#header .menu-dialog > ul > li > a:hover { color:tomato; }
#header .menu-dialog > ul > li.line { height:50px; }
#header .menu-dialog > ul > li.line > * { line-height:50px; }
#header .menu-dialog .desc {
	font-size:.9em;
	background-color:#d0d0d0;
	text-shadow:0 0 1px white;
	text-align:center;
	line-height:50px;
	height:50px;
}



/* ************************************************ */
/* サイドバー */
/* ************************************************ */
#side .content {
	border:1px solid #ccc;
	border-radius:0;
	background-color:#fff;
	width:auto;
	margin:0;
	margin-bottom:1em;
	overflow:hidden;
	text-overflow:ellipsis;
}
.use-bg #side .content {
	background:rgba(255,255,255,0.97);
	border-color:#888;
}
#side .content h2 {
	font-size:.9em;
	padding:.3em .6em;
	color:white;
	background-color:#282634;
}
#side .content .more {
	margin:.5em 0;
	text-align:center;
}
#side .content .more a {
	min-width:7em;
}
#side .content.menu {
	padding:0;
}
#side .content.menu ul {
	font-size:.95em;
	list-style:none;
}
#side .content.menu li {
	line-height:1.2em;
	border-bottom:1px solid white;
}
#side .content.menu li:last-child {
	border-bottom:none;
}
#side .content.menu li a {
	display:block;
	background-color:#999;
	color:white;
	text-decoration:none;
	padding:.5em .5em;
}
#side .content.menu li.selected a {
	background-color:#484654;
}
#side .content.menu li.new a::after {
	content:"new";
	display:inline-block;
	background-color:red;
	font-size:.7em;
	line-height:1.2;
	padding:0 .5em;
	vertical-align:middle;
	margin-left:.3em;
	border-radius:1em;
}
#side .content.menu li.new.update a::after {
	content:"update";
}
#side .content.menu li a:hover {
	background-color:#282634;
}
#side .content.menu h2 {
	font-size:1em;
	color:white;
	background-color:#ff4e44;
	padding:.5em .5em;
	margin:0;
	line-height:1em;
	border-bottom:1px dotted silver;
}

#side .user {
	font-size:.8em;
	background:#282634 !important;
	border-radius:.3em;
	color:white;
	line-height:1.2em;
	padding:.5em;
}
#side .user .profile {
	display:table;
	table-layout:fixed;
	margin-bottom:.4em;
}
#side .user .profile > * {
	display:table-cell;
	vertical-align:middle;
}
#side .user .profile .thumb {
	width:6em;
	height:6em;
	padding-right:.5em;
	vertical-align:top;
}
#side .user .profile .thumb img {
	width:100%;
	height:auto;
}
#side .user .profile .name { font-size:1.1em; }
#side .user .profile > div > div { margin-bottom:.6em; }
#side .user .profile > div > div:last-child { margin-bottom:0; }
#side .user .profile .new {
	font-size:.95em;
	color:red;
}

#side .user a { color:white; }
#side .user a:hover { color:pink; }

#side .user .count {
	font-size:1.05em;
	clear:both;
}
#side .user .count li {
	border-bottom:1px solid #666;
	padding-bottom:.2em;
	margin-bottom:.2em;
}
#side .user .count li:last-child {
	border:none;
	padding-bottom:0;
	margin-bottom:0;
}
#side .user .count dl {
	display:table;
	table-layout:fixed;
	width:100%;
	line-height:1.5em;
}
#side .user .count dl > * {
	position:relative;
	display:table-cell;
}
#side .user .count dl dt {
	width:8em;
}
#side .user .count dl dt::after {
	content:":";
	position:absolute;
	top:0;
	right:.5em;
}
#side .user .count dl dd a {
	position:relative;
	display:block;
	width:100%;
	font-size:1.1em;
	font-weight:bold;
}
#side .user .count dl dd a span {
	font-size:.8em;
	font-weight:normal;
}
#side .user .count dl dd a::after {
	content:"≫";
	font-size:1.4em;
	font-weight:normal;
	position:absolute;
	top:0;
	right:0;
}

#side .user form {
	font-size:90%;
}
#side .user form li { margin-bottom:.2em; }
#side .user form li > * { vertical-align:middle; }
#side .user form input[type="text"],
#side .user form input[type="password"] {
	font-size:95%;
	padding:.3em .5em;
	width:80%;
	line-height:1.1em;
}
#side .user form input[type="submit"] {
	font-size:95%;
	padding:.3em 1em;
}
#side .user .entry {
	margin:.3em 0;
	padding:0;
	border:none;
}

#side .content .users h2 {
	margin-bottom:.1em;
}

#side .content.ads {
	width:336px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	background-color:transparent;
	border:none;
	line-height:0;
}
#side .content.ads > * {
	text-align:center;
}



/* ************************************************ */
/* パンくず */
/* ************************************************ */
.breadcrumbs {
	background-color:white;
	font-size:.95em;
	letter-spacing:-.05em;
	line-height:0;
}
.use-bg .breadcrumbs {
	border-bottom:1px solid #aaa;
}
.breadcrumbs ul {
	margin:0 10px;
	padding:0;
}
.breadcrumbs li {
	position:relative;
	padding:0;
	display:inline-block; *display:inline; *zoom:1;
	margin-left:.5em;
	line-height:2.6;
}
.breadcrumbs li:first-child { margin-left:0; }
.breadcrumbs li img {
	position:absolute;
	width:1.6em;
	height:1.6em;
	top:.5em;
	left:.7em;
}
.breadcrumbs li .block {
	display:block;
	max-width:12em;
	padding:0 .6em;
	text-decoration:none;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.breadcrumbs li .block.thumb {
	padding-left:2.5em;
}
.breadcrumbs li::before {
	position:absolute;
	content:">";
	font-size:1em;
	color:#888;
	left:-.5em;
	top:0;
}
.breadcrumbs li:first-child:before {
	content:" ";
}



/* ************************************************ */
/* ページナビ */
/* ************************************************ */
.pagenavi-wrap { display:block; }
.pagenavi {
	font-size:.95em;
}
.pagenavi li {
	display:inline-block;
	*display:inline; *zoom:1;
	border:1px solid #bbb;
	border-width:1px 1px 1px 0;
	line-height:1em;
	color:#666;
	margin-bottom:.3em;
}
.pagenavi li:first-child {
	border-width:1px;
	border-radius:.2em 0 0 .2em;
}
.pagenavi li:last-child {
	border-radius:0 .2em .2em 0;
	margin-right:1px;
}
.pagenavi li .page {
	display:block;
	border-radius:.1em;
	text-decoration:none;
	padding:.7em 1em;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.pagenavi li a:hover {
	background-color:#165274;
	background-color:#eee;
}
.pagenavi .pageset {
	cursor:pointer;
}
.pagenavi .now {
	color:white;
	border-color:steelblue;
	background-color:#282634;
	background-color:steelblue;
}



/* ************************************************ */
/* 検索フォーム */
/* ************************************************ */
.search-area, .search-area input {
	font-size:1.1em;
}
.search-area {
	margin:.5em 0;
	padding:.7em .8em;
	background-color:#d0d0d0;
	border-radius:.2em;
}
.search-area .search-tab ul {
	margin-left:.2em;
	display:inline-block;
	font-size:.9em;
	line-height:0;
}
.search-area .search-tab li {
	border:1px solid #aaa;
	border-radius:.2em .2em 0 0;
	margin-right:.3em;
	display:inline-block;
	background-color:#aaa;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.search-area .search-tab li .block {
	display:block;
	line-height:1;
	text-decoration:none;
	color:white;
	padding:.5em .8em;
}
.search-area .search-tab li.selected { border-bottom-color:#ddd; background-color:#fff; }
.search-area .search-tab li.selected .block {
	color:#555;
}
.search-area form > * { vertical-align:middle; }
.search-area form {
	display:inline-block;
	vertical-align:middle;
	background-color:white;
	border-radius:.2em;
	border:1px solid white;
	padding:0;
	overflow:hidden;
}
.search-area input[name="q"] {
	border:none;
	width:24em;
	line-height:1.6;
	padding:.3em .5em;
	margin:.1em 0;
}
.search-area button {
	border:none;
	background-color:#ff4e44;
	color:white;
	padding:.5em 1.2em;
	line-height:1.6;
	letter-spacing:.5em;
	padding-right:.6em;
	margin:0;
	-webkit-appearance:none;
}
pickup {
	color:red;
}



/* ************************************************ */
/* メインコンテンツ内リンク */
/* ************************************************ */
#main .links {
	font-size:1em;
}
#main .links li {
	display:inline-block;
	margin-right:.5em;
}
#main .links li a {
	display:inline-block;
	border:1px solid silver;
	border-radius:.2em;
	background:#282634;
	color:white;
	padding:.35em 1em;
	text-decoration:none;
}
#main .links li a:hover {
	background:#585664;
}
#main .links li a::before {
	content:"≪";
	margin-right:.2em;
	font-size:1em;
}



/* ************************************************ */
/* ユーザ表示 */
/* ************************************************ */
.prof-image { width:2em; height:2em; vertical-align:middle; margin-right:.2em; }



/* ************************************************ */
/* 友達リスト */
/* ************************************************ */
.users {
	margin-bottom:.5em;
}
.users ul {
	margin:0;
	padding:0 1px;
	font-size:.8em;
}
.users li {
	display:inline-block; *display:inline; *zoom:1;
	width:25%;
	max-width:120px;
	vertical-align:bottom;
}
.users.half li {
	width:33.3%;
	max-width:150px;
}
.users dl {
	margin:0;
	position:relative;
	display:block;
	overflow:hidden;
}
.users dl dt {
	display:block;
	padding:0;
	margin:0 auto;
	width:auto;
}
.users dl dt img {
	position:relative;
	width:100%;
	height:auto;
	margin:0;
	border:1px solid white;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	vertical-align:middle;
}
.users dl.update dt::after {
	content:"update";
	display:block;
	position:absolute;
	font-size:.7em;
	border-radius:1em;
	top:0;
	left:1px;
	padding:.2em .5em;
	line-height:1em;
	color:white;
	background-color:#ff4f44;
	-webkit-animation:flash 3s linear 0s infinite normal;
}
@-webkit-keyframes flash {
	0% { opacity:1; }
	70% { opacity:1; }
	90% { opacity:0; }
	100% { opacity:0; }
}
.users dl dd {
	position:absolute;
	width:100%;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	bottom:0;
	left:0;
	white-space:normal;
	z-index:1;
	padding:0 .08em;
	background-color:rgba(0,0,0,0.3);
	background:-webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0,0,0,0.6)));
	background: linear-gradient(to bottom, transparent, rgba(0,0,0,0.6) 70%);
}
.users dl dd a {
	display:block;
	width:100%;
	padding:2em .1em .2em .1em;
	line-height:1.05em;
	max-height:6.3em;
	font-size:.9em;
	color:white;
	white-space:normal;
	z-index:2;
	text-decoration:none;
	overflow:hidden;
	margin:0;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.users.half dl dd a { padding-left:.2em; padding-right:.2em; }



/* ************************************************ */
/* 参照ユーザ情報(サイド) */
/* ************************************************ */
#side .user-profile {
	border:2px solid #282634;
	padding:.3em;
}
#side .user-profile .header {
	display:table;
	table-layout:fixed;
	width:100%;
	line-height:1.1em;
	margin-bottom:.3em;
}
#side .user-profile .header > * {
	position:relative;
	display:table-cell;
	vertical-align:top;
}
#side .user-profile .header .thumb {
	width:4.5em;
	height:4.5em;
}
#side .user-profile .header img {
	width:4em;
	height:4em;
	border:1px solid gray;
}
#side .user-profile .header .title .looks {
	font-size:.6em;
	color:gray;
	text-decoration:none;
	line-height:1.2;
	margin-bottom:.2em;
}
#side .user-profile .header .title a {
	font-size:1.2em;
	letter-spacing:-.03em;
}
#side .user-profile .count-view {
	display:block;
	font-size:.8em;
}
#side .user-profile .count-view > a {
	display:inline-block;
	padding:.3em 0;
	max-width:120px;
	width:31%;
	margin-right:0;
	text-align:center;
	font-size:.9em;
	line-height:1.4em;
}
#side .user-profile .count-view > a:last-child { margin-right:0; }
#side .user-profile .count-view > a span {
	display:block;
	text-align:center;
	font-size:1.2em;
	color:#282634;
}
#side .user-profile .blog-cap {
	margin-top:.5em;
	font-size:.5em;
}
#side .user-profile .blog-list {
	font-size:.8em;
	border-bottom:1px dotted silver;
	line-height:1.1em;
}
#side .user-profile .blog-list > li {
	border-top:1px dotted silver;
}
#side .user-profile .blog-list > li a {
	display:block;
	padding:.5em 0;
	text-decoration:none;
}
#side .user-profile .blog-list > li a:hover {
	color:tomato;
	text-decoration:underline;
}
#side .user-profile .blog-list > li:nth-child(odd) {
	background-color:#f0f0f0;
}



/* ************************************************ */
/* フッタ */
/* ************************************************ */
#footer {
	clear:both;
	text-align:center;
	font-size:.9em;
	background-color:#eee;
	padding:1.4em 1em;
	border-top:1px solid silver;
	text-align:right;
	line-height:1.5em;
}
#footer ul.links {
	display:inline-block;
}
#footer ul.links > li {
	display:inline-block;
	margin-left:.5em;
}




/* ************************************************ */
/* モード切替 */
/* ************************************************ */
#header-view {
	margin:0;
	font-size:40px;
	background-color:#d0d0d0;
	text-align:center;
}
#header-view a {
	display:block;
	padding:30px 0;
	text-decoration:none;
	text-shadow:1px 1px 1px white;
	color:#333;
}
#footer-view {
	clear:both;
	text-align:center;
	background-color:white;
	padding:1em 0;
	border-top:1px solid silver;
	font-size:.9em;
}
#footer-view > ul { display:inline-block; }
#footer-view > ul::before { content:"表示モード:"; color:#888; }
#footer-view > ul > li { display:inline-block; }
#footer-view > ul > li::after { content:" | "; }
#footer-view >ul > li:last-child:after { content:""; }



/* ************************************************ */
/* カテゴリアイコン */
/* ************************************************ */
.c-icon {
	position:relative;
	display:inline-block;
	height:24px;
	line-height:24px;
	padding-left:28px;
}
.c-icon::before {
	content:" ";
	position:absolute;
	display:block;
	height:24px;
	width:24px;
	top:0;
	left:0;
	background:url(/img/1.0/icon-commu-cate.png) left 0px no-repeat #df2e24;
}
.c-icon-9::before { background-position:0 -24px; }
.c-icon-3::before { background-position:0 -48px; }
.c-icon-5::before { background-position:0 -72px; }
.c-icon-6::before { background-position:0 -96px; }
.c-icon-11::before { background-position:0 -120px; }
.c-icon-7::before { background-position:0 -144px; }
.c-icon-10::before { background-position:0 -168px; }
.c-icon-4::before { background-position:0 -192px; }
.c-icon-13::before { background-position:0 -216px; }
.c-icon-16::before { background-position:0 -240px; }
.c-icon-2::before { background-position:0 -264px; }
.c-icon-14::before { background-position:0 -288px; }
.c-icon-22::before { background-position:0 -312px; }
.c-icon-15::before { background-position:0 -336px; }
.c-icon-12::before { background-position:0 -360px; }
.c-icon-8::before { background-position:0 -384px; }
.c-icon-20::before { background-position:0 -408px; }
.c-icon-18::before { background-position:0 -432px; }
.c-icon-19::before { background-position:0 -456px; }
.c-icon-17::before { background-position:0 -480px; }
.c-icon-21::before { background-position:0 -504px; }
.c-icon-23::before { background-position:0 -528px; }



/* ************************************************ */
/* 部品 */
/* ************************************************ */
.button, button {
	border-style:none;
	line-height:1.2;
	display:inline-block; *display:inline; *zoom:1;
	color:white;
	background-color:#ff4e44;
	box-shadow:0 .1em .02em #999;
	border-radius:.1em;
	text-decoration:none;
	padding:.4em 1em;
	margin:0 .2em .1em 0;
	white-space:nowrap;
	cursor:pointer;
	font-size:1em;
	vertical-align:middle;
	letter-spacing:-.04em;
}
.ui-widget-content .button { color:white; }
.button.subview {
	border:.15em solid #4cc;
	background-color:#f5f5f5;
	box-shadow:0 .08em .05em #ccc;
	color:black;
}
.button.mini, button.mini {
	padding:.5em .7em;
	font-size:.8em;
	background-color:#c55;
}
.button.minimum, button.minimum {
	padding:.4em .6em;
	font-size:.7em;
	font-weight:normal;
	border:none;
}
.button.negative, button.negative {
	background-color:#bbb;
}
.button.none, button.none, .button[disabled], button[disabled] {
	background-color:#aaa;
	cursor:default;
}
.button.mini:hover, button.mini:hover { background-color:#944; }
.button.none:hover, button.none:hover, .button[disabled]:hover, button[disabled]:hover { color:white; background-color:#aaa; }
.button.subview:hover, button.subview:hover { color:black; background-color:#dff; }
.button:hover, button:hover {
	color:white;
	background-color:#df2e24;
}
.button.subview:visited { color:black; }
.button:visited { color:white; }


/* ヘルプ */
a.help {
	position:relative;
	display:inline-block;
	margin:0 .5em;
	font-size:.8em;
	font-size:.8rem;
	padding:0 .4em 0 0;
	line-height:1.4em;
	border-radius:.2em;
	color:#662;
	background-color:#ddd;
	text-decoration:none;
	vertical-align:middle;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	transition:color .1s linear;
}
a.help:hover {
	text-decoration:underline;
	color:tomato;
}
a.help::before {
	content:"?";
	display:inline-block;
	padding:0 .4em;
	color:white;
	background-color:crimson;
	margin-right:.3em;
}
a.help-abs {
	position:absolute;
	top:1px;
	right:1px;
	margin:0;
}


/* ローダー */
.loader {
	background:url(../img/1.0/loader30.gif) no-repeat left center;
	padding-left:34px;
	line-height:30px;
}
.loader.mini {
	background:url(../img/1.0/loader16.gif) no-repeat left center;
	padding-left:19px;
	line-height:16px;
}


/* ダイアログ */
.dialog { display:none; }
.dialog p {
	margin:.5em 0;
	font-size:.85em;
	color:#666;
}
.dialog .check > * { vertical-align:middle; }


/* 時間表記 */
[timeview] {
	color:gray;
	//text-decoration:underline;
}


/* タグ */
.tag-list li {
	position:relative;
	display:inline-block;
	background:url(../img/1.0/icon-tag.png) no-repeat 4px center ivory;
	padding:.4em .6em;
	padding-left:23px;
	border:1px solid #bbb;
	border-radius:.1em;
	margin-right:.5em;
	margin-bottom:.2em;
	line-height:1.2em;
	cursor:pointer;
	white-space:nowrap;
	transition:border-color .2s linear, background-color .2s linear;
}
.tag-list.edit li {
	padding-right:1.6em;
}
.tag-list li:hover {
	border-color:gray;
	background-color:linen;
}
a.tag-link {
	position:absolute;
	display:inline-block;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.tag-count {
	font-size:.9em;
}
.tag-count::before { content:"("; }
.tag-count::after { content:")"; }
.tag-remove {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	position:absolute;
	top:0;
	right:0;
	text-align:right;
	width:100%;
	height:100%;
	display:inline-block;
	padding:.35em .3em;
	font-size:1.2em;
	cursor:pointer;
	opacity:.5;
	font-weight:bold;
	transition:opacity .1s linear;
}
.tag-remove:hover {
	opacity:1;
}



/* ************************************************ */
/* jQuery関連 */
/* ************************************************ */
.ui-widget {
	font-size:1em !important;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
}

/* 入力領域 */
.ui-widget input, .ui-widget textarea, .ui-widget button {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
}

/* ダイアログ背景の変更 */
.ui-widget-overlay {
	background:#888;
}

/* ダイアログヘッダのリンク */
.ui-widget-header a:visited { color:inherit; }

/* border-radius */
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
	border-bottom-right-radius: .2em;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
	border-bottom-left-radius: .2em;
}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
	border-top-right-radius: .2em;
}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
	border-top-left-radius: .2em;
}



/* ************************************************ */
/* 4k対応 */
/* ************************************************ */
@media screen and (min-width: 1922px) {

blogcircle {
	border:1px solid silver;
	border-width:0 1px;
	box-shadow:0 0 5px gray;
}

}