@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}
@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    0.0.5
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/


/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1240px以下*/
@media screen and (max-width: 1240px){
  /*必要ならばここにコードを書く*/
}

/*1030px以下*/
@media screen and (max-width: 1030px){
  /*必要ならばここにコードを書く*/
}

/*768px以下*/
@media screen and (max-width: 768px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}

/*ここから 追加CSS*/

.logo{
	text-align:center;
	margin:0px;
}

.header-container{
	background-color:transparent;
}

.content {
    margin-top: 24px;
    background-color: transparent;
}

.main {
	padding-left:50px;
	padding-right:50px;
}

/*エントリーカード画像*/ 
.front-top-page .ect-big-card-first .a-wrap:first-of-type .card-thumb, .ect-big-card .card-thumb {
    float: none;
    width: auto;
}


/*エントリーカード日付*/ 
.entry-card-meta, .related-entry-card-meta {
  bottom: 0;
  position: absolute;
  right: 0;
  text-align: right;
  line-height: 1;
	font-size:0.8em;
	padding:5px;
	color:gray;
}

/*エントリーカードコメント数*/ 
.post-comment-count{
	font-size:1em;
	color:#49add1;
}

/* パンくず　*/
.breadcrumb {
	background-color:#FFFFFF;
	  opacity: 0.5;
	 }


.breadcrumb.sbp-main-before,
.breadcrumb.pbp-main-before {
  background-color: #fff;
    opacity: 0.5;
  margin: 12px auto 0;
  padding: 25px 5px 5px 15px;
}

.breadcrumb.sbp-main-before + .content, 
.breadcrumb.pbp-main-before + .content {
  margin-top: 0px;
}


.entry-content {
  margin-top: 1em;
  margin-bottom: 3em;
	padding:5px 0;
}

.entry-category, .post-date, .post-update, .post-author, .amp-back 
{
    font-size: 1em;
}

.widget_recent_entries ul li a, .widget_categories ul li a, .widget_archive ul li a, .widget_pages ul li a, 
.widget_meta ul li a, 
.widget_rss ul li a, 
.widget_nav_menu ul li a 
.widget_recent_comments li,
.widget_recent_comments li a{
		font-size:90%;
    color: #808080;
    text-decoration: none;
		margin-left:10px;
    padding: 1px 1px;
        padding-right: 0px;
        padding-left: 0px;
    display: block;
}

.search-edit, input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], 
textarea, 
select {    
		margin-top:5px;
		margin-left:10px;
		padding: 5px;
    font-size: 18px;
    width: 80%;
}

.search-edit, input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea, select {
    font-size: 90%;
}

.wrap {
		background-color:transparent;
}

.cat-link {
    color: #959988;
    text-decoration: none;
    display: inline-block;
    margin-left: 4px;
    padding: 2px 6px;
    font-size: 12px;
    background-color: #f0f6da;
		border:1px solid #c7ccb6;
    border-radius: 2px;
    word-break: break-all;
}

.widget-sidebar {
	margin-bottom:40px;
}

.widget_categories ul li a .post-count, .widget_archive ul li a .post-count, .widget_pages ul li a .post-count, .widget_meta ul li a .post-count, .widget_rss ul li a .post-count, .widget_nav_menu ul li a .post-count {
    display: block;
    float: right;
		padding-right:50px;
}

/*サイドバーfont*/
.sidebar
.sidebar a{
	font-size:90%;
	color:black;
}

.sidebar ul,
.sidebar ul a{
	list-style-type: none;
		font-size:90%;

}

/*サイドバー見出し*/
.sidebar h3 {
	padding-left:120px;
	padding-bottom:15px;
	font-size:1.2em;
	font-weight:bold;
	line-height:1.2;
	color:#64665b;
	text-align:left;
  position: relative;
	background: url(http://mmei318.chu.jp/sunnydays/wp-content/uploads/2019/08/title_back-e1566124226729.png) no-repeat bottom left;
	background-size:69px auto;
	background-position:15%;
}

.sidebar span.post-date {
		font-size:90%;
}

/*サイドバー　カテゴリー*/
.widget_categories ul li a {
	font-size:1em;
    text-decoration: none;
    display: block;
    padding-right: 4px;
    padding-left: 20px;
	position: relative;
}

.widget_categories ul li a::before{ /*親カテゴリーのアイコン設定*/
  font-family: FontAwesome;
  content: "\f101";
  color: #0089a6;
  padding-right: 6px; /*アイコン右側空間*/
}

.widget_categories > ul > li > a:first-child {
		text-decoration:none;
		display:block;
    background-color:transparent;
		border-top:1px dotted silver;
}

.widget_categories > ul > li > a:last-child {
    background-color:transparent;
		border-bottom:none;
}

.widget_categories > ul > li > a::before{ /*子カテゴリーのアイコン*/
  font-family: FontAwesome;
  content: "\f1b0";
  color: #0089a6;
  padding: 0px 6px 0px 2px; /*アイコン右側空間*/
}
.widget_categories ul li a:hover { /*マウスホバー時*/
    background:  #d9de5e;
    transition: 0.5s;
    color: #011c00;
}

/*記事数用のコード*/
.widget_categories ul li a .post-count {
display: block;
float: right;
background: #ede6d6;/*背景色*/
color: #545454;/*文字色*/
padding: 0 1em;
font-size: 80%;
margin-top: .2em;
border-radius: 4px;
}

/* ウィジェットタイトルにFAアイコン */
.widget h3::before { font-family: FontAwesome; font-size: 80%; vertical-align: middle; font-weight: normal; margin-right: 5px; } /* 共通設定 */
.widget_links h3::before { content: '\f0c1'; } /* リンク */
.widget_popular_entries h3::before { content: '\f135'; } /* 人気記事 */
.widget_new_entries h3::before, .widget_recent_entries h3::before { content: '\f017'; } /* 新着記事 */
.widget_categories h3::before { content: '\f115'; } /* カテゴリー */
.widget_rss h3::before { content: '\f143'; } .widget_rss h3 img { display: none; } /* RSSフィード */
.widget_tag_cloud h3::before { content: '\f292'; } /* タグクラウド */
.widget_search h3::before { content: '\f002'; } /* 検索 */
.widget_meta h3::before { content: '\f085'; } /* メタ */
.widget_fb_like_box h3::before { content: '\f082'; } /* Faceboxボックス */
.widget_facebook_page_like h3::before { content: '\f082'; } /* Faceboxバルーン */
.widget_item_ranking h3::before { content: '\f091'; } /* ランキング */
.widget_archive h3::before { content: '\f073'; } /* アーカイブ */
.widget_recent_comments h3::before { content: '\f0e6'; } /* 新着コメント */


/* サイドバーコメント */
.widget_recent_comments li {
    padding: 0 0 0 20px;
}

.recent-comment-author {
    font-weight: normal;
		font-size:90%;
}
.recent-comment-article {
    font-size: 12px;
		background-color:#dfe6ea;
}
.recent-comment-date {
    font-size: 70%;
}
/* サイドバーエントリー */
.widget-entry-cards 
.widget-entry-card {
		font-size:90%;
    padding: 5px;
    margin-left: auto;
    box-sizing: border-box;
    word-wrap: break-word;
    overflow-wrap: break-word;
		border:none;
}

.widget-entry-cards figure {
    width: 120px;
    margin-right: 15px;
}

/* サイドバー カレンダー */
.calendar_wrap {
    margin: 20px 0;
    font-size: 80%;
    width: 80%;
}


.wp-calendar-table {
    margin: auto;
    border-collapse: collapse;
    border-top-width: 1px;
    border-right-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-top-color: #eee;
    border-right-color: #eee;
    width: 100%;
    max-width: 400px;
    text-align: center;
}



/* サイドバー ykk */
.text-pc {
	font-size:70%;
	font-weight:normal;
    margin-left: 100px;
	border:none;
}

/*サイドバー　リンクリスト*/
.widget_links ul li a {
		font-size:1em;
    text-decoration: none;
    display: block;
    padding-right: 4px;
    padding-left: 20px;
		position: relative;
		color:gray;
}

.widget_links ul li a::before{ /*リンクアイコン設定*/
  font-family: FontAwesome;
  content: "\f004";
  color: orange;
  padding-right: 6px; /*アイコン右側空間*/
}


.widget_wp_statistics_widget li {
	font-size:0.9em;
}

/* エントリーカード */
/* エントリーカード  抜粋*/
.entry-card-snippet, .related-entry-card-snippet {
	color:#333333;
    font-size: 0.9em;
    max-height: 7.8em;
    line-height: 1.5;
    overflow: hidden;
	margin-left:10px;
}

.entry-card, .related-entry-card {
    position: relative;
    height: 100%;
	border: 1px solid #011c00;
	padding: 10px;
}

/* エントリーカード  タイトル*/
.entry-card-title, .related-entry-card-title {
    font-size: 1.2em;
    color: #333333;
    /* margin: 0; */
    line-height: 1.2;
    margin: 5px 5px 5px 10px;
    font-weight: normal;
    border-bottom: 1px dashed #333333;
}

/*　タイトル・カテゴリータイトル　*/
.entry-title, .archive-title {
    color: #999999;
    font-size: 100%;
    margin: 12px 15px;
    line-height: 1.2;
    font-weight: normal;
}


.cat-label {
    position: absolute;
    top: 0.3em;
    left: 0.3em;
    border: 1px solid green;
    font-size: 12px;
    color: #959988;
    background-color: #f0f6da;
    padding: 1px 5px;
    max-width: 80%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}



/*-- アイキャッチ　カテゴリーラベル非表示 --*/
.eye-catch .cat-label {
display: none;
}


/*　本文タイトル　*/
h1.post-title
h1.entry-title 	{
		color: #333333;
    font-size: 1.2em;
		margin-left:15px;
    padding-left: 38px;
    line-height: 1;
    position: relative;		
}

/*　本文ポスト日付　*/

.post-date:before {
 content:none;
}

.post-update:before {
 content:none;
}

.date-tags {
  line-height: 0.1;
	margin: 20px 10px 0 10px;
	font-weight: lighter;
	color: #666;
	font-size: 140%;
	font-family: "ヒラギノ角ゴシック";
	letter-spacing: 0.5em;
	border-bottom: 1px solid silver;
	text-align:left;
}



/*　本文　*/
.entry-content > *, .demo .entry-content p {
		margin-left:10px;
		margin-right:10px;
    line-height: 1.8;
}

.entry-content  img {
 	border:1px solid #cccccc;
 	padding:5px;
	margin:15px auto;
	text-align:center;
 }

/*　本文見出し　*/
.article h1 {
    font-weight: normal;
    color: #333333;
    font-size: 1.2em;
    line-height: 1;
    padding-left: 35px;
	 margin: 3px 12px 12px 12px;
}

.article h2 {
    padding: 0;
    background: none;
}
.article h3 {
    border: none;
    padding: 0;
}
.article h4 {
    border: none;
    padding: 0;
}

/*　本文見出し その５（映画タイトルなど）　*/
.article h5 {
	padding:0px;
	border-bottom:1px dashed;
}
.article h5 a{
		line-height:100%;
		font-size:1em;
		color:#008aa6;
		text-decoration:none;
}

.article h5:before {
  font-family: FontAwesome;
  content: '\f008';
  color: #008aa6;
  margin-right: 5px;
}

.article h6 {
		margin-left:50px;
    border-left: 5px solid #ffbd69;
    border-bottom:1px dashed #ffbd69;
    padding-bottom:5px;
    font-size:16px;
    font-weight:normal;
}


/*page navi*/
.pager-post-navi 
a.next-post 
.next-post-title {
    margin-right: 10px;
		font-size:1em;
}
a.prev-post .prev-post-title {
    margin-left: 20px;
		font-size:1em;
}

.pager-post-navi.post-navi-border a.a-wrap, .a-wrap 
{
    border: none;
}

/*ブログカード*/
.blogcard-wrap {
    display: flex;
	 border:none;
    margin:15px;
    background-color:transparent;
    width:auto;
    height:auto;
}

.blogcard{
    padding:none;
    background-color:snow;
}

.blogcard-content {
    margint-left:10px;
}

.blogcard-thumbnail  {
    width:200px;
    height:auto;
    margin-right:25px;
    padding:none;
}

.blogcard-title {
    margin-top:10px;
    font-size:100%;
    font-weight:normal;
    border-bottom:2px dashed gray;
    padding:5px;
}

.blogcard-snippet {
    margin-top:20px;
    margin-left:10px;
    font-size:95%;
    color:gray;
}

.blogcard-footer {
    font-size:90%;  
}

.blogcard-site {
    float: right;
    display: flex;
    align-content: center;
}

.blogcard-domain {
    widht:auto;
    text-align:right;
}

/*ページネーション*/
    .page-numbers { /*通常時*/
      color: #49add1;
      border: 1px solid #49add1;
    }
    .pagination .current { /*現在のページ*/
      background-color: #49add1;
      color: #fff;
    }
    .page-numbers.dots { /*ドット「…」の部分*/
      opacity: 1;
      background: none;
    }
    .pagination a:hover { /*マウスホバー時*/
      background-color: #49add1;
      color: #fff;
    }

/*ページネーション（次のページ）*/
    .pagination-next-link {
      background-color: #49add1; /*背景色*/
      color: #fff; /*文字色*/
      border: none; /*ボーダーを消す*/
    }
    .pagination-next-link:hover { /*マウスホバー時*/
      background-color: #68caee;
      color: #fff;
    }

/************************************
** 引用（blockquote）
************************************/
.post blockquote {
	margin-top:15px;
	margin-bottom:15px;
}

/*引用：タブボックス　Amazon*/
.blank-box.bb-tab.bb-amazon {
	padding-top:10px;
	margin-bottom:15px;
}
.blank-box.bb-tab.bb-amazon a img {
	border:none;
	float:left;
	margin-right:10px;
}

/*コメントエリア*/
.comment-area.website-hide .comment-form-url {
	width:90%;
}

.comment-btn {
	color:#FFF;
	border:none;
	background: #a2d7dd;
  font-size: 1em;
    width: auto;
	margin:0;
	margin-left:60px;
}

.comment-btn:hover {
  background-color: #f1ffe6;
	border:1px solid #a2d7dd;
  color: #5c665f;
  transition: 0.5s;
}

.comment-respond { /*入力欄全体の枠*/
  border: none;
  margin-top: -2px;
  margin-left:15px;
}
.comment-respond p {
  margin: 1em 0;
}

h3#reply-title {
	padding: 0;
	margin: 0 auto 0 25px;
	font-weight:normal;
	font-size:1em;
}


#commentform { /*フォーム部分の枠*/
  padding: 20px;
}
p.comment-notes { /*注意書きの文字サイズ*/
  font-size: 14px;
}

p.form-submit {
	margin:0;
	

}

#commentform input[type="submit"] { /*送信ボタンの装飾*/
  -webkit-appearance: none;
  padding: 6px;
  margin: 0 ;
  cursor: pointer;
  background: #e6ffee;
  color: #5c665f;
  border: none;
  font-size: 1em;
}

#commentform input[type="submit"]:hover { /*送信ボタンのマウスホバー時*/
  background: lightblue;
}

#commentform input[type="text"], #commentform textarea { /*入力スペースの装飾*/
  padding: 11px;
  border: none;
  border-radius: 4px;
  font-size: 18px;
  width: 100%;
  background: #e2e2e2; /*入力スペースの背景色*/
}

/*コメントエリア*/
#comment-area {
	border:1px solid green;
	padding:0 20px 20px 20px;
}

.comment-list {
	width:auto;
	padding: 20px;

}

/*コメントタイトル「COMMENT」*/
.comment-title {
      margin: 0 20px 10px 20px;
    font-size: 1.1em;
    background: transparent;
    color: #666665;
	padding-left:20px;
	font-weight: normal;
    border-bottom: 1px dotted #68a9cf;
}

.comment-title:before {
  font-family: FontAwesome;
  content: '\f27b';
  color: #68a9cf;
  margin-right: 2px;
}
.commets-list {
  padding: 20px 20px 0 20px;
}

.comment-author {
	font-weight:normal;
	font-style:normal;
}

.commets-list .comment-meta {
  font-size: 0.9em;
}

.commets-list > li {
  border-top: 2px dashed #0089a6;
  margin-top: 30px;
  padding-top: 20px;
}
.commets-list > li:first-child {
  border: none;
  margin-top: 0;
  padding-top: 0;
}
.commets-list .children {
  border-left: 2px solid #ccc;
  margin-top: 0;
}
.commets-list .avatar {
  float: left;
  border-radius: 50%;
  margin-right: 10px;
}
.st-comment-content {
  background: #e2e2e2;
  padding: 2px 10px;
  margin: 30px 0 6px 0;
  border-radius: 10px;
  position: relative;
}
.st-comment-content::before {
  content: "";
  position: absolute;
  top: -14px;
  left: 50px;
  border-style: solid;
  border-color: transparent transparent #e2e2e2 transparent;
  border-width: 0 20px 20px 0;
}
.st-comment-content p {
  font-size: 13px;
  margin: 1em 0;
  padding-left:20px;
  line-height: 1.2em;
}
.comment-reply-link {
	background: transparent;
  color: #5c665f;
  border: 1px solid #c0e8f6;
  font-size: 16px;
  transition: 0.5s;
    width: 80%;
    margin: 10px 20px 10px 20px;

}
.comment-reply-link:hover {
  color: #fff;
  background: #49add1;
  transition: 0.5s;
}
.commets-list .st-comment-body {
  margin-bottom: 0;
}

/*　プロフィール　*/
.author-box {
		border:none;
		width:80%;
    border-radius: 4px;
    margin-top: 1em;
		margin-left: 30px;
    line-height: 1.4;
    position: relative;
    padding: 1.4% 2% 1.8%;
    font-size:80%;
}

/*ポストレイティング*/
.post-ratings {
    margin-left:30px;
    background-color: transparent;
		font-size:90%;
		color:#80A060;
}

/*SNSシェアボタン*/
.sns-share-message, .sns-follow-message {
	font-weight:bold;
    color: #80A060;
    }
    
.button-caption{
    display:none;
}

.sns-share-buttons {
    justify-content: center;
}

.sns-share-buttons a,
.sns-share.ss-col-6 a  {
    border-radius: none;
    width: 40px;
    height: 40px;
    margin: 8px;
}
    
.sns-share-buttons a .share-count {
    font-family: Arial, sans-serif;
    position: absolute;
    right: -7px;
    bottom: -2px;
    font-size: 12px;
    line-height: 1;
    color: gray;
}
    
/* SNSボタン ブランドカラー設定 */
.bc-brand-color.sns-share .twitter-button, .bc-brand-color.sns-follow .twitter-button {
  background-color: #6fb0d1; }

.bc-brand-color.sns-share .facebook-button, .bc-brand-color.sns-follow .facebook-button {
  background-color: #697996; }

.bc-brand-color.sns-share .hatebu-button, .bc-brand-color.sns-follow .hatebu-button {
  background-color: #7b97b2; }

.bc-brand-color.sns-share .google-plus-button, .bc-brand-color.sns-follow .google-plus-button {
  background-color: #d87c75; }

.bc-brand-color.sns-share .pocket-button, .bc-brand-color.sns-follow .pocket-button {
  background-color: #e58f9d; }

.bc-brand-color.sns-share .line-button, .bc-brand-color.sns-follow .line-button {
  background-color: #6ab76a; }

.bc-brand-color.sns-share .feedly-button, .bc-brand-color.sns-follow .feedly-button {
  background-color: #49a55d; }

.bc-brand-color.sns-share .rss-button, .bc-brand-color.sns-follow .rss-button {
  background-color: #e28966; }

.bc-brand-color.sns-share .pinterest-button, .bc-brand-color.sns-follow .pinterest-button {
    background-color: #ec9486;
}


/*本文下カテゴリー*/
.entry-categories-tags > div {
    margin-bottom: 0.5em;
    margin-left: 50px;
    text-align: right;
}

.cat-link {
    color: #959988;
    text-decoration: none;
    display: inline-block;
    margin-left: 4px;
    padding: 2px 6px;
    font-size: 12px;
    background-color: #f0f6da;
    border: 1px solid #c7ccb6;
    border-radius: 2px;
    word-break: break-all;
}

/************************************
** フッター
************************************/
.footer {
  padding-top: 10px;
  background-color:transparent;
}


/* カッテネ */
.kattene {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  padding: 10px;
  margin-bottom: 1em;
	margin-top:30px;
  box-sizing: border-box; }

.kattene div{
  margin: 0;
}

.kattene__imgpart {
  text-align: center; }

  .kattene__imgpart img {
		border:none;
}

.kattene__description {
  font-size: 0.8em; }

.kattene .kattene__btns {
  width: 100%;
  margin-top: 1.2em; }

  .kattene__btns:after {
    display: block;
    clear: both;
    height: 0px;
    visibility: hidden;
    content: "."; }

  .kattene__btns > div {
    float: left;
    margin-bottom: 5px; }

  .kattene__btns .kattene__btn {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
   }

  .kattene__btns.__three > div {
    width: 32.66667%; }

    .kattene__btns.__three > div:not(:last-child) {
      margin-right: 1%; }

  .kattene__btns.__two > div {
    width: 49.5%; }

    .kattene__btns.__two > div:nth-child(odd) {
      margin-right: 1%; }

@media screen and (max-width: 900px) {
  .kattene__btns.__five > div {
  width: 49.5%; }
  .kattene__btns.__five > div:nth-child(odd) {
    margin-right: 1%; }
  .kattene__btns.__five > div:last-child {
    margin-right: 0;
    float: right; }

  .kattene__btns.__four > div {
    width: 49.5%; }

    .kattene__btns.__four > div:nth-child(odd) {
      margin-right: 1%; }

  .kattene__btns.__one > div {
    width: 50%;
    margin-left: 25%; } }
@media screen and (min-width: 901px) {

  .kattene {
    display: table;
    width: 90%; 
		font-size:90%;
	}

  .kattene__imgpart {
    display: table-cell;
    width: 20%;
	margin-right:10px;}

  .kattene__infopart {
    display: table-cell;
    vertical-align: top;
    position: relative;
    padding-left: 10px;
    width: 80%; }

  .kattene__btns {
    position: absolute;
    bottom: 0;
    box-sizing: border-box;
    padding-right: 10px; }

  .kattene__btns.__five > div {
    width: 19.2%; }

    .kattene__btns.__five > div:not(:last-child) {
      margin-right: 1%; }

    .kattene__btns.__four > div {
      width: 24.25%; }

      .kattene__btns.__four > div:not(:last-child) {
        margin-right: 1%; }

    .kattene__btns.__two > div {
      width: 49.5%; }

      .kattene__btns.__two > div:not(:last-child) {
        margin-right: 1%; }

    .kattene__btns.__one > div {
      width: 49.5%;
      float: right; } }

.kattene .kattene__btn {
  appearance: none;
  background-color: #54c0d1;
  border: 0;
  border-radius: 0;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  font-size: 1em;
  -webkit-font-smoothing: antialiased;
  font-weight: 600;
  line-height: 1;
  padding: 0.75em 0;
  text-decoration: none;
  transition: background-color 150ms ease;
  user-select: none;
  vertical-align: middle;
  white-space: nowrap; }

  .kattene__btn:hover, .kattene__btn:focus {
    background-color: #439aa7;
    color: #fff !important; }

  .kattene__btn:disabled {
    cursor: not-allowed;
    opacity: 0.5; }

    .kattene__btn:disabled:hover {
      background-color: #54c0d1; }

.kattene__btn.__small {
  padding: 0.55em;
  font-size: 0.9em; }

.kattene__btn.__orange {
  background-color: #FF9901;
  -webkit-box-shadow: 0 5px 0 #cc7a01;
  -moz-box-shadow: 0 5px 0 #cc7a01;
  box-shadow: 0 5px 0 #cc7a01;
  -o-box-shadow: 0 5px 0 #cc7a01;
  -ms-box-shadow: 0 5px 0 #cc7a01;
  margin-bottom: 5px;
  border-radius: 3px;
  text-align: center; }

  .kattene__btn.__orange:hover {
    background-color: #cc7a01; }

  .kattene__btn.__orange i {
    font-weight: bold; }

    .kattene__btn.__orange i:before {
      vertical-align: middle;
      font-size: 1.2em;
      margin-right: 0.2em; }

.kattene__btn.__blue {
  background-color: #007dcd;
  -webkit-box-shadow: 0 5px 0 #0064a4;
  -moz-box-shadow: 0 5px 0 #0064a4;
  box-shadow: 0 5px 0 #0064a4;
  -o-box-shadow: 0 5px 0 #0064a4;
  -ms-box-shadow: 0 5px 0 #0064a4;
  margin-bottom: 5px;
  border-radius: 3px;
  text-align: center; }

  .kattene__btn.__blue:hover {
    background-color: #0064a4; }

  .kattene__btn.__blue i {
    font-weight: bold; }

    .kattene__btn.__blue i:before {
      vertical-align: middle;
      font-size: 1.2em;
      margin-right: 0.2em; }

.kattene__btn.__red {
  background-color: #c20004;
  -webkit-box-shadow: 0 5px 0 #9b0003;
  -moz-box-shadow: 0 5px 0 #9b0003;
  box-shadow: 0 5px 0 #9b0003;
  -o-box-shadow: 0 5px 0 #9b0003;
  -ms-box-shadow: 0 5px 0 #9b0003;
  margin-bottom: 5px;
  border-radius: 3px;
  text-align: center; }

  .kattene__btn.__red:hover {
    background-color: #9b0003; }

  .kattene__btn.__red i {
    font-weight: bold; }

    .kattene__btn.__red i:before {
      vertical-align: middle;
      font-size: 1.2em;
      margin-right: 0.2em; }

.kattene__btn.__green {
  background-color: #0BBD80;
  -webkit-box-shadow: 0 5px 0 #099766;
  -moz-box-shadow: 0 5px 0 #099766;
  box-shadow: 0 5px 0 #099766;
  -o-box-shadow: 0 5px 0 #099766;
  -ms-box-shadow: 0 5px 0 #099766;
  margin-bottom: 5px;
  border-radius: 3px;
  text-align: center; }

  .kattene__btn.__green:hover {
    background-color: #099766; }

  .kattene__btn.__green i {
    font-weight: bold; }

    .kattene__btn.__green i:before {
      vertical-align: middle;
      font-size: 1.2em;
      margin-right: 0.2em; }

.kattene__btn.__pink {
  background-color: #e1325b;
  -webkit-box-shadow: 0 5px 0 #b42849;
  -moz-box-shadow: 0 5px 0 #b42849;
  box-shadow: 0 5px 0 #b42849;
  -o-box-shadow: 0 5px 0 #b42849;
  -ms-box-shadow: 0 5px 0 #b42849;
  margin-bottom: 5px;
  border-radius: 3px;
  text-align: center; }

  .kattene__btn.__pink:hover {
    background-color: #b42849; }

  .kattene__btn.__pink i {
    font-weight: bold; }

    .kattene__btn.__pink i:before {
      vertical-align: middle;
      font-size: 1.2em;
      margin-right: 0.2em; }
/* カッテネここまで*/

/*プロフィール*/
.author-description {
  margin-bottom: 1em;
  font-size:1em;
}


/*サイドバーTAGS*/
.tagcloud a .tag-caption {
    word-break: break-all;
    font-size: 0.9em;
}

/*ブログランキングサイドバー*/
span.linkicon a img {
	border:none;
	padding:none;
}
span.linkicon a {
	padding-left:20px;
	line-height:0.8em;
	font-size:90%;
}

/*ブログ村本文内*/
#jsc_c_oj {
    max-width:350px;
    float:left;
    margin:20px auto 0px;
    border:none; 
    font-size:small;
  }
  
  #jsc_c_oj p, a p {
    font-size:90%;
    }
  
  #jsc_c_oj img,a img {
      margin:0 10px;
      padding:0;
      border:none;
	line-height:0.8em;
	}
  
/*WPULIKE*/
.wpulike-heart {
  text-align: center;
}

.wpulike {
    display: block;
    position: relative;
	 text-align : center!important;
    line-height: normal;
    margin: 0;
    padding: 0;
    font-size: 0.8em;
}

.wpulike wpulike-robeen {
	margin-top : 0;
}


.blogmura {
	 margin-top : 15px;
	 font-size:0.8em;
    text-align :center;
}

/*instagramレイアウト*/
.instagram-center {
	margin:15px auto;
	max-width:500px;
}
.post-sns-box {
  display: flex;
  justify-content: center;
	margin:15px auto;
	max-width:500px;
}

/*リスト*/
ul 
{ 
	list-style-type: none!important; 
}