@charset "UTF-8";

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




/************************************
**20220621 トラッキング変更元　UA-52658835-1
************************************/

.custom-html-widget a img{
	margin-bottom:2%;
}

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



/*20231006 PR表記のため？投稿一覧のメインのトップpaddingが変更されたため取り急ぎ修正*/
/*2024031 ↑のまま運用していたら急にスペースが空くようになったとでa-wrap margin-bottom2%→0%に*/
.a-wrap {
margin-bottom:0%;
}
.main{
padding: 20px 10px;
}

/*インデックスの文字サイズ*/
.e-card-snippet {
    font-size: 15px;
}


/*トップ画像のサイズと枠線*/
.entry-card-thumb {
width: 150px;
height: 150px;
border-style:solid; border-width:1px; border-color:#c6c6c6;
}

/*トップ画像と文章のすきま*/
.entry-card-content {
margin-left: 130px;
}

/*トップ画像にかぶさっているカテゴリ名を非表示*/
.cat-label {
display: none;
}

/*投稿者名を非表示*/
.page .author-info {
    display: none;
}

/*投稿日・更新日を消す場合*/
.page .date-tags {
    display: none;
}

/*画像とテキストの位置・トップ揃え*/
img.topichi {
vertical-align: top!important;
}

/*灰色ボックス*/
.haiiro{
border-style:solid;
border-width:1px;
padding:5px;
width:98%;
background-color:#f0f0f0;
border-color:#bdbdbd;
}

/*黄色ボックス*/
.kiiro{
border-style:dashed;
border-width:1px;
padding:5px;
width:98%;
background-color:#f5f5dc;
border-color:#333333;
}

/*ガルネットワークのＳＮＳアイコン*/
img.snsicon {
vertical-align: -2px;
border: 0px;
}

/*画像の枠線なしにする*/
img.sennashi {
border: 0px!important;
}

/*グレーのフキダシ*/
.hukidasi_gray{
  position: relative;
  color: #fff;
  background: #777;
  font-size: 20px;
  line-height: 1;
  text-shadow: 1px 1px 1px #000;
  border :1px solid #777;
  margin: 30px -10px 10px 10px;
  padding: 15px 5px 12px 10px;
  border-radius: 3px;
}

.hukidasi_gray:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 30px;
  height: 0;
  width: 0;
  border: 10px solid transparent;
  border-top: 10px solid #777;
}

/*枠のフキダシ*/
.hukidasi_white {
  position: relative;
  color: #111;
  background: #fff;
  font-size: 20px;
  line-height: 1;
  border :2px solid #555;
  margin: 30px -10px 10px 10px;
  padding: 15px 5px 12px 10px;
  border-radius: 3px;
}
.hukidasi_white:after,.hukidasi_white:before {
  content: "";
  position: absolute;
  top: 100%;
  height: 0;
  width: 0;
}
.hukidasi_white:after {
  left: 33px;
  border: 11px solid transparent;
  border-top: 11px solid #fff;
}
.hukidasi_white:before {
  left: 30px;
  border: 14px solid transparent;
  border-top: 14px solid #555;
}




/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*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){
  /*必要ならばここにコードを書く*/
}

/************************************
** 記事内容下のtwitter,facebook等のボタンの切れ修正200318
************************************/
.sns-share.ss-col-5 a {
    width: 24%;
}

@media screen and (max-width: 834px){
  .ss-top .sns-share-buttons a .button-caption,
  .ss-bottom .sns-share-buttons a .button-caption {
    margin-left: 1px;
  }
}


.ad-area {
  text-align: center;
  margin-bottom: 0.6em;
  overflow: hidden;
}


textarea.wp-editor-area {
	font-size: 14px;

}
@media screen and (max-width: 834px){
.sns-share.ss-col-5 a {
    width: 24%;
}
}

@media screen and (max-width: 834px){
  .ss-top .sns-share-buttons a .button-caption,
  .ss-bottom .sns-share-buttons a .button-caption {
    margin-left: 1px;
  }
}

@media screen and (max-width: 834px){
	.ad-wrap{
/* 	height:50px; */
}
}
@media screen and (max-width: 834px){
	#mobile_ad-3 .ad-wrap{
/* 		height:120px; */
		    margin-bottom: -1%;
	}
		#mobile_ad-3 .ad-wrap a img{

	}
			#mobile_ad-3 .ad-wrap a{
display:inline-block;
	}
	
	
}
/*スマホ時のトップバナー位置調整・スマホバナーマージン調整　トップの記事サイズで変動の可能性*/
#custom_html-21.widget_text.widget.widget-index-top.widget_custom_html {
	text-align:center;
	margin:0;
}

#mobile_ad-3{
	margin-bottom :0;
} 

#mobile_ad-4{
	margin-bottom :-0.5em;
} 
.ad-area.no-icon.mobile-ad-widget.ad-none.ad-label-invisible.cf{
	margin:0;
} 


@media screen and (max-width: 834px){
	#banner_js{
		margin-bottom:4%;
	}
	.ad-responsive .ad-usual{
		display:grid;
	}
	#list.front-page-type-index {
  margin-bottom: 1em;
}
	.a-wrap {
  padding: 2%;
}
}


/************************************
**スマホサムネの位置調整20250508
************************************/

@media screen and (max-width: 480px) {
    .ect-entry-card .a-wrap:not(.ec-big-card-first) .card-thumb, .rect-entry-card .a-wrap:not(.ec-big-card-first) .card-thumb, .ect-big-card-first .a-wrap:not(.ec-big-card-first) .card-thumb {
        margin-bottom: 4px;
    }
}

/************************************
** モバイルフッターメニュー
************************************/

@media screen and (max-width: 1023px) {
ul.mobile-footer-menu-buttons,
ul.footfix {
	display: block;
	list-style-type: none;
	text-align: center;
}

ul.mobile-footer-menu-buttons p {
	font-size: 12px;
	font-weight: bold;
	margin: 10px 5px 0px;
}

ul.footfix {
	margin: 0;
	padding: 5px;
}

/* line@ないときはこっちを活性化させる */
/*ul.footfix li {
	width: 48%;
	float: left;
	margin: 0 1% 2%;
}
*/
/* line@あるときはこっちを活性化させる */

ul.footfix li {
	width: 31%;
	float: left;
	margin: 0 1% 2%;
}


ul.footfix li.footfix_tel a {
	padding: 37px 0 0;
	background: #1da1f2;
}

ul.footfix li.footfix_tel a:before {
	display: block;
	position: absolute;
	top: 4px;
	left: 50%;
    font-family: 'Font Awesome 5 Brands';
	content: '\f099';
	font-size: 1.6rem;
	transform: translate(-50%,0);
}

ul.footfix li.footfix_line a {
	padding: 21px 0 0;
	background: #00b900;
}
	ul.footfix li.footfix_line a:before {
	/*display: block;
	position: absolute;
	top: 4px;
	left: 50%;
    font-family: 'Font Awesome 5 Brands';
	content: '\f3c0';
	font-size: 1.6rem;
	transform: translate(-50%,0);*/
				display: block;
	position: absolute;
	top: 4px;
	left: 50%;
	font-family: 'icomoon' !important;
	content: '\e915';
	font-size: 1.6rem;
	transform: translate(-50%,0);
	font-weight:normal;
}

ul.footfix li.footfix_mail a {
	padding: 37px 0 0;
	background: #ff9439;
}

ul.footfix li.footfix_mail a:before {
	display: block;
	position: absolute;
	top: 5px;
	left: 50%;
	font-family: "Font Awesome 5 Free";
	content: '\f0e0';
	font-size: 1.6rem;
	transform: translate(-50%,0);
}
	
ul.footfix a {
	position: relative;
	display: block;
	height: 60px;
	color: #fff;
	font-size: 12px;
	text-align: center;
	box-sizing: border-box;
	text-decoration: none;
	font-weight: bold;
}
}