@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
*/

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

/* 最大幅  少しだけ小さく*/
.no-sidebar .wrap { max-width: 1360px; }

/* 1-1見出しリセット */
.article h2{
background:none;
padding: 0;
}
.article h3{
border-top:none;
border-bottom:none;
border-left:none;
border-right:none;
padding: 0;
}
.article h4{
border-top:none;
border-bottom:none;
padding: 0;
}
.article h5{
border-top:none;
border-bottom:none;
padding: 0;
}
.article h6{
border-top:none;
border-bottom:none;
padding: 0;
}
/* 1-2見出し リセット カスタマイズ */
.article h2{
  position: relative;
  box-sizing: border-box;
  padding: 0.65em;/*文字周りの余白*/
  color: #ffffff;/*文字色*/
  background: #000000;/*背景色*/
  border-left: solid 12px #ffbb00;/*左線（実線 太さ 色）*/
	box-shadow: rgba(0, 0, 0, 0.09) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 22px 14px;
}
.article h2:after {
  position: absolute;
  content: '';
  top: 100%;
  left: -8px;
  border: none;
  border-bottom: solid 15px transparent;
  border-right: solid 30px #999999;
}
.article h3{
	border: 2px solid #cccccc;
	border-top: 5px solid #ffbb00;
	background: -webkit-linear-gradient(top, #fff 0%, #f0f0f0 100%);
	background: linear-gradient(to bottom, #fff 0%, #f5f5f5 100%);
	padding-top: 0.5em;
	padding-right: 0.75em;
	padding-bottom: 0.5em;
	padding-left: 0.75em;
	border-radius: 2px;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
}
.article h4 {
  padding-left: 0.4em;
  border-left: solid 12px #ffbb00;/*左線（実線 太さ 色）*/
}
.article h5 {
	display: flex;
	align-items: center;
}
.article h5:before, .article h5:after {
	content: "";
	flex-grow: 1;
	height: 1px;
	background: #000;
	display: block;
}
.article h5:before {
	margin-right: .4em;
}
.article h5:after {
	margin-left: .4em;
}

/* 1-3見出し フォントサ pc用 */
@media print, screen and (min-width: 768px) {
.article h2{
  font-size: 28px;
}
.article h3{
  font-size: 20px;
}
.article h4{
  font-size: 20px;
}
.article h5{
  font-size: 20px;
}
}

/*トップページのみ、固定ページ「トップページ」h1タイトル を削除 */
.home .entry-header h1.entry-title { 
display: none;
}
/*ナビメニューのリンクホバー背景色のみ変更 */
.navi-in a:hover,
.pager-links a:hover span,
.bp-login-widget-register-link a:hover{
background-color: #ffdd66; /*背景色*/
}
/* ボックス2等分、3等分（レスポンシブ） */
.box100 {
	float: left;
	width: 100%;
}
.box50 {
	float: left;
	width: 50%;
}
.box-pad {
	padding: 5px;
}
.box333 {
	float: left;
	width: 33.3%;
}
@media print, screen and (max-width: 767px) {
.box50, .box333 {
	float: left;
	width: 100%;
}
.box-pad {
	padding: 0;
}
}
/* clear both いつもの */
.both1px {
	font-size: 1px;
	line-height: 1px;
	clear: both;
}
/* Facebookのページプラグインをレスポンシブに対応する */
.facebook_wrap{
  margin-left: auto;
  margin-right: auto;
  width: 80%;
}
.fb-page,
.fb-page span,
.facebook_wrap iframe{
  width: 100% !important;
  height: 500px !important;
}
/* Instagram インスタグラム */
.instawaku {
	margin-top: 1em;
}
/* 固定ページの不要情報を非表示 */
.page .date-tags { /*投稿日*/
display: none
}
.page .author-info { /*投稿者*/
display: none
}
/* 北海道の左上を巡ろう。キャッチコピーのサイズを調整 */
#pcatch img{
  width: 100%;
  max-width: 800px;
  min-width: 100px;
  height: auto;
}
/* トップページ 市町村タイトル */
.nametown {
    position: relative;
    padding: 0.3rem 0;
    margin-bottom: 1.5rem;
    border-bottom: 3px solid;
    color: black;
    font-weight: bold;
    text-align: center;
}
.nametown:before,
.nametown:after {
    position: absolute;
    top: 100%;
    left: 50%;
    content: "";
    height: 0;
    width: 0;
}
.nametown:before {
    border: 16px solid;
    border-color: transparent;
    border-top-color: black;
    margin-left: -16px;
}
.nametown:after {
    border: 12px solid;
    border-color: transparent;
    border-top-color: white;
    margin-left: -12px;
}
/* トップページ 各市町村ボタン 増毛町/留萌市/小平町... */
.townbt{
    display: flex;
    align-items: center;
    justify-content: center;
}
.townbt a {
	color: #000;
	display: block;
	text-align: center;
	font-weight: bold;
	background-color: #ffffff;
	padding: 15px;
	font-size: 30px;
	line-height: 1.2em;
	border-radius: 6px;        /* 角丸CSS3草案 */
	-webkit-border-radius: 6px;    /* 角丸Safari,Google Chrome用 */
	-moz-border-radius: 6px;   /* 角丸Firefox用 */
	border: 2px solid #000;
	text-decoration: none;
	margin-bottom: 2.5em;
}
@media print, screen and (max-width: 599px) {
.townbt a {
	font-size: 18px;
}
}
.townbt a:hover {
	background-color: #ffdd66;
	-webkit-box-shadow: initial;
	box-shadow: initial;
	transition : 0.3s;
}
/* h1タイトル変更（フッターのバナータイトル共通）*/
h1.entry-title,
.content-bottom h2 {
	display: flex;
	align-items: center;
}
h1.entry-title:before, h1.entry-title:after,
.content-bottom h2:before, .content-bottom h2:after {
	content: "";
	flex-grow: 1;
	height: 1px;
	background: #000;
	display: block;
}
h1.entry-title:before,
.content-bottom h2:before {
	margin-right: .4em;
}
h1.entry-title:after,
.content-bottom h2:after {
	margin-left: .4em;
}
/* 黒い罫線 <hr class="ksen" /> で 設定*/
.ksen {
    border-top: 1px solid #000;
    border-right: none;
    border-bottom: none;
    border-left: none;
}

/* フッター バナーリンク */
.bannerbox {
	padding: 0.5em ;
	text-align: center;
	max-width:1280px;
	margin:0 auto;
}
.bannerbox ul {
	width: 100%;
	float: left;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.bannerbox ul li {
	float: left;
	margin: 5px;
	padding: 0px;
}
.bannerbox ul li a img {
	border: 1px solid #cccccc;
	max-width: 150px;
	max-height: 60px
}
@media screen and (max-width: 767px) {
.bannerbox ul li a img {
	height: 48px;
	width: 120px;
	margin-bottom: 0.5em;	
}
}

@media screen and (max-width: 599px) {
.bannerbox {
	padding-bottom: 10px;
}
.bannerbox ul li {
	padding: 0px;
	margin: 0px;
	width: 33.3333%;
}
.bannerbox ul li a img {
	height: 32px;
	width: 80px;
}
}

/* SNSボタンバナーリンク */
.snsbox {
	text-align: center;
	max-width:246px;
	margin:0 auto;
}
.snsbox ul {
	width: 100%;
	float: left;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.snsbox ul li {
	float: left;
	margin: 7px;
	padding: 0px;
}
.snsbox ul li a img {
	width: 45px;
	height: 60px
}
/* フッター 運営情報 */
.fadd {
	text-align: center;
}
.fadd span {
	margin-left: 1em;
}
@media screen and (max-width:599px) {
.fadd .fbr {
	font-size: 12px;
	line-height: 1.8em;
}
.fadd span {
	display: block;
	margin-left: 0;
}
}
.fadd .fbr span a {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #000;
	padding-left: 1em;
}
/* 右矢印 */
.arrow01 {
    display: inline-block;
    margin-left: 0.25em;
    width: 20px;
    height: 20px;
    border-top: solid 3px #000000;
    border-right: solid 3px #000000;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
	  vertical-align: middle;
}

/* 目次 */
.toc-list>li>a::before {
font-family: "Font Awesome 5 Free";
content: "\f138";/* Font Awesomeで変更可能 */
font-weight: 900;
padding-right: 5px;
color: #ffbb00;/* アイコンの色 */
}
.toc-list>li li a::before {
font-family: "Font Awesome 5 Free";
content: "\f0da";
font-weight: 900;
padding-right: 5px;
}
.toc-list li a {
font-weight: 600;
}
.toc-list>li li a {
font-size: 1em;
font-weight: normal;
}
.toc a:hover {
color: #444;
text-decoration: underline;
}

/* WP Show Posts リンク画像に枠 */
.wp-show-posts-image a img  {
	border: 3px solid #cccccc;
}
.wp-show-posts-image a:hover img  {
	border: 3px solid #ffdd66;
	box-shadow: 0px 0px 15px -5px #666666;
	transition : 0.3s;
}
/* お問い合わせフォームCSS */
.formbt {
 width: fit-content;
	margin-left: auto;
	margin-right: auto;
}
.formbt input {
	color: #000;
	display: block;
	text-align: center;
	font-weight: bold;
	background-color: #ffffff;
	padding: 15px;
	font-size: 30px;
	line-height: 1.2em;
	border-radius: 6px;        /* 角丸CSS3草案 */
	-webkit-border-radius: 6px;    /* 角丸Safari,Google Chrome用 */
	-moz-border-radius: 6px;   /* 角丸Firefox用 */
	border: 2px solid #000;
	text-decoration: none;
	margin-bottom: 2.5em;
}
@media print, screen and (max-width: 599px) {
.formbt input {
	font-size: 18px;
}
}
.formbt input:hover {
	background-color: #ffdd66;
	-webkit-box-shadow: initial;
	box-shadow: initial;
	transition : 0.3s;
}
.required-srt { 
	font-size: 8pt; 
	padding: 5px;
	background: #ee0000;
	color: #fff;
	border-radius: 3px;
	margin-left: 10px;
	vertical-align: middle;
}

/* YouTube埋め込み幅を 横幅いっぱい（100%）にする*/
.video-container {
	max-width: none;
}

/* サイト内検索 */
.search-box{
  width: 100%;
  max-width: 880px;
  min-width: 180px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  margin-bottom : 0;
	height: 100%;
}
.search-box .search-submit {
	top: 0;
	right: 0px;
	height: 100%;
	width: 60px;
	color: #fff;
	background-color: #999;
	border-radius: 0 8px 8px 0;
}
.search-edit, input[type="text"] {
   border: 2px solid #ccc; 
   border-radius: 8px;
  outline: none;
}
[type=submit].search-submit:hover {
    color: #fff;
    background: #777;
    transition : 0.3s;
}
input.search-edit::placeholder {
  color:#aaa;
	font-size: 16px
}
footer .search-box {display:none} /* フッターに表示される検索窓を非表示にする */
.search #main .search-box {display:none} /* 検索結果に表示される検索窓を非表示にする */
.search #main .post-date {display:none} /* 検索結果に表示される日付を非表示にする */

/* 全幅80%くらいで調整 */
.wrap80 {
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
}
/* ギャラリーキャンプションの余白 */
.gallery-caption {
				padding-left: 1em;
				padding-right: 1em;
}

/* Facebook と ツイッター トップの新着情報 横幅サイズ調整*/
.wnew {
  max-width:1280px;
  margin-left: auto;
  margin-right: auto;
}
.wnew p {
	margin: 0px !important; /* Facebook上に変な余白ができる件*/
}

/* トップの新着情報 横幅サイズ調整*/
.newslist {
  max-width:1080px;
  margin-left: auto;
  margin-right: auto;
}
/* 横幅最大サイズ*/
.max1280 {
  max-width:1280px;
  margin-left: auto;
  margin-right: auto;
}
.max1080 {
  max-width:1080px;
  margin-left: auto;
  margin-right: auto;
}


/* トップの新着情報 日付表示など*/
.widget-entry-card-date {
	display: block;
	font-size: 18px; /*フォントサイズ*/
}
.widget-entry-card-date::before{ /*投稿日のアイコンの変更*/
	font-family: "Font Awesome 5 Free";
	content: "\f017"; /*fa-clockアイコン*/
	font-weight: 400; /*アイコンの種類regular*/
	padding-right: 0px; /*右余白*/
	font-size: 14px; /*フォントサイズ*/
}
.widget-entry-card-update-date::before{ /*更新日のアイコンの変更*/
	font-family: "Font Awesome 5 Free";
	content: "\f1da"; /*fa-historyアイコン*/
	font-weight: 900; /*アイコンの種類solid*/
	padding-right: 5px; /*右余白*/
	font-size: 14px; /*フォントサイズ*/
}

/* トップの新着情報 記事表示 （写真横並びの場合） ショートコード例→ [new_list count=3 type=large_thumb children=1]*/
.new-entry-cards.large-thumb {
display: flex;
flex-wrap: wrap;
}
.new-entry-cards.large-thumb a {
width: 33.333%;
}
/768px以下/
@media screen and (max-width: 768px){
.new-entry-cards.large-thumb a {
width: 50%;
}
}
/480px以下/
@media screen and (max-width: 480px){
.new-entry-cards.large-thumb a {
width: 100%;
}
}

/* テーブル */
.entry-content th {
  background-color: #f5f5f5;
  border: solid 1px #999999;
}
 .entry-content td {
  border: solid 1px #999999;
}
.entry-content tr:nth-child(odd) td {
  background-color: #ffffff;
}
 .entry-content tr:nth-child(even) td {
  background-color: #ffffff;
}
/* テーブル内のリストタグの下余白をなくす */
.article table ul,
.article table ol {
  margin-bottom: 0;
}

/* googleマップ埋め込み 横幅100％固定 */
.single iframe{
  width: 100%;
}

/* イベント情報カテゴリの日付を非表示にする */
.categoryid-13 .date-tags,
.categoryid-13 .post-date {
  display: none;
}
/* タグ */
.tagcloud a {
    background: none; /*背景を消す*/
    border: 1px solid #ccc; 
    border-radius: 20px; /*角の丸み*/
    color: #555; /*文字色*/
    display: inline-block;
    padding: 3px 10px;
    text-decoration: none;
    font-size: 13px;
    margin: 2px;
    flex: 0 1 auto !important; /*横幅いっぱいにならないように （横幅いっぱいの場合は flex: 1 1 auto;）*/
    display: flex;
    justify-content: space-between;
}
.tagcloud a .tag-caption::before {
    content: "#"; /*アイコンの変更*/
    padding-right: 3px;
}
.tagcloud a:hover { /*マウスホバー時*/
    background: #ffdd66;
    border: 1px solid #ffdd66;
    transition: 0.5s; /*アニメーションの時間*/
}
/*ＸとInstagram TOPページ*/
#sns2 img {
		margin-bottom: 1em;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
.search-box{
  max-width: 480px;
  margin-top: 20px;
}
.fb {
	margin-bottom:1em !important ;
}
}

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

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}
/************************************
** カスタマイズ２０２５版
************************************/
/*キャッチフレーズの余白を調整 0 or -1em*/
.tagline {
	margin-top: -1em;
	margin-bottom:  1em;
}
/*メニューのマウスホバー色*/
#navi .navi-in a:hover {
background-color: #ffbb00;
 transition: all 0.5s ;
}

/* ナビメニュー on状態 >> 新着情報 */
.single #navi #menu-item-71 {
background-color: #ffbb00;
}
.category-news #navi #menu-item-71 {
background-color: #ffbb00;
}
.archive #navi #menu-item-71 {
background-color: #ffbb00;
}
/* ナビメニュー on状態 >> サイクルルート */
.page-id-37 #navi #menu-item-50 {
background-color: #ffbb00;
}
/* ナビメニュー on状態 >> アクティビティ */
.page-id-39 #navi #menu-item-49 {
background-color: #ffbb00;
}
/* ナビメニュー on状態 >> 観光パンフ・マップ */
.page-id-43 #navi #menu-item-47 {
background-color: #ffbb00;
}
/* ナビメニュー on状態 >> 動画・フォト */
.page-id-41 #navi #menu-item-48 {
background-color: #ffbb00;
}
/* ナビメニュー on状態 >> アクセス情報 */
.page-id-63 #navi #menu-item-72 {
background-color: #ffbb00;
}

/* ナビメニューアイコン  >> 新着情報 */
#navi #menu-item-71 .item-label::before{
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font-family: "Font Awesome 5 Free"; 
	margin-right: 0.2em;
	font-weight: 900;
	content: '\f05a';
}
/* ナビメニューアイコン  >> サイクル */
#navi #menu-item-50 .item-label::before{
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font-family: "Font Awesome 5 Free"; 
	margin-right: 0.2em;
	font-weight: 900;
	content: '\f84a';
}
/* ナビメニューアイコン  >> アクティビティ */
#navi #menu-item-49 .item-label::before{
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font-family: "Font Awesome 5 Free"; 
	margin-right: 0.2em;
	font-weight: 900;
	content: '\f6bb';
}
/* ナビメニューアイコン  >> 観光パンフ・マップ */
#navi #menu-item-47 .item-label::before{
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font-family: "Font Awesome 5 Free"; 
	margin-right: 0.2em;
	font-weight: 900;
	content: '\f518';
}
/* ナビメニューアイコン  >> 動画・フォト */
#navi #menu-item-48 .item-label::before{
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font-family: "Font Awesome 5 Free"; 
	margin-right: 0.2em;
	font-weight: 900;
	content: '\f03d';
}
/* ナビメニューアイコン  >> フォトギャラリー単品 */
#navi #menu-item-471 .item-label::before{
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font-family: "Font Awesome 5 Free"; 
	margin-right: 0.2em;
	font-weight: 900;
	content: '\f302';
}
/* ナビメニューアイコン  >> アクセス情報 */
#navi #menu-item-72 .item-label::before{
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font-family: "Font Awesome 5 Free"; 
	margin-right: 0.2em;
	font-weight: 900;
	content: '\f3c5';
}

/*トップページのみ スライドショーの上の余白を0に */
.home .content-top,
.home .content-bottom {
  margin: 0;
}

/*写真キャプション フォントサイズを16pxに統一 （100％だとPC18px/スマホ16px）*/
.wp-caption .wp-caption-text,
.gallery .gallery-caption {
  font-size: 16px;
}

/*日本語版のキャプション */
.jpn a {
	  font-size: 20px;
    position: relative;
    cursor: pointer;
    padding: 1rem 3rem 1rem 1rem;
    background-color: #fff;
    color: #000;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
		border: 2px solid #000;
	border-radius: 40px;        /* 角丸CSS3草案 */
	-webkit-border-radius: 40px;    /* 角丸Safari,Google Chrome用 */
	-moz-border-radius: 40px;   /* 角丸Firefox用 */
	    display: block;
	text-decoration: none;
	color: #000;
	box-shadow:3px 3px 3px 3px #bbb;
	  transition: .2s ease-in-out;
}
.jpn a:hover {
	    color: #000;
	    background-color: #ffdd66;
	    transform: translate(3px, 3px);
	    box-shadow:2px 2px 2px 2px #ccc;	
}
.jpn a::after {
    position: absolute;
    right: 1.4rem;
    padding-left: 0.6rem;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    transition: .3s;
    content: '\f56f';
}
.jpn {
  margin-top: -1em; /* .wp-captionの上の余白1em分を相殺 */
}

/*英語語版のキャプション */
.eng a {
	  font-size: 13px;
    position: relative;
    cursor: pointer;
    padding: 0.5rem 2rem 0.5rem 0.5rem;
    background-color: #fff;
    color: #000;
    text-align: center;
    text-decoration: none;
		border: 2px solid #000;
	border-radius: 40px;        /* 角丸CSS3草案 */
	-webkit-border-radius: 40px;    /* 角丸Safari,Google Chrome用 */
	-moz-border-radius: 40px;   /* 角丸Firefox用 */
	    display: block;
	text-decoration: none;
	color: #000;
	box-shadow:3px 3px 3px 3px #bbb;	
	  transition: .2s ease-in-out;
}
.eng a:hover {
	    color: #000;
	    background-color: #cceeff;
	    transform: translate(3px, 3px);
	    box-shadow:2px 2px 2px 2px #ccc;	
}
.eng a::after {
    position: absolute;
    right: 1.4rem;
    padding-left: 0.7rem;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    transition: .3s;
    content: '\f56f';
}
.eng {
  margin-top: 0.6rem; /* 日本語版の上に余白*/
}
/* 新着情報リスト 共通*/
.article .new-entry-cards.widget-entry-cards.no-icon.cf.card-large-image.large-thumb {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
/* 新着情報リスト PC*/
.article .widget-entry-cards.card-large-image .a-wrap {
  max-width: none;
  width: 33.3%;
  display: inline-block;
  padding: 15px;
}
/* 新着情報リスト タブレット*/
@media screen and (max-width: 1023px) {
.article .widget-entry-cards.card-large-image .a-wrap {
  width: 49.5%;
}
}
/* 新着情報リスト スマホ*/
@media screen and (max-width: 640px) {
.article .widget-entry-cards.card-large-image .a-wrap {
  width: 100%;
}
}
/* モバイルフッターボタンメニューをPCでも表示 */
/* @media screen and (max-width: 1023px) の部分を削除またはコメントアウトして、下段のコードを適用 */
.mobile-menu-buttons {
    display: flex !important; /* または display: block !important; など、表示させたい形式に */
    /* alignmentなど、必要に応じてPC表示用のスタイルを追加 */
}
/* PC表示時に非表示にしたいモバイル要素があれば、ここで display: none; を設定 */
.copyright {
	margin-bottom: 5em;
}
/*1023px以下*/
@media screen and (max-width: 1023px){
.copyright {
	margin-bottom: 0em;
}
}
/*フッター下 シェアする*/
.sns-share-message {
	    font-size: 20px;
	    font-weight: bold;
    display: flex;
    justify-content: center;
    position: relative;
    width: 240px;
    margin-bottom: 22px;
    margin-right: auto;
    margin-left: auto;
    padding: 0.3em 0.5em;
    border: 3px solid #cccccc;
    border-radius: 12px;
    background-color: #fff;
    color: #333333;
	  box-shadow: 3px 3px 5px #cccccc;
}
.sns-share-message::before,
.sns-share-message::after {
    position: absolute;
    bottom: -15px;
    width: 30px;
    height: 15px;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    content: '';
}
.sns-share-message::before {
    background-color: #c7c7c7;
}
.sns-share-message::after {
    bottom: -11px;
    background-color: #fff;
/* トップページのみ、更新日アイコンがだぶるので片方削除 */ 
.home .fa-history:before { 
content: none
}
.home .fa-clock:before { 
content: none
}
/* プラグイン Carousel Slider の画像リンクカラー */ 
.carousel-slider-outer a {
	color: #000000;
	text-decoration: none;
}