/*
Theme Name:Muum child
Theme URI:
Description:WordPressテーマ「Muum」の自作子テーマです。
Template:muum_tcd085
Author:Kuni
Author URI:
Version:1.0.0
*/



/* ----------------------------------------------------------------------
 Icomoon
---------------------------------------------------------------------- */
@font-face {
  font-family: 'filler';
  src:
    url('fonts/filler.ttf?p3rjk5') format('truetype'),
    url('fonts/filler.woff?p3rjk5') format('woff'),
    url('fonts/filler.svg?p3rjk5#filler') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'filler' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-icon_quote:before {
  content: "\e903";
}
.icon-icon_about:before {
  content: "\e900";
}
.icon-icon_category:before {
  content: "\e901";
}
.icon-icon_ranking:before {
  content: "\e902";
}




/* ----------------------------------------------------------------------
 全体
---------------------------------------------------------------------- */
/* 背景色 */
#container{
  background: #F1F2ED;
}



/* ----------------------------------------------------------------------
 header
---------------------------------------------------------------------- */

#header{
  height: 168px;
}


.mobile .header_fix_mobile #header.off_hover{
  background: #F1F2ED;
}


/* headerのグロナビ */
#global_menu{
  height: 68px;
}

#global_menu > ul > li{
  font-family: 'Poppins', sans-serif;
  font-size: 17px;
  letter-spacing: .07em;
}

#global_menu > ul > li > a{
  height: 68px;
}

#global_menu ul ul{
  top: 68px;
}

/* headerのグロナビ追従 */
.pc .header_fix #header{
  box-shadow: none;
}

/* Icomoon */
#menu-item-63 > a:before{
  content: "\e900";
  font-family: 'filler';
  font-size: 21px;
  padding-right: 10px;
  position: relative;
  top: 3px;
}

#menu-item-96 > a:before{
  content: "\e901";
  font-family: 'filler';
  font-size: 21px;
  padding-right: 10px;
  position: relative;
  top: 2px;
}

#menu-item-73 > a:before{
  content: "\e902";
  font-family: 'filler';
  font-size: 21px;
  padding-right: 10px;
  position: relative;
  top: 2px;
}

/* Icomoon hover */
#menu-item-63 > a:hover:before{
  color: #fff;
}

#menu-item-96 > a:hover:before{
  color: #fff;
}

#menu-item-73 > a:hover:before{
  color: #fff;
}

/* 検索ボックス */
#header_search .button label{
  background: #F1F2ED;
}

#header_search .button label:before{
  font-size: 20px;
}

#header_search .input_area input{
  background: #FBFCFA;
  border: 1px solid #ddd;
}

/* ----------------------------------------------------------------------
 TOP_MV
---------------------------------------------------------------------- */
/* タグ */
#header_carousel_type1 .category{
  font-size: 12px;
  min-width: 104px;
  height: 28px;
  line-height: 28px;
  padding: 0 10px;
  bottom: 140px
}

/* 日付 */
#header_carousel_type1 .date{
  margin: 0 0 8px 0;
}

/* タイトル */
#header_carousel_type1 .content{
  background: rgba(51,51,51,0.5);
  height: 110px;
}

/* インジケーター */
.slick-dots button::before{
  width: 10px;
  height: 10px;
  background: #e1e2de;
}


/* ----------------------------------------------------------------------
 TOP_タブ記事一覧
---------------------------------------------------------------------- */
/* タグ */
#index_tab_post_list .post_list.type1 .category{
  min-width: 104px;
  height: 28px;
  line-height: 28px;
  padding: 0 10px;
}

#index_tab a{
  background: #FBFCFA;
}

/* 見出し */
#index_tab_post_list .post_list.type1 .title{
  font-weight: 500;
  line-height: 1.8;
  max-height: 4.9em;
}

/* 日付 */
#index_tab_post_list .post_list.type1 .date{
  bottom: 20px;
  left: 25px;
}

/* ボックス */
#index_tab_post_list .post_list.type1 .item{
  height: 388px;
}

#index_tab_post_list .post_list.type1 .link{
  border: 1px solid #ddd;
}

#index_tab_post_list .post_list.type1 .content{
  background-color: #FBFCFA;
  height: 158px;
  border: none;
}

#index_tab_post_list .post_list.type1 .content_inner{
  padding: 20px 28px;
}



/* ----------------------------------------------------------------------
 TOP_ピックアップ
---------------------------------------------------------------------- */
/* マスクカラー */
.bottom_post_list .item .link:before{
  height: 100%;
  background: linear-gradient(to bottom, rgba(51,51,51,0.1) 0%,rgba(51,51,51,0.6) 100%);
}


/* タグ */
.bottom_post_list .category{
  min-width: 104px;
  height: 28px;
  line-height: 28px;
  padding: 0 10px;
}



/* ----------------------------------------------------------------------
 右カラムのウィジェット
---------------------------------------------------------------------- */
/* ウィジェットのボックス */
.widget_content{
  margin: 0 0 52px 0;
}

/* ウィジェットのタイトル */
.widget_headline{
  font-family: 'Poppins', sans-serif;
  font-size: 20px;
  letter-spacing: .06em;
  padding: 0 0 0 16px;
  height: 32px;
  line-height: 32px;
}

/* 広告 */
.tcd_ad_widget{
  background: #FBFCFA;
}

/* ランキング */
.styled_post_list1 a{
  background: #FBFCFA !important;
}

.styled_post_list1 .rank{
  color: #fff;
  background: #333429;
}

/* カテゴリー */
.category_list_widget li a{
  background: #FBFCFA;
}

/* タグクラウド*/
.tagcloud{
  display: flex;
  flex-wrap: wrap;
}

.tag-cloud-link{
  font-size: 12px !important;
  background: #333429;
  color: #fff;
  display: block;
  padding: 6px 10px;
  margin: 0 6px 6px 0;
}


.tag-cloud-link:hover{
  background: #9B9328;
  color: #fff;
}

/* 検索ボックス */
#searchform{
  background: #FBFCFA;
}

/* アーカイブ */
.p-dropdown__title{
  background: #FBFCFA;
}



/* ----------------------------------------------------------------------
 footer
---------------------------------------------------------------------- */
/* スライダー */
#footer_carousel .item .link:before{
  height: 100%;
  background: linear-gradient(to bottom, rgba(51,51,51,0.1) 0%,rgba(51,51,51,0.6) 100%);
}

.carousel_arrow:before{
  color: #1B1C15;
}

/* footer */
#copyright{
  font-family: 'Poppins', sans-serif;
}


/* ----------------------------------------------------------------------
 下層ページ全体
---------------------------------------------------------------------- */
/* header下ライン */
#page_header .title{
  font-family: 'Poppins', sans-serif;
  letter-spacing: .07em;
}




/* ----------------------------------------------------------------------
 下層_CATEGORY
---------------------------------------------------------------------- */
/* h3見出し */
.blog_list.type2 .title{
  font-weight: 500;
}

/* 記事ボックス */
.blog_list.type2 .content{
  border: none;
  background: #FBFCFA;
}

.blog_list.type2 .link{
  border: 1px solid #ddd;
}



/* ----------------------------------------------------------------------
 下層_RANKING
---------------------------------------------------------------------- */
/* タグ切り替え */
#ranking_list .tab a{
  background: #FBFCFA;
}


/* 記事ボックス */
#ranking_list .post_list .content{
  border: none;
  background: #FBFCFA;
}

#ranking_list .post_list .link{
  border: 1px solid #ddd;
}

/* ランキング番号 */
#ranking_list .post_list .rank{
  color: #fff;
  background: #333429;
  position: absolute;
  top: 0;
}

/* h3見出し */
#post_list_id0 .post_list .title,
#post_list_id1 .post_list .title,
#post_list_id2 .post_list .title{
  font-weight: 500;
}




/* ----------------------------------------------------------------------
 下層_記事ページ
---------------------------------------------------------------------- */
/* タグ */
#post_image .category{
  font-size: 14px;
}

/* リンク */
.post_content a, .custom-html-widget a{
  text-decoration: underline;
}

/* 見出し共通 */
.post_content h1, .post_content h2, .post_content h3, .post_content h4, .post_content h5, .post_content h6{
  font-weight: 500;
}


/* h2見出し */
.post_content h2{
  border-bottom: 1px solid #333429;
  font-size: 20px;
  padding-bottom: 12px;
  text-align: left;
}

/* h3見出し */
.post_content h3{
  border-left: 2px solid #333429;
  font-size: 18px;
  padding: 3px 0 3px 12px;
}

/* 引用 */
.post_content blockquote{
  box-shadow: none;
  border: 1px solid #ddd;
  background: #FBFCFA;
  padding: 44px 32px 28px;
  font-size: 14px;
}

.post_content blockquote cite{
  border-top: none;
  padding: 0;
}


.post_content blockquote:after{
  display: none;
}

.post_content blockquote:before{
  content: "\e903";
  font-family: 'filler';
  font-style: normal;
  font-size: 19px;
  color: #E6E5E1;
  top: 8px;
  left: 20px;
}

.post_content p{
  margin: 0 0 1.6em 0;
}


/* リスト */
.post_content ul{
  list-style: none;
  margin-left: 0.1em;
}

.post_content ul li{
  position: relative;
  padding-left: 16px;
}

.post_content li:before {
    border-radius: 50%;
    width: 6px;
    height: 6px;
    display: block;
    position: absolute;
    left: 0;
    top: 40%;
    content: "";
    background: #9b9328;
    }

/* 画像 */
figure.wp-block-image{
  margin: 0 0 3em;
}

/* キャプション */
figcaption{
  font-size: 14px;
  color: #999;
}

/* 関連記事 */
#related_post{
  margin-top: 60px;
}

#related_post .design_headline1{
  font-family: 'Poppins', sans-serif;
  letter-spacing: .06em;
  padding: 0 0 0 18px;
  height: 40px;
  line-height: 40px;
}

#related_post .item{
  margin: 0 25px 28px 0;
}


/* ----------------------------------------------------------------------
 下層_ABOUT
---------------------------------------------------------------------- */
/* ボックス余白 */
.lp_content.show_border_around{
  padding: 36px 48px;
}

.lp_free_space.num1

/* 名前 */
.design_headline1{
  border-left: none;
  padding: 0;
}

.lp_content .design_headline1{
  margin-bottom: 10px;
}

.lp_free_space.num0 .headline{
  margin-bottom: 36px;
}