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

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



/****** ログインユーザーのみ様子ウィジェット表示 ******/
.gwolle_gb_widget.gwolle-gb-widget {
  display: none;
}
.logged-in .gwolle_gb_widget.gwolle-gb-widget {
  display: block;
}





/****** ログインユーザーに非表示 ******/
.logged-in .csshopnologin{
	display:none;
}

/****** フォローボタンのサイズ ******/
ul.snsp li a span {
    display: block;
    font-size: 45px;
    width: 45px;
    height: 45px;
    overflow: hidden;
    border-radius: 4px;
    background-color: #666;
    color: #fff;
}

/****** トップページのアイキャッチ非表示 ******/
.home .eye-catch {
    display: none;
}

/****** 記録ページ ******/
/* アイキャッチ非表示 */
.page-id-13547 .eye-catch {
    display: none;
}

/* フォーム関連 */
div.gb-metabox-handle {
    position: absolute;
    top: 0;
    right: 0;
    padding: 10px;
    cursor: pointer;
    font-weight: bold;
    display: none;
}

button.gb-notice-dismiss {
    position: absolute;
    top: 0;
    right: 1px;
    border: none;
    margin: -20px!important;
    padding: 9px;
    background: none;
    color: #72777c;
    cursor: pointer;
}

.gwolle_gb_submit {
    margin-top: -40px;
}
/****** はてブコメントのデザイン ******/
div#hatena-bookmark-container div.hatena-bookmark-title {
    background: none!important;
    background-color: #6f9f0f!important;
    color: #fff;
    padding: 0.5em;
    border: 1px solid #6f9f0f;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
}

div#hatena-bookmark-container ul#hatena-bookmark-list-container {
    border-top: 1px solid #6f9f0f;
    padding: 0.4em 0.4em 0.8em 0.8em;
    border: 2px solid #6f9f0f;
}



/****** 管理バー項目があふれるのを防ぐ ******/
@media screen and (min-width: 782px){
	/* Prevent wrapping of admin bar that has more items than admin bar area */
	#wpadminbar .quicklinks {
		justify-content:space-between;
	}
	#wpadminbar .quicklinks,
	#wpadminbar .quicklinks > ul {
		display:-ms-flexbox;
		display:flex;
		flex-wrap:nowrap;
		-ms-flex-wrap:nowrap;
		min-width:0!important;
	}
	#wpadminbar #wp-admin-bar-top-secondary {
		flex-direction:row-reverse;
		-ms-flex-direction:row-reverse;
	}
	#wpadminbar .quicklinks > ul > li {
		float:none!important;
	}
	#wpadminbar .quicklinks > ul > li,
	#wpadminbar .quicklinks .ab-item {
		white-space:nowrap;
		text-overflow:ellipsis;
		min-width:0!important;
	}
	#wpadminbar .quicklinks .ab-item {
		overflow:hidden;
	}
	#wpadminbar .quicklinks .ab-item .ab-label,
	#wpadminbar .quicklinks .ab-item .display-name {
		float:none;
		display:inline;
	}
}

/************ トップページだけ概要バーを非表示 ***************/
body.home .post-meta {
    display: none;
}

/************ 本文の行間 ***************/
.article {
    line-height: 200%;
}

/************** ブログ村ウィジェットの外側 *****************/
.blogm{
	border:2px solid #6f9f0f;
	border-radius:5px;
}

/************** タブ表示の内容 *****************/
.su-tabs-pane {
    padding: 5px!important;
    font-size: 1em!important;
}



/************** 更新日を非表示にする *****************/
.post-update {
	display:none;
	}

/************** ギャラリーのキャプションを非表示 *****************/
.gallery-caption {
    margin-left: 0;
    display: none;
}


/************** 引用タブの体裁 *****************/
blockquote {
    margin-left: 0px;
    margin-right: 0px;
}

/************** ウィジェットタイトル *****************/
#sidebar h3 {
    background-image: url(images/niku.png);
    background-size: 30px 30px;
    background-repeat: no-repeat;
    background-position : 5px 0px;
    padding: 5px 0px 0px 40px;
    border: 3px solid #6f9f0f;
	background-color:#ffffff;
    border-radius: 5px;
}




/************** H3タグ *****************/
.article h3 {
  background-image: url("images/niku.png");
  background-size: 30px 30px;
  background-repeat: no-repeat;
  padding: 5px 0px 0px 40px;
  border-bottom:5px solid #6f9f0f;
  margin: 5px 5px 5px 5px;
  /* 以下略 */
}


/************** メタ部分の帯 *****************/
.post-meta {
    margin-bottom: 0.5em;
    text-align: right;
    background-color: #6f9f0f;
    color: #000000;
    font-size: 16px;
}

/************** hrタグのデザイン *****************/
hr {
    color: #6f9f0f;
    margin: 30px 0;
    width: 98%;
    border: 1px solid #6f9f0f;
}

#sidebar .widget{
  margin-bottom: 10px;
}

/************** メニュー同士の隙間 *****************/
#navi ul li a{
  font-size:14px;
  display: block;
  padding: .1em .1em;
  color:#111;
  text-decoration:none;
  z-index:99;
}

/************** 足跡付きリスト *****************/
#asilist {
list-style:none;
padding:0;
margin:0;
}
#asilist li {
  background-image: url("images/niku.png");
  background-size:20px 20px;
  background-repeat: no-repeat;
  padding: 0px 0px 0px 25px;
 }

/************** ページタイトル *****************/
.article h1 {
    margin-top: 3px;
    margin-bottom: 5px;
    font-size: 30px;
    line-height: 117%;
}


/************** 本文のスタイル *****************/
#main {
    float: left;
    box-sizing: border-box;
    width: 740px;
    padding: 10px 20px;
    border: 3px solid #6f9f0f;
    border-radius: 8px;
    margin-bottom: 30px;
}

/************** トップスライダー *****************/
.wonder-slider{
    border-radius: 15px;
    border: 3px solid #6f9f0f;
}


/************** 帯に表示するカテゴリーの文字色（編集リンク） *****************/
.category a{
    color: #000000;
}

.edit a{
    color: #000000;
}



/************** アイキャッチ画像 *****************/
.eye-catch {
    line-height: 100%;
    margin-left: 0;
    border-radius: 8px;
    border: 3px solid #6f9f0f;
}


/************ サイドバーのリスト（外側） ***************/
#sidebar ul, #sidebar ol, .widget-over-article ul, .widget-over-article ol, .widget-under-article ul, .widget-under-article ol, .widget-over-sns-buttons ul, .widget-over-sns-buttons ol, .widget-under-sns-buttons ul, .widget-under-sns-buttons ol 
{
border: 2px solid #6f9f0f;
padding:5px 10px;
margin-top:0px;
border-radius: 5px;
background-color:#ffffff;
}

/************** ウィジェットの隙間 ***************/
#sidebar .widget{
  margin-top:-20px;
  margin-bottom: 40px;
}

/************** サイドバーのH4タグ ***************/
#sidebar h4{
color:#ffffff;
}

.rank{
    background-color: #ffffff;
border: 5px solid #042100;
border-radius: 5px;
color:#000000;
}

#footer a{
color:#000000;
}


.calendar{
    background-color: #ffffff;
border: 5px solid #042100;
border-radius: 5px;
color:#000000;

}

#yrc-shell-0 .yrc-menu li {
    color: #ffffff!important;
    background: #042100!important;
    border-radius: 8px!important;
    margin: 0px 5px!important;
}

/*************** ブログカード ***************/
.blog-card {
  background: #ffffff;
  padding-bottom: 0px;
  padding: 3px;
  padding-top: 5px;
}

.blog-card.external-blog-card {
  border-radius: 5px;
  background-color: #ffffff;
  box-shadow: 10px 10px 10px rgba(0,0,0,0.2);
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #6f9f0f;
  border-left-width: 25px;
  border-left-style: groove;
  border-left-color: #6f9f0f;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #6f9f0f;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #6f9f0f;
  color: #222222!important;
  font-weight: bold;
}

.blog-card.internal-blog-card {
  border-radius: 5px;
  background-color: #ffffff;
  box-shadow: 10px 10px 10px rgba(0,0,0,0.2);
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #6f9f0f;
  border-left-width: 25px;
  border-left-style: groove;
  border-left-color: #6f9f0f;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #6f9f0f;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #6f9f0f;
  font-size: 15px;
  color: #222222!important;
  font-weight: bold;
  padding: 13px;
  padding-bottom: 2px;
}

.blog-card-title {
  margin-top: 8px;
  font-size: 15px;
}

.blog-card-excerpt {
  font-size: 11px;
  color: #222222!important;
}

.blog-card-title a {
  color: #222222!important;
  font-size: 17px;
}

.blog-card-site a {
  color: #1320d4;
  font-size: 12px;
}

/*************** ログインユーザーのアドセンスクリック禁止 ***************/
.logged-in .google-auto-placed {
    pointer-events: none;
}

.logged-in .koukoku {
    pointer-events: none;
}

/**************** Youtube動画のデザイン ***************/
.youtubeWrapper{
	position: relative ;
	margin-top: 1.2em ;
	margin-bottom: 1.2em ;
	padding-top: 69px ;
	padding-bottom: 50% ;
	overflow: hidden ;
}

.youtubeWrapper iframe {
	position: absolute ;
	top: 0 ;
	left: 0 ;
	height: 100% ;
	width: 100% ;
}

.ad-space.ad-space-sidebar {
    display: none;
}