/*
ここに独自の CSS を追加することができます。

詳しくは上のヘルプアイコンをクリックしてください。
*/

.header-main {
        min-height: 50px;
        padding: 60 10px;
}

/* サイトタイトル調整 */
.site-title {
	      font-size: 18px;
        line-height: 40px;
        margin: 0;
}

	.site-title a{
		color: #00CC33;
	}

.site-description {
        font-size: 18px;
				font-weight: 0;
        line-height: 50px;
        margin: 0;
	      color:#00CC33;
}

/* コピーライト中央揃え */
.site-info {
    text-align: center;
}

/* 画像のキャプションの調整 */
.wp-caption .wp-caption-text {
	font-size: 20px;
	font-size: 1.214285714rem;
	color: #000000;
}

/*– 親カテゴリと子カテゴリを見やすく分ける –*/
li.cat-item .children {
	padding-left: 15px !important;
}

/*  */
.comments-link {
 display: none;
}

/* 編集非表示 */
.edit-link {
	display: none;
}
/* 投稿者非表示 */
.single .byline {
	display: none;
}
/* 見出し2のレイアウト */
.entry-content h2 {
	position: relative;
	color: #111;
	font-size: 1.143em;
	font-weight: bold;
	margin: 0 0 1.5em;
	padding: .5em .5em .5em 1.7em;
	border-bottom: 3px solid #B92A2C;
}

.entry-content h2:before {
	content: "";
	position: absolute;
	background: #d48789;
	top: 0;
	left: .4em;
	height: 12px;
	width: 12px;
	transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
}

.entry-content h2:after {
	content: "";
	position: absolute;
	background: #d26466;
	top: 1em;
	left: 0;
	height: 8px;
	width: 8px;
	transform: rotate(15deg);
	-moz-transform: rotate(15deg);
	-webkit-transform: rotate(15deg);
	-o-transform: rotate(15deg);
	-ms-transform: rotate(15deg);
}

/* カエレバ枠線 */
.kaerebalink-box{border:1px solid #000;}

/* 商品名の部分 */
.kaerebalink-name{
	color:#00F;
  font-size:15px;  /* 文字の大きさ */
  font-weight:bold;  /* 文字を太字に */
}

/* posted with カエレバの部分 */
.kaerebalink-powered-date{
  font-size:0px;  /* 文字の大きさ */
}
  
/* カーソルが乗った時 */
.kaerebalink-name a:hover{
  color:#00DD00;  /* カーソルが乗った時のリンクの色 */
  text-decoration:underline;}  /* リンクにアンダーライン */　　

/* Amazonと楽天のボタン */
.shoplinkamazon, .shoplinkrakuten {
  text-align:center;  /* 文字をボタンの中央に */
  margin-right: 15px; /* ボタンとボタンの間の余白 */
  float: left;  /* ボタンを横並びに */
  width: 45%;  /* ボタンの幅 */
}
 
.kaerebalink-link1 a {
  display: block;
  height: 40px;  /* ボタンの高さ */
  line-height: 40px;  /* ここはボタンの高さと同じ数値に */
  border-radius:5px;  /* ボタンの角をちょっと丸く */
  -moz-border-radius:5px;  /* ボタンの角をちょっと丸く(Firefox向け) */
  -webkit-border-radius:5px;  /* ボタンの角をちょっと丸く(Google Chrome、Safari向け) */
}
 
/* ボタン上に余白 */
.kaerebalink-link1 {
  margin-top: 5px;
}
 
/* 左寄せを後から解除するための記述 */
.kaerebalink-link1:after {
  content:"";
  display:block;
  clear:both;
}

/* Amazonと楽天のリンク部分（ボタン内のテキスト） */
.shoplinkamazon a, .shoplinkrakuten a{
  background-color:#3CB371;  /* ボタンの背景色 */
  color:#fff;  /* 文字の色 */
  text-decoration:none;  /* アンダーライン無し */
  font-weight:bold;  /* 文字を太字に */
  display:block;  /* ボタン全体をクリックできるようにブロック要素にする */
}

/* カーソルが乗った時 */
.shoplinkamazon a:hover{
  color:#00DD00;
}
.shoplinkrakuten a:hover{
  color:#00DD00;
}

/* カエレバスマートフォン表示 */
@media screen and (max-width: 599px) {
.kaerebalink-box {
  margin-top:10px;  /* カエレバ全体の上に余白 */
  margin-bottom:10px;  /* カエレバ全体の下に余白 */
  text-align:center;  /* カエレバリンク内テキストは中央寄せ */
  padding:10px;  /* 全体的な余白 */
}
  
/* カエレバの商品画像部分 */
.kaerebalink-image {
  float:none;  /* 画像の左寄せを解除 */
}
  
/* ショップリンクボタン（Amazonと楽天） */
.shoplinkamazon, .shoplinkrakuten {
  width:90%; /* ボタンの幅を横幅の90%に */
  display : block;  /* 横並びだったボタンを縦に並べる */
  padding : 0;  /* 余計な余白を削除 */
  margin-bottom: 10px; /* ボタンとボタンの間の余白 */
}
}
/* 自己紹介画像を丸く */
.suzan {
  border-radius: 150px;
  width: 340px;
}
/* 本文中のリンク色を青に */
.entry-content a{
color: #0044CC; /*文字色*/
}