@charset "UTF-8";
/*!
Theme Name: Simplicity2 child
Template:   simplicity2
Version:    2017.05.07-
*/

/* Simplicity子テーマ用のスタイルを書く
=========================================================================
Layout
=========================================================================

ヘッダー
-------------------------------------------------------- */
#header { /* Simplicityの定義を上書き */
  border-bottom: none;
}
#blog_header {
  background-color: #323232;
  line-height: 80px;
}
#site-title {
  margin-top: 20px;
  margin-bottom: 19px;
}
/* 大外枠共通 */
#header-in,
#navi-in,
#body-in,
#footer-in {
  width: 1140px;
}
#header-in .top-title-catchphrase {
  float: left;
}
/* 検索フォーム */
#header-in .head_search {
	display: flex;
  float: right;
  width: 370px;
}
#header-in #searchform {
  margin-top: 0;
}
#header-in #searchsubmit {
  background: url(/XwpsX/wp-content/themes/simplicity2-child/images/btnSearch.png) no-repeat top left;
  width: 130px;
  height: 40px;
	position: static;
}
#header-in #s {
  width: 230px;
	height: 40px;
}
/* ボディー
-------------------------------------------------------- */
#body {
  background-color: #ebebeb;
  font-size: 13px;
  margin-top: 0;
  padding-top: 30px;
  overflow: hidden;
}
#breadcrumb {
  background-color: #fff;
  padding: 16px 0;
  margin-bottom: 0;
}
#main {
  background: none;
  border: none;
  border-radius: 0;
  padding: 0 0 60px;
  width: 832px;
}
#archive-title,
.archive-title {
  border-left: solid 10px #323232;
  color: #323232;
  font-size: 22px;
  font-weight: bold;
	margin-top: 20px;
  margin-bottom: 8px;
  padding: 3px 0 6px 16px;
}
/* エントリーカード
-------------------------------------------------------- */
.entry-card-large,
.entry-card {
  background: #fff;
  margin-bottom: 20px;
  padding: 24px 26px;
}
/* 大きいエントリーカード */
.entry-card-large {
  height: 548px;
}
.entry-card-large .entry-large-thumb {
  width: 780px;
  height: 500px;
  overflow: hidden;
  position: relative;
}
.entry-card-large .entry-card-content {
  margin-left: 0;
  background-color: rgba(0,0,0,0.4);
  position: relative;
  top: -170px;
  height: 170px;
  padding: 12px 22px;
  overflow: hidden;
	width: 780px;
}
.entry-card-large .entry-card-content h2 {
  font-size: 22px;
  line-height: 1.4;
  margin-bottom: 18px;
}
.entry-card-large .entry-card-content a:link,
.entry-card-large .entry-card-content a:visited {
  color: #fff;
}
.entry-card-large .entry-card-content a:hover,
.entry-card-large .entry-card-content a:active {
  text-decoration: underline;
}
.entry-card-large .entry-card-content .entry-snippet,
.entry-card-large .entry-card-content .post-date {
  color: #fff;
}
.entry-card-large .entry-card-content .entry-snippet {
  line-height: 2;
}
.entry-card-large .entry-card-content .post-meta > a:link,
.entry-card-large .entry-card-content .post-meta > a:visited {
  color: #6ab8ed;
  text-decoration: underline;
}
.entry-card-large .entry-card-content .post-meta > a:hover,
.entry-card-large .entry-card-content .post-meta > a:active {
  color: #fff;
  text-decoration: none;
}
/* 通常サイズのエントリーカード*/
.entry-card .entry-card-content {
  margin-left: 226px;
}
.entry-card .entry-thumb img {
  width: 216px;
  height: 142px;
}
/* トップページ用大きめサムネイル */
.home .home_thumb	{
	background-color: #ebebeb;
	overflow: hidden;
}

.home #list .home_thumb article	{
	width: 406px;
	padding: 14px;
	margin-bottom: 20px;
	clear: none;
}
.home #list .home_thumb article:nth-child(odd)	{
	float: left;
	clear: both;
}
.home #list .home_thumb article:nth-child(even)	{
	float: right;
}
.home .home_thumb .entry-card-content	{
	clear: both;
	margin-left: 0;
}

.home .home_thumb .entry-thumb img	{
	width: 378px;
	height: auto;
}
.home .home_thumb header	{
	display: flex;
	flex-direction: column-reverse;
}
.home .home_thumb .post-meta	{
	font-size: 13px;
	flex-wrap: nowrap;
	justify-content: space-between;
	width: 100%;
}
.home .home_thumb figure	{
	margin-right: 0;
}
.home .home_thumb .fa-clock-o	{
	display: none;
}
.home .home_thumb .post-meta > a	{
	margin-right: 0;
}
.home .home_thumb .post-meta .post-date .published	{
	margin-right: 0;
}
.home .home_thumb	{}
.home .home_thumb	{}


/* post-meta情報 */
.post-meta {
  background: none;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.post-meta img {
  border-radius: 50%;
  margin-right: 15px;
  width: 36px;
  height: 36px;
}
.post-meta > a {
  margin-right: 22px;
}
.post-meta a:link,
.post-meta a:visited {
  color: #0064d2;
  text-decoration: underline;
}
.post-meta .post-date .published {
  margin-right: 19px;
}
.post-meta .post-date .published::after {
  content: '更新';
}
.post-meta .category {
  background-color: #6ab8ed;
  color: #fff;
  display: flex;
  align-items: center;
  width: 130px;
  padding: 4px 6px 3px;
	line-height: 1.4;
}
.post-meta .category:hover {
  background-color: #0064d2;
  cursor: pointer;
}
.post-meta .category a {
  color: #fff;
  font-size: 12px;
  width: 100%;
  text-align: center;
  text-decoration: none;
  text-indent: -1.28571em;
}
.post-meta .category a:link,
.post-meta .category a:visited {
  color: #fff;
}
.post-meta .category a:hover,
.post-meta .category a:active {
  color: #fff;
  text-decoration: none;
}
/* 個別記事ページ(single.php)
-------------------------------------------------------- */
body.single-post #breadcrumb {
  padding: 16px 14px;
}
body.single-post #main .article {
  background-color: #fff;
}
body.single-post #main .entry-title {
  font-size: 24px;
	font-weight: bold;
  margin-top: 0;
}
body.single-post #main .article {
  padding: 20px 46px 50px;
	margin-top: 30px;
}
body.single-post #main .post-meta {
  margin-bottom: 32px;
}
body.single-post #main .post {
  margin-bottom: 0;
}
#the-content img {
  margin-top: 20px;
  margin-bottom: 40px;
}
/* ページャー */
.navigation {
  margin: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: solid 1px #c8c8c8;
  background-color: #fff;
}
.navigation div,
.navigation > div + div {
  border: none;
}
.navigation a span {
  margin-top: 1px;
}
.navigation a span.next {
  padding-right: 0;
  padding-left: 10px;
}
/* 関連記事 */
.related-entry {
  background-color: #fff;
  margin-bottom: 10px;
  padding: 24px 26px;
}
.related-entry {
}
/* トップページ
-------------------------------------------------------- */
body.home .entry-card {
}
body.home {
}
body.home {
}
/* フッター
-------------------------------------------------------- */
#footer { /* Simplicityの定義を上書き */
  background: none;
  padding: 0;
}
#blogger_footer {
  background-color: #ebebeb;
  padding: 0;
}
#copyright {
  display: none;
}
/* サイドバー
-------------------------------------------------------- */
#sidebar {
  width: 260px;
}
#sidebar .sidebar_box {
  background-color: #fff;
  margin-bottom: 20px;
}
#sidebar .sidebar_box a {
  display: block;
}
#sidebar .sidebar_box a:link,
#sidebar .sidebar_box a:visited {
  color: #323232;
}
#sidebar .sidebar_box a:hover,
#sidebar .sidebar_box a:active {
  text-decoration: none;
  background-color: #f0f0f0;
}
#sidebar .sidebar_title,
#sidebar .sidebar_widget_title {
  background-color: #1d9c5a;
  border-bottom: solid 4px #00812d;
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  margin: 0;
  padding: 14px 15px;
}
#sidebar .blogger_profile {
  border-bottom: solid 1px #c8c8c8;
  display: flex;
  align-items: center;
  margin-bottom: 0;
  padding: 7px 10px 6px 15px;
}
#sidebar .blogger_profile:hover {
  background-color: #f0f0f0;
  cursor: pointer;
}
#sidebar .eyecatch {
  margin-right: 15px;
}
#sidebar .eyecatch img {
  border-radius: 50%;
  width: 36px;
  height: 36px;
}
#sidebar li { /* Simplicityの定義を上書き */
  margin-bottom: 0;
}
/* アコーディオンメニュー */
.accordionbox {
  margin: 0px auto 0px;
  padding: 0px;
}
.accordionlist {
  margin: 0;
}
.accordionlist dt {
  background: #fff;
  border-bottom: solid 1px #c8c8c8;
  padding: 14px 10px 14px 15px;
}
.accordionlist dt:hover {
  cursor: pointer;
  background-color: #f0f0f0;
}
.accordionlist dt:first-child {
  border-top: none !important;
}
.accordionlist dt .title {
  padding-left: 1em;
  float: left;
  font-weight: normal;
  font-size: 12px;
}
.accordionlist dd {
  display: none;
  background: #f7f7f7;
  margin-bottom: 0;
}
.accordionlist ul {
  margin: 0;
  padding: 7px 0 !important;
}
.accordionlist li {
  margin: 0;
}
.accordionlist a {
  display: block;
  padding-left: 27px;
  line-height: 30px;
}
.accordionlist a:first-child {
/*padding-top: 14px;*/
}
.accordionlist a:last-child {
/*padding-bottom: 14px;*/
}
.accordionlist a:link,
.accordionlist a:visited {
  color: #323232;
}
.accordionlist a:hover,
.accordionlist a:active {
  text-decoration: none;
  background-color: #fff;
}
.accordion_icon,
.accordion_icon span {
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box;
}
.accordion_icon {
  background-color: #f0f0f0;
  position: relative;
  width: 18px;
  height: 18px;
  float: right;
}
.accordion_icon span {
  position: absolute;
  left: 5px;
  width: 9px;
  height: 2px;
  background-color: #969696;
}
.accordion_icon span:nth-of-type(1) {
  top: 8px;
  transform: rotate(0deg);
}
.accordion_icon span:nth-of-type(2) {
  top: 8px;
  transform: rotate(90deg);
}
/*＋、－切り替え*/
.accordion_icon.active span:nth-of-type(1) {
  display: none;
}
.accordion_icon.active span:nth-of-type(2) {
  top: 8px;
  transform: rotate(180deg);
}
/* アクセスランキング
-------------------------------------------------------- */
.widget_popular_ranking ul li img {
  display: none;
}
.ranking_list ul li::before {
  border-radius: 0;
  background-color: #969696;
  font-size: 14px;
  font-weight: bold;
  opacity: 1;
  margin-right: 10px;
  padding: 4px 7px;
  top: 12px;
}
.ranking_list ul li {
  border-bottom: solid 1px #c8c8c8;
  padding-top: 10px;
  padding-bottom: 12px;
  min-height: 2em;
  padding-left: 34px;
}
.ranking_list ul li a:link,
.ranking_list ul li a:visited {
  color: #0064d2;
  text-decoration: none;
}
.ranking_list ul li a:hover,
.ranking_list ul li a:active {
  color: #f00;
  text-decoration: underline;
}
/* ブロガープロフィールカード
-------------------------------------------------------- */
.blogger_profile {
  background-color: #fff;
  /* [disabled]display: flex;
*/
  flex-flow: row nowrap;
  margin-bottom: 20px;
  padding: 27px 26px;
}
.blogger_profile .blogger_photo {
  background-color: #f2f2f2;
  background-repeat: no-repeat;
  width: 450px;
  height: 340px;
  margin-right: 24px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.blogger_profile .blogger_photo.blogger1 {
  background-image: url(/XwpsX/wp-content/themes/simplicity2-child/images/blogger1.jpg);
}
.blogger_profile .blogger_photo.blogger2 {
  background-image: url(/XwpsX/wp-content/themes/simplicity2-child/images/blogger2.jpg);
}
.blogger_profile .blogger_photo.blogger3 {
  background-image: url(/XwpsX/wp-content/themes/simplicity2-child/images/blogger3.jpg);
}
.blogger_profile .blogger_photo.blogger4 {
  background-image: url(/XwpsX/wp-content/themes/simplicity2-child/images/blogger4.jpg);
}
.blogger_profile .blogger_photo.tw-master {
  background-image: url(/XwpsX/wp-content/themes/simplicity2-child/images/tw-master.jpg);
}
.blogger_profile figure.entry-thumb {
  margin-bottom: 1em;
}
.blogger_profile .prof_box h2 {
  margin-top: 0;
  margin-bottom: 28px;
}
.blogger_profile .prof_box dl {
  display: flex;
  align-items: center;
  margin-top: 12px;
  margin-bottom: 1em;
}
.blogger_profile .prof_box img.avatar {
  border-radius: 50%;
  width: 60px;
  height: 60px;
}
.blogger_profile .prof_box dt {
  margin-right: 26px;
}
.blogger_profile .prof_box dd {
  font-size: 20px;
}
.blogger_profile .prof_box dd span {
  font-size: 16px;
}
.blogger_profile .prof_text {
  line-height: 1.7;
}
/* アーカイブ、カテゴリー、404など
-------------------------------------------------------- */
body.archive.category #main {
  /*background-color: #fff;*/
  /*padding: 0 16px;*/
}
/* XX
-------------------------------------------------------- */
/*
SNSボタンサイズ
*/
ul.snsbs li a{
  width:25px;
  height:37px;
	width: auto;
}