@charset "UTF-8";

/*
Theme Name:Charaglr-pc
Template: twentyten
Version:2.8
*/

body {
	font-family: 'Open Sans', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin: 0;
	padding: 0;
	color: #444;
	font-size: 16px;
	line-height: 1.5em;
	background: #ffffff;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	padding: 0;
	line-height: 1.5em;
	font-size: 16px;
	font-weight: normal;
}

a:link,
a:visited {
	color: #60b9cf;
	text-decoration: none;
}

a:hover,
a:active {
	color: #444;
	text-decoration: none;
}

a,
#search button#submit,
#comments input[type="submit"] {
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}

ul,
ol,
li {
	margin: 0;
	padding: 0;
	list-style: none;
}

img {
	vertical-align: bottom;
}

input,
textarea {
	box-sizing: border-box;
}

#main,
#branding,
#nav-below,
ul.children,
.post,
#relation,
.sidebar-category-list-container .category-list-box,
.sidebar-category-list-container .works-list-box,
ul#random-top, ul#random{
	position: relative;
	overflow: hidden;
	zoom: 1;
}

#branding {
	width: 1060px;
	margin: auto;
	padding: 10px 0;
}

#site-title {
	float: left;
	font-family: "Nico Moji";
	width: 40%;
}


/*トップメニュー*/

.menu-top-menu-container {
	float: left;
	width: 30%;
}

#menu-top-menu {
	display: table;
	height: 55px;
	vertical-align: middle;
}

#menu-top-menu li {
	display: table-cell;
	width: 150px;
	height: 55px;
	text-align: center;
	vertical-align: middle;
}

#site-description {
	width: 1060px;
	margin: 0 auto 1%;
}


/*パンくず*/

.breadcrumbs {
	width: 1060px;
	margin: 0 auto 1%;
	background: #f5f5f5;
	padding: 5px 10px;
	border-radius: 3px;
	font-size: 14px;
	color: #bbb;
	box-sizing: border-box;
}

.breadcrumbs span.navxtcolor {
	color: #444;
}

.breadcrumbs i {
	margin : 0 2px;
}

#main {
	width: 1060px;
	margin: auto;
}


/*メインカラム*/

#container {
	float: left;
	width: 600px;
}

/*コンテンツ*/
.post {
	margin: 0 0 15px 0;
	border: 2px solid #F99695;
	border-radius: 4px;
}
	
.entry-title {
	background: #F99695;
	border-bottom: 2px solid #F99695;
	text-align: center;
	line-height: 1.5em;
	padding: 6px;
	color: #fff;
}

.entry-title a {
	color: #fff;
}

.entry-title a:hover {
	color: #eaeaea;
}

.entry-content {}


/*画像コンテンツ*/

.img-box {
	margin: 15px;
}

.main-img a {
	display: block;
}

.main-img a img {
	width: 100%;
	height: auto;
	max-height: 100%;
}


/*吹き出し*/
.balloon {
	margin: 24px 2%;
	position: relative;
	background: #E0EDFF;
	box-sizing: border-box;
	border-radius: 4px;
}

.balloon:after {
    border: solid transparent;
    content: '';
    height: 0;
    width: 0;
    pointer-events: none;
    position: absolute;
    border-color: rgba(224, 237, 255, 0);
    border-top-width: 18px;
    border-bottom-width: 18px;
    border-left-width: 16px;
    border-right-width: 16px;
    margin-left: -16px;
    border-bottom-color: #E0EDFF;
    bottom: 100%;
    left: 17%;
}

ul.balloon li {
	min-height: 3em;
	background: url(/wp-content/themes/img/icon.png) no-repeat;
	background-position: 98%;
	background-size: 8%;
	line-height: 1.5em;
	padding: 1% 12% 1% 1%;
	color: #4b9ed2;
}

.more-link a {
	display: block;
	width: 50%;
	margin: 0 auto 20px;
	text-align: center;
	background: #F99695;
	border-radius: 3px;
	padding: 4px;
	color: #fff;
	border: 1px solid #F99695;
	box-sizing: border-box;
}

.more-link a:hover {
	background: #FFF;
	color: #F99695;
}

.entry-utility {
	padding: 5px;
	text-align: center;
	font-size: 14px;
	background: #f5f5f5;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
}

.cat-tag {
	color: #60b9cf;
}

.cat-tag span:before {
	font-family: 'Font Awesome 6 Free';
	font-weight: 900;
	content: "\f07b";
	margin-right: .3em;
	color: #F99695;
}


/*下部ページナビ*/

.pager {
	padding: 0 0 30px 0;
	text-align: center;
	font-size: 0;
}

a.page-numbers {
	display: inline-block;
	width: 40px;
	line-height: 39px;
	font-size: 14px;
	background: #f5f5f5;
	margin: 0 5px;
	border-radius: 3px;
}

span.page-numbers.current {
	display: inline-block;
	width: 40px;
	line-height: 39px;
	background: #8EDAE5;
	color: #fff;
	font-size: 14px;
	margin: 0 5px;
	border-radius: 3px;
}

span.page-numbers.dots {
	display: inline-block;
	width: 40px;
	font-size: 14px;
}

/*サイドバー*/
#container-right {
    float: right;
    width: 440px;
}
ul.most_liked_post.wp_ulike_style_love li img {
    float: left;
}

ul.most_liked_post.wp_ulike_style_love li {
    position: relative;
    overflow: hidden;
    zoom: 1;
	margin: 10px;
}

ul.most_liked_post.wp_ulike_style_love li a {
    display: block;
    margin-left: 85px;
}

ul.most_liked_post.wp_ulike_style_love li span {
    position: absolute;
    bottom: 0;
    right: 0;
}
.widget-container {
	border: 2px solid #8EDAE5;
	border-radius: 4px;
	margin: 0 0 3% 0;
}

.widget-title {
	background: #8EDAE5;
	border-bottom: 2px solid #8EDAE5;
	color: #fff;
	font-weight: normal;
	padding: 6px;
}

ul#menu-links li,
#blogroll-316877 > ul > li {
	padding: 8px 15px;
    border-bottom: 1px dashed #ddd;
}


/*検索フォーム*/

#search {
	width: 30%;
	float: left;
	margin: 10px 0 0 0;
}

#search form {
	position: relative;
	height: 35px;
}

#search input#s {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding: 8px;
	font-size: 15px;
	border: 1px #dfdfdf solid;
	border-radius: 4px;
	outline: 0;
	box-sizing: border-box;
}

#search button#submit {
	position: absolute;
	top: 0;
	left: 75%;
	width: 25%;
	height: 35px;
	border: 1px solid #FC9D9D;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	background: #FC9D9D;
	color: #fff;
	z-index: 10;
	box-sizing: border-box;
}

#search button#submit:hover {
	background: #fff;
	color: #FC9D9D;
}


/*フッター*/

#footer {
	padding: 2% 0;
	background: #aaa;
}

#site-info {
	display: flex;
	width: 1060px;
	margin: auto;
	text-align: center;
	color: #ddd;
	justify-content: space-evenly;
}

#site-info a {
	color: #fff;
}

#site-info a:hover {
	color: #ddd;
}


/*rss*/
.blogroll-channel {
    padding: 0 15px;
}
li.blogroll-list {
    padding: 6px 0;
}

/*Sim Access ウィジェット*/
table.simaccess {
	width: 100%;
}
td.simaccess_rank {
	width: 20%;
	text-align: center;
}
td.simaccess_url {
	width: 50%;
}
td.simaccess_count {
	width: 30%;
	text-align: center;
}