@charset "utf-8";
/*
 * トップページ
 *
 */
/*
 * KV周辺
 */
.page-id-601 .kv_background {
  --left-color: #ffffff;
  --right-color: #f0f1e9;
  /* 背景色をグラデーションにして、KVの画像の切れ目を見えなくする */
  background: -webkit-gradient(linear, left center, right center, color-stop(0.50, var(--right-color)), color-stop(0.50 var(--left-color)));
  background: -webkit-linear-gradient(left, var(--left-color) 50%, var(--right-color) 50%);
  background: -moz-linear-gradient(left, var(--left-color) 50%, var(--right-color) 50%);
  background: -o-linear-gradient(left, var(--left-color) 50%, var(--right-color) 50%);
  background: -ms-linear-gradient(left, var(--left-color) 50%, var(--right-color) 50%);
  background: linear-gradient(to right, var(--left-color) 50%, var(--right-color) 50%);
}
/* 画像を中央に揃える */
.page-id-601 .kv {
  margin: 0px -480px; /* 左右marginは((画像横幅 - 960) / 2)にする */
}
.page-id-601 .kv_container {
  /* KV上のボタン配置のための座標系変更 */
  position: relative;
}
.page-id-601 .kv_container > .bears_button {
  /* KV上のボタン配置のための座標系変更 */
  position: absolute;
}
.buttons_on_kv {
  display: flex;
  position: absolute;
  top: 300px;
  left: 70px;
}
.buttons_on_kv > a {
  margin-right: 15px;
}
.kv .swiper-container > p,
.kv .button_inner p{
    display: block;
}

/*
 * メディア情報周辺
 */
/* 背景色 */
.media_info {
  background-color: #ffffff;
}
/* 大半のスタイルは「メディア一覧」ページから流用 */
/* 「メディア一覧を見る」テキストリンク */
.media_info .to_media_list {
  text-align: right;
}
.media_info .to_media_list a.textlink {
  margin-right: 3px;
}
/*
 * PICK UP
 */
.pickup {
    overflow: hidden;
  background-color: #faf7f2; /* 背景色 */
}
/* PICK UP特有の見出し強調 */
.pickup h2 {
  color: #E4017F;
}
.pickup h2:after {
  content: "ピックアップ記事";
  font-size: 14px;
  color: #000000;
  margin-left: 10px;
}
/* PC,SPそれぞれのスライダーの表示非表示切り替え */
.pickup .sp {
  display: none;
}
.pickup .pc {
  display: block;
}
.page-id-601 div.picup {
    width: 960px;
}

/* slick */

.page-id-601 .slick-slider .slick-arrow.slick-prev:before {
    /* 左向き矢印 */
    content: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTEuNDMzIDE1Ljk5MkwyMi42OSA1LjcxMmMuMzkzLS4zOS4zOTMtMS4wMyAwLTEuNDItLjM5My0uMzktMS4wMy0uMzktMS40MjMgMGwtMTEuOTggMTAuOTRjLS4yMS4yMS0uMy40OS0uMjg1Ljc2LS4wMTUuMjguMDc1LjU2LjI4NC43N2wxMS45OCAxMC45NGMuMzkzLjM5IDEuMDMuMzkgMS40MjQgMCAuMzkzLS40LjM5My0xLjAzIDAtMS40MmwtMTEuMjU3LTEwLjI5IiBmaWxsPSIjZTQwMTdmIiBvcGFjaXR5PSIxIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiLz48L3N2Zz4=');
}

.page-id-601 .slick-slider .slick-arrow.slick-next:before {
    /* 右向き矢印 */
    content: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTAuNzIyIDQuMjkzYy0uMzk0LS4zOS0xLjAzMi0uMzktMS40MjcgMC0uMzkzLjM5LS4zOTMgMS4wMyAwIDEuNDJsMTEuMjgzIDEwLjI4LTExLjI4MyAxMC4yOWMtLjM5My4zOS0uMzkzIDEuMDIgMCAxLjQyLjM5NS4zOSAxLjAzMy4zOSAxLjQyNyAwbDEyLjAwNy0xMC45NGMuMjEtLjIxLjMtLjQ5LjI4NC0uNzcuMDE0LS4yNy0uMDc2LS41NS0uMjg2LS43NkwxMC43MiA0LjI5M3oiIGZpbGw9IiNlNDAxN2YiIG9wYWNpdHk9IjEiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==');
}

.page-id-601 .slick-slider article.blockPartsArticle {
    margin-right: 25px;
}

.page-id-601 .slick-dots li.slick-active button:before {
    /* dotsアクティブ時の色 */
    color: #E4017F;
}

.page-id-601 .slick-dots li button:hover:before {
    /* dots マウスオーバー */
    color: #E4017F;
}

.page-id-601 .slick-slider figure.imgParts {
    /* 枠線 */
	border-color: #e4007f;
    border-width: 2px 2px 2px 2px;
    border-style: solid;
}

.page-id-601 .slick-slider a img{
    /* imgPartsに設定したborderを表示させるために、box-shadowを無効化 */
    box-shadow: none;
}

.page-id-601 .slick-slider dl.contentParts {
    /* 日付・タイトルの背景色 */
	background-color: rgba(228, 0, 127, 0.5);
}

.page-id-601 .slick-slider dd.dateParts {
    /* 日付テキストの色 */
    color: white;
}

.page-id-601 .slick-slider dt.titParts {
    /* タイトルテキストの色 */
    color: white;
}
/*
 * 最新記事
 */
/* 背景色 */
.whatsnew {
    overflow: hidden;
  background-color: #f2f1ee;
}
.whatsnew a img {
  /* デフォルトで入っている白枠線を消す */
  box-shadow: none;
}
/*
 * インスタグラム（Instagram）
 */
/* ここだけh2は特別装飾 */
.contentPart.instagram h2 {
  border-left: 0px;
  padding-left: 0px;
	text-align: center;
}
.contentPart.instagram h2 > img {
  vertical-align: middle;
  margin-right: 10px;
}
.container_for_instagram {
  background-color: #ffffff;
  margin-bottom: 24px;
}
/* プラグインでの制御はほどほどに、細かな見た目はここで調整する */
#sb_instagram {
  padding: 0px!important;
}
#sb_instagram #sbi_images {
  display: flex!important;
  flex-wrap: wrap!important;
  justify-content: space-between!important;
}
#sb_instagram .sbi_photo{
	height:  172.8px!important;
}
@media screen and (max-width: 767px) {
	#sb_instagram .sbi_photo{
		height:  300px!important;
	}
}
#sb_instagram.sbi_col_5.sbi_disable_mobile #sbi_images .sbi_item {
  width: 160px!important;
  height: 160px!important;
}
#sb_instagram.sbi_col_5 #sbi_images .sbi_item{
	width: 18%;
}
#sb_instagram.sbi_col_5 #sbi_images .sbi_item + .sbi_item{
	margin-left: 2.5%;
}
.sbi_photo_wrap > .sbi_photo {
  
}
.slick-prev{
    left: -48px;
}

@media screen and (max-width: 767px) {
    .page-id-601 .kv .swiper-container > p img,
    .page-id-601 .kv .button_inner p img{
        width : 6px;
        height: 10px;
        margin-left: 6px;
    }
}

/* 個別のカテゴリごとの色指定 */
/* 家事研究家 */
.single-media .media.contents span.category.graduate-course-of-housekeeping,
.single-media .media.contents span.category.kajimaster_ns,
.blockListMediaItem .category.kajimaster_ns {
	color: #de5d94;
	border: 1px solid #de5d94;
}
/* 経営者 */
.single-media .media.contents span.category.management_ns,
.blockListMediaItem .category.management_ns {
	color: #1f77c8;
	border: 1px solid #1f77c8;
}
/* 家事大学学長 */
.single-media .media.contents span.category.president_ns,
.single-media .media.contents span.category.kajiuniversity_ns,
.blockListMediaItem .category.kajiuniversity_ns {
	color: #7c9a17;
	border: 1px solid #7c9a17;
}
/* 日本の暮らし方研究家 */
.single-media .media.contents span.category.graduate-course-of-living,
.single-media .media.contents span.category.kurashimaster_ns,
.blockListMediaItem .category.kurashimaster_ns{
	color: #d78f28;
	border: 1px solid #d78f28;
}
/* ブログ */
.single-media .media.contents span.category.blog_ns,
.blockListMediaItem .category.blog_ns {
	color: rgb(183, 156, 8);
	border: 1px solid rgb(183, 156, 8);
}
/* 対談 */
.single-media .media.contents span.category.dialogue_ns,
.single-media .media.contents span.category.dialog_ns,
.blockListMediaItem .category.dialog_ns {
	color: rgb(165, 76, 175);
	border: 1px solid rgb(165, 76, 175);
}
/* その他 */
.single-media .media.contents span.category.other_ns,
.blockListMediaItem .category.other_ns {
	color: rgb(147,147,147);
	border: 1px solid rgb(147,147,147);
}