/*
Template:fluida
Theme Name:fluida_child
*/

/*
--------------------------------------------------------------
	== カスタマイズ ==
--------------------------------------------------------------
*/

/* Webフォント「Noto Sans Japanese」を使えるようにする */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;700&family=Roboto:wght@300;400;700&display=swap');

/* ContactForm7 ラベルデザイン変更 */
.indispensable-cf7{
    padding: 0px 6px;
    background: #fa7525;
    color: #fff;
    border-radius: 4px;
    margin-left: 10px;
    font-weight: 400;
    font-size: 13px;
}
/* ContactForm7 フォームサイズ変更 */
.wpcf7 textarea {
	width: 46em;
    /*height: 17em !important;*/
}

/* ヘッダー ロゴ スタイル変更 */
#branding .identity {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}

/* ヘッダー ハンバーガーメニュー スタイル変更 */
@media only screen and (max-width: 800px) {
  .cryout #nav-toggle {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
  }
}

/* ヘッダー パンくずリスト スタイル変更 */
#breadcrumbs-nav {
  padding-left: 6% !important;
}

@media only screen and (max-width: 800px) {
  /* ヘッダー スクロール時 スタイル */
  #masthead #site-header-main.header-fixed {
    transition: .2s ease-out all;
  }
  .mobile-fixed #sheader, .mobile-fixed .identity, .mobile-fixed #nav-toggle {
    line-height: 50px;
    height: 50px;
  }
  .mobile-fixed #masthead #site-header-main.header-fixed {
    height: 52px;
  }
  /* 初期表示時 スタイル */
  #masthead #site-header-main {
    height: 52px;
  }
  .identity {
    line-height: 50px !important;
    height: 50px !important;
  }
  #access .menu-main-search > a, #branding {
    height: 50px !important;
  }
  #sheader, .identity, #nav-toggle {
    line-height: 50px !important;
    height: 50px !important;
  }
  /* ヘッダー メニュー スタイル */
  #mobile-menu .menu-main-search {
    margin: 18px auto 0;
  }
  .searchform input[type="search"] {
    height: 2em;
    padding: 0 3em 0 1em;
  }
  .searchform .searchsubmit {
    height: 2em;
    width: 2.5em;
  }
  nav#mobile-menu #nav-cancel {
    margin-top: 0px;
  }
  nav#mobile-menu > div {
    margin: 5em auto 0;
    padding-bottom: 1.5em;
  }
}

/* PCトップ「検索」 スタイル変更 */
#access .menu-search-animated .searchform {
  top: 110%;
  border-width: 0;
  border-radius: 50px;
}
#access .menu-search-animated .searchform input[type="search"] {
  padding: 0 20px;
  height: 50px;
}

/* SPメニュー アイコン スタイル変更 */
#nav-toggle span:before {
  color: #121212;
}

/* SPメニュー 検索バー スタイル変更 */
#mobile-menu .menu-main-search .searchform {
  border-radius: 50px;
}
@media only screen and (max-width: 800px) {
  .searchform .searchsubmit {
    height: 2.2em;
    width: 3.5em;
  }
}

/* SPメニュー 全体 スタイル変更 */
nav#mobile-menu {
  height: 80%;
  box-shadow: 0px 1px 16px #6f6f6f;
  border-radius: 0 0 10px 10px;
}
nav#mobile-menu #nav-cancel {
  padding: 7px 16px;
}
nav#mobile-menu a {
  font-weight: 400;
}

/* トップ「個別記事」 グリッド 角丸大きさ変更 */
.fluida-elementradius article,
.fluida-elementradius .sidey,
.fluida-elementradius .page-number,
.fluida-elementradius #cryout_ajax_more_trigger {
  border-radius: 12px !important;
}

/* トップ「個別記事」 グリッド シャドウ変更 */
.fluida-elementshadow #site-header-main,
.fluida-elementshadow article.hentry,
.fluida-elementshadow .pad-container,
.fluida-elementshadow .sidey,
.fluida-elementshadow .page-numbers:not(.dots) {
  box-shadow: 0 0.15em 0.5em 0.1em rgb(0 0 0 / 5%);
}

/* トップ「個別記事」 グリッド パディング変更 */
#content-masonry article.hentry .article-inner {
  padding: 2em 2em;
}

/* トップ「個別記事」 グリッド サムネイル画像 角丸スタイル変更 */
.fluida-responsive-featured .main .post-thumbnail-container {
  border-radius: 12px;
}

/* トップ「タイトル」 フォントカラー変更 */
.entry-title a {
  font-weight: 500 !important;
  color: #2d2c2c !important;
}

/* トップ「続きを読む」 スタイル変更 */
.fluida-elementradius a.continue-reading-link {
  border-radius: 50px;
  font-weight: 500;
  padding: 0 1em;
  line-height: 2.6;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}

/* トップ「続きを読む」 ホバー速度変更 */
.fluida-elementradius a.continue-reading-link:before {
  transition: .3s all ease-in-out;
}

/* トップ ページネーション スタイル変更 */
.pagination span,
.pagination a {
  width: 50px;
  height: 50px;
  border-radius: 50px;
  font-weight: 500;
  margin: 0 3px;
  padding-top: 0.3px;
}

.pagination a:hover,
.pagination span:hover {
  width: 50px;
  background: #f1f0f0;
}

.pagination .dots {
  width: 50px;
}

.pagination .dots:hover {
  width: 50px;
  background: none;
}

.pagination .current{
  background: #ededed;
}

/* 右サイドバー WP Popular Posts スタイル変更 */
.wpp-thumbnail {
  border-radius: 8px;
  padding: 3px 0 0 3px;
}
/* ランキングカウンター表示 */
ul.wpp-list li:before{
  content:counter(wpp-count);
  display: block;
  position: absolute;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  background: #2c2c2ccc;
  padding: 1px 8px;
  border-radius: 12px;
  z-index: 1;
  box-shadow: 1px 1px 1px 0 #3c3c3ca1;
}
ul.wpp-list li {
  counter-increment: wpp-count;
}
/* 上位3位の背景色変更 */
ul.wpp-list li:nth-child(1):before{
  background: linear-gradient(135deg, #d4af37 0%, #f2d475 50%, #d4af37 100%);
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}
ul.wpp-list li:nth-child(2):before{
  background: linear-gradient(135deg, #7d8a97 0%, #d5d5d5 50%, #7d8a97 100%);
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}
ul.wpp-list li:nth-child(3):before{
  background: linear-gradient(135deg, #8c3c00 0%, #cd7f32 50%, #8c3c00 100%);
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}
ul.wpp-list li:nth-child(10):before{
  padding: 1px 4px;
}
/* カテゴリ 3点リーダー */
.wpp-category {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  overflow: hidden;
}
/* タイトル 3点リーダー */
.wpp-post-title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  overflow: hidden;
  line-height: 20px;
}

/* 右サイドバー タグ スタイル変更 */
.fluida-normalizedtags #content .tagcloud a {
  border-radius: 12px;
  color: #525252 !important;
  background-color: #ebebeb !important;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}

.fluida-normalizedtags #content .tagcloud a:hover {
  background-color: #dcdcdc !important;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}

/* 右サイドバー アーカイブ プルダウンスタイル変更 */
.widget-container > * {
  border-radius: 50px;
}

/* スマホ画面だけ左右マージンを狭くする */
@media only screen and (max-width: 1024px) {
  article.hentry .article-inner {
    padding-left: 3% !important;
    padding-right: 3% !important;
  }
}

/* フッター 左右パディング削除 */
#content {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
#container.two-columns-right .main {
  padding-left: 10px;
  padding-right: 10px;
}

/* フッター リンク スタイル変更 */
.menu-footer-menu-container {
  font-size: 1.1em;
  text-align: right;
  position: relative;
  padding: 100px 10px 0 0;
}

.menu-footer-menu-container a {
  color: #d8d8d8;
}

/* フッター マージンの削除 */
#colophon .widget-container {
  margin: 0;
}

@media only screen and (max-width: 640px) {
  /* フッター リンク スタイル変更 */
  .menu-footer-menu-container {
    padding: 0 10px 0 0;
  }
  /* フッター マージンの削除 */
  .cryout #colophon #colophon-inside .widget-container {
    margin: 0;
  }
}

/* 記事ページ パンくず パディング変更 */
#breadcrumbs-container {
  margin-bottom: 0em;
}

/* 記事ページ 「コメントを送る」ボタン スタイル変更 */
#respond .form-submit input[type="submit"],
#respond .form-submit input[type="reset"],
#respond .form-submit button {
	border-radius: 50px;
}

/* 記事ページ 改ページ(ページャー) スタイル変更 */
.page-link {
  text-align: center;
  padding: 0 0 0.8em 0;
}

.page-link em {
  width: 50px;
  height: 50px;
  line-height: 50px;
  background: #f7f7f7;
  border-radius: 50px;
  display: inline-block;
  text-align: center;
  font-weight: 500;
  font-size: 18px;
}

.page-link em:hover {
  background: #f1f0f0;
}

.post-page-numbers {
  color: #979797;
}

.post-page-numbers current {
  background: #f1f0f0;
}

.current {
  color: #000;
}

.page-link span {
  display: inline-flex;
  border-top: none;
  padding: 0 0.2em;
}

.page-link a {
  line-height: normal;
  border-top: none;
  top: 0px;
  padding: 0 0.2em;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}

/* 記事ページのNext, Prev記事リンク レイアウト変更 */
#nav-below {
  margin-top: 1.5em !important;
}
.nav-next {
  clear: none !important;
}
.nav-next a {
  padding: 0.5em 0 0.5em 1em !important;
}
.nav-next a:before {
  display: none;
}
.nav-previous a {
  padding: 0.5em 1em 0.5em 0 !important;
}
.nav-previous a:before {
  display: none;
}

/* 記事ページ style */
.main .entry-content {
  padding-top: 1.5em;
}

/* 記事ページ パディング変更 */
article.hentry .article-inner {
  padding: 1em;
}

/* 記事ページの関連記事,コメント スタイル変更 */
.sub-heading {
  font-size: 120%;
  font-weight: 600;
}

/* コメントタイトル style */
.main #comments-title {
  margin-bottom: 0.5em;
  font-size: 1em;
}

/* コメントヘッダー style */
.comment-header {
  padding: 0;
}

.comment-author .author-name {
  padding: 0 0.8em 0 0.4em;
  font-size: 1em;
}

/* カテゴリページ タイトルエリア パディング変更 */
.fluida-magazine-two.archive .pad-container {
  padding-left: 1.5% !important;
  padding-right: 1.5% !important;
  border-radius: 12px;
}
.pad-container {
  padding: 0.8em !important;
  padding-bottom: 0.8em !important;
  padding-top: 0.8em !important;
}

/* valuecommerce MyLinkBox スタイル変更 */
.myLinkModule {
    font-family: 'Noto Sans Japanese'!important;
}

/*
  JetPack 記事の共有のタイトル スタイル変更
 */
div.sharedaddy h3.sd-title {
	font-size: 90%!important;
	font-weight: 500;
	margin: 3em 0 0.5em;
	display: block;
}

/*
  JetPack 関連記事の画面サイズレスポンシブ対応
 */
body #jp-relatedposts .jp-relatedposts-items {
  display: flex;
  flex-wrap: wrap;
  margin-right: -1.0005%;
}

body #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post {
  float: none;
  width: 23.8%;
  margin-right: 1.2%;
  margin-bottom: 20px;
  padding-right: 0;
}

@media only screen and (min-width: 1675px) {
  body #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post {
    width: 23.5%;
    margin-right: 1.5%
  }
}

@media only screen and (max-width: 1152px) {
  body #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post {
    width: 48%;
    margin-right: 2%
  }
}

@media only screen and (max-width: 1024px) {
  body #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post {
    width: 39%;
    margin-right: 2%
  }
}

@media only screen and (max-width: 800px) {
  body #jp-relatedposts .jp-relatedposts-items .jp-relatedposts-post {
    width: 47.5%;
    margin-right: 2.5%
  }
}
/* JetPack 関連記事の画面サイズレスポンシブ対応 -END- */

/* blogcard OpenGraph.php */
.blogcard {
  line-height: 1;
  background-color: #ffffff;
  border: 1px solid #eeeeee;
  border-radius: 3px;
  word-wrap: break-word;
  margin: 0px;
  box-shadow: 0 0 10px 6px rgba(0,0,0,.025);
  height: 10.2em;
}
.blogcard.ex {
  background-color: #f7f7f7;
}
.blogcard a {
  text-decoration: none;
  opacity: 1;
  transition: all 0.2s ease;
}
.blogcard a:hover {
  opacity: 0.6;
}
.blogcard_thumbnail {
  float: left;
  padding: 16px;
}
.blogcard_title {
  font-size: 1.1em;
  font-weight: bold;
  line-height: 1.4;
  padding: 17px 20px 16px;  
}
.blogcard_excerpt {
  font-size: 0.8em;
  line-height: 1.6;
  padding: 0 17px 8px 20px;
}
.blogcard_link {
  font-size:0.75em;
  padding:0 17px 15px 20px;
  text-align: left;
}
.blogcard_link .favicon {
  margin-bottom: -4px;
}
.blogcard_link .icon-external-link-alt::before {
  font-size:0.75em;
}
@media only screen and (max-width: 1152px) {
  .blogcard {
    height: 10.8em;
  }
  .blogcard_excerpt {
    font-size: 0.8em;
    padding: 0 17px 8px 20px;
  }
}
@media only screen and (max-width: 610px) {
  .blogcard {
    height: 10em;
  }
  .blogcard_thumbnail {
    padding: 10px;
    width: 164px;
  }
  .blogcard_title {
    font-size: 0.95em;
    line-weight: 1.3;
    padding: 14px 16px 8px;
  }
  .blogcard_excerpt {
    padding: 14px 8px 8px 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
}
/* blogcard OpenGraph.php -END- */
/* 更新日時を表示 */
.entry-meta .updated {
	display: inline-block !important;
}

/* 投稿日時と更新日時が同じ場合は更新日時を非表示 */
.hide-updated-date .entry-meta .updated {
	display: none !important;
}