@charset "UTF-8";

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

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

/*-----見出し-----*/
.article h2 {
  font-size: 22px;
  margin-top: 40px;
  margin-bottom: 20px;
  padding: 12px;
  background-color: #b3b3b3;
}
.article h3 {
  border-left: 0px solid #fff;
  border-right: 0px solid #fff;
  border-top: 3px solid #b3b3b3;
  border-bottom: 3px solid #b3b3b3;
  font-size: 20px;
  padding: 6px 10px;
  background-color: #eeeeee;
}
.article h4 {
  border-top: 0px solid #fff;
  border-bottom: 2px dotted #b3b3b3;
}

.sidebar h3 {
  background-color: #b3b3b3;
  padding: 2px 10px;
  margin: 16px 0;
  font-size: 16px;
  color: #ffffff;
}

.sidebar li {
  padding: 0px 2px;
  margin: 0px 0;
  font-size: 16px;
  color: #666666;
}

/*-----SNS-----*/
#main a .button-caption {
	display: none;
}
#main .sns-buttons a {
	height: 35px;
	width: 35px;
	border-radius: 50%;
	margin-right: 10px;
	opacity:0.9;
}
#main .sns-buttons a:last-child {
	margin-right: 0;
}
.sns-share-buttons {
	justify-content: flex-start;
}
.article-footer .sns-share-buttons, .article-footer .sns-follow-buttons {
	justify-content: center;
}
.sns-share-message, .sns-follow-message {
	color: #335361;
	font-size: 0.8em;
}
.sns-follow-buttons a {
	font-size: 1.3em;
}
.sns-share-message::before, .sns-follow-message::before {
	content: '＼ ';
}
.sns-share-message::after, .sns-follow-message::after {
	content: ' ／';
}
.sns-share, .sns-follow {
	margin: 0;
}
.sns-share-buttons a .share-count,
.sns-follow-buttons a .follow-count {
    right: -10px;
    bottom: -10px;
    color: #aaa;
}


/*--外部リンクの時に使う--*/
.gaibulink:before{
content: "\f138 ";
font-family: Fontawesome;
font-size: 1.2em;
color:#b1d7e4;
}
.gaibulink{
margin-top:1.5em;
margin-bottom:2.5em;
}
.gaibulink a{font-size:18px; text-decoration:underline; font-weight:bold;}

/*--広告表示--*/
.adhyouji{
	  background:#f2f2f2;
	  padding:5px;
	  font-size:80%;
	  text-align:center;
}

/*--サイドバー用の文字--*/
.moji1{
	  padding:5px;
	  font-size:90%;
	  line-height:1.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){
  /*必要ならばここにコードを書く*/
}