@charset "utf-8";
/*
 * 全ページ共通基本設定
 *
 */
/*
 * よく使うプロパティ定義
 */
:root {
  --bears-pink: #e4017f;
  --kajikenkyu-color: #de5d94;
  --keieisha-color: #1f77c8;
  --kajidaigaku-color: #7c9a17;
  --kurashikata-color: #d78f28;
  --blog-color: rgb(183, 156, 8);
  --taidan-color: rgb(165, 76, 175);
  --other-color: rgb(147,147,147);
}
/*
 * リスト表示の色（コラムからも参照あり）
 */
/* 家事研究家 */
.graduate-course-of-housekeeping_ns {
  color: #de5d94;
  border-color: #de5d94;
}
/* 経営者 */
.management_ns {
  color: #1f77c8;
  border-color: #1f77c8;
}
/* 家事大学学長 */
.president_ns {
  color: #7c9a17;
  border-color: #7c9a17;
}
/* 日本の暮らし方研究家 */
.graduate-course-of-living_ns {
  color: #d78f28;
  border-color: #d78f28;
}
/* ブログ（コラム用） */
.blog_ns {
  color: rgb(183, 156, 8);
  border-color: rgb(183, 156, 8);
}
/* 対談（コラム用） */
.dialogue_ns {
  color: rgb(165, 76, 175);
  border-color: rgb(165, 76, 175);
}
/* その他（コラム用） */
.other_ns {
  color: rgb(147,147,147);
  border-color: rgb(147,147,147);
}
/*
 * 共通的なスタイル設定
 */
/* デフォルトテーマの打ち消し */
.entry-content a,
.entry-summary a,
.widget a,
.site-footer .widget-area a,
.posts-navigation a,
.widget_authors a strong {
  box-shadow: none;
}
/*
 * リンクの透過処理
 */
/* あらゆるリンクはマウスオーバーで半透明 */
a:hover,
/* 一部透過しない要素があるので、aの次の要素を透過するワークアラウンド */
a > *:hover {
  opacity: 0.6;
  transition: 0.4s;
}
/* 例外的に透過させたくない要素の透過率を打ち消し */
.navigation-top ul.menu li a:hover,
.navigation-top ul.menu li a > *:hover {
  opacity: 1;
}
/* テキストリンク */
a.textlink,
a.textlink:hover {
  /* display: flex; */
  color: #E4017F;
  font-size: 14px;
  text-decoration-line: underline;
}
/* テキストリンク＋アロー */
.text_and_arrow a.textlink > img {
  vertical-align: middle;
  margin-left: 10px
}
/* パンくずリスト */
body #breadcrumb {
  width:960px;
  margin: 0px auto;
  height: auto;
}
div.breadcrumb_back {
    /* パンくずリストの背景設定 */
    background-color: #ececec;
}
body #breadcrumb ul {
  /* パンくずリスト内のリンクなしテキスト */
  padding-top: 7px;
  font-size: 10px;
  text-decoration-line: none;
  margin-bottom: 5px;
  vertical-align
}
body #breadcrumb ul a,
body #breadcrumb ul a span {
  /* パンくずリスト内のリンクありテキスト */
  font-size: 10px;
  text-decoration-line: none;
  color: #E4017F;
}
body #breadcrumb ul li {
  display: inline-block;
}
/* h2タグ装飾 */
h2 {
  padding: 0px 0px 0px 10px;
  margin-top: 30px;
  margin-bottom: 15px;
  font-size: 21px;
  /* 左のピンク線 */
  border-left: 4px solid #E4017F;
}
/* ログイン時に表示される編集ボタンが、表示されない場合のデザインにも影響しないようにする */
.entry-footer {
  margin: 0px;
  padding: 0px;
  height: 40px;
}

html,
body,
#page{
  height: 100%;
}
/* コンテンツ幅、960pxを最小幅とする */
html {
  overflow: auto;
}
body {
  min-width: 960px;
}
/* ページ内コンテンツのpadding（トップメニューとの間、フッターとの間）調整 */
.site-content,
.page:not(.home) #content {
  padding: 0px;
}
/* 主コンテンツ領域（トップの背景色が同じ範囲を想定） */
.contentPart {
  padding: 0px 0px 40px 0px;
}
.wrap {
  display: block;
  width: 960px;
  margin: auto;
}
.wrap.content {
	overflow:hidden;
}
@media screen and (max-width: 767px) {
	.wrap.content {
		overflow:visible;
	}
}
.site-content-contain{
  position: static;
}
/* 背景色を白に */
#page {
  overflow: hidden;
  position: relative;
  height: auto !important;
  height: 100%;
  min-height: 100%;
  padding-bottom: 230px;
  background-color: #f2f1ee;
}
/* トップにベアーズカラー横線 */
.header {
  border-top: solid 3px #E4017F;
}
/*
 * ヘッダー関連
 */
.header {
  background-color: #ffffff; /* ヘッダ背景を白に */
}
.header .headerInner {
  display: flex; /* ロゴとメニューを横並びに */
  width: 960px;
  height: 83px; /* 高さを固定 */
  padding: 0px;
  margin: auto; /* 960px以上になったら左右センタリング */
}
/* SPロゴ、SPメニューを隠す */
img.sp {
  display: none;
}
#nav-drawer {
  display: none;
}
/* PCロゴと外側のaタグの間の上下を合わせる */
.headerLeft img.pc {
  vertical-align: middle;
  padding: 18px 0px;
}
/* ロゴとメニューの間 */
.headerLeft {
  margin-right: 36px;
}
/* PC用メニュー
 */
/* デフォルト文字 */
.navigation-top {
  border: 0px; /* メニューの周辺にできる隙間を解消 */
  background: none;
}
.navigation-top ul.menu li a {
  font-size: 14px;
  width: 100%;
  height: 100%;
  display: block;
  padding: 28px 0px 12px;
  line-height: 1.25;
}
.navigation-top ul.menu li span {
  font-weight: normal;
  font-size: 9px;
  color: #E4017F;
}
/* メニューレイアウト */
.navigation-top ul.menu li {
  display: table-cell;
  width: 116px;
  height: 83px;
}
.navigation-top ul.menu {
  margin-bottom: 0px;
}
/* メニューマウスオーバー挙動 */
.navigation-top ul.menu li:hover {
  background-color: #E4017F;
  transition: 0.4s;
}
.navigation-top ul.menu li:hover a {
  color: #ffffff;
  transition: 0.4s;
}
.navigation-top ul.menu li:hover span {
  color: #ffffff;
  transition: 0.4s;
}
/* 対象ページ表示時のメニュー色反転 */
.page-id-108 #menu-item-1267,
.page-id-109 #menu-item-1268,
.page-id-110 #menu-item-1269,
.media-template-default #menu-item-1269,
.page-id-111 #menu-item-1270,
.column-template-default #menu-item-1270,
.page-id-112 #menu-item-1271 {
	background-color: #e4017f;
}
.page-id-108 #menu-item-1267 a,
.page-id-108 #menu-item-1267 span,
.page-id-109 #menu-item-1268 a,
.page-id-109 #menu-item-1268 span,
.page-id-110 #menu-item-1269 a,
.page-id-110 #menu-item-1269 span,
.page-id-111 #menu-item-1270 a,
.page-id-111 #menu-item-1270 span,
.media-template-default #menu-item-1269 a,
.media-template-default #menu-item-1269 span,
.column-template-default #menu-item-1270 a,
.column-template-default #menu-item-1270 span,
.page-id-112 #menu-item-1271 a,
.page-id-112 #menu-item-1271 span {
	color: #ffffff;
}
/*
 * KV
 */
.kv_container {
  width: 960px;
  margin: 0px auto;
  overflow: visible;
}
.kv {
  width: max-content;
}
.kv > img {
  vertical-align: middle;
}
.kv_background .kv{
    line-height: 0;
}
/*
 * ボタン
 */
 .buttons_container,
 .button_to_column_list,
 .button_to_instagram{
     text-align: center;
 }
 .buttons_container a,
 .button_to_column_list a,
 .button_to_instagram a{
     display: inline-block;
 }
.bears_button {
  display: flex;
  width: 200px;
  height: 40px;
  margin: auto;
  background-color: #ffffff;
  border-radius: 25px;
  border: 2px solid #E4017F;
  /* 謎の下線を消す */
}
/* トップのKV上のボタンだけサイズとhoverを調整 */
.buttons_on_kv .bears_button {
  width: 180px;
}
.buttons_on_kv .bears_button:hover {
  opacity: 0.8;
  transition: 0.4s;
}
.button_inner {
  display: flex;
  align-items: center;
  margin: auto;
}
.button_inner > .button_text {
  color: #E4017F;
}
.button_inner > p > img {
  /* 必要なはずだけどなぜか無いほうが表示上適切なので無効化 */
  /* vertical-align: middle;*/
}
.bears_button img.pc {
  margin-left: 10px;
}
/*
 * フッター関連
 */
 .footer{
   width: 100%;
   position: absolute;
   bottom: 0;
   left: 0;
 }
/* バナー領域 */
.banners_container {
  background-color: #f2f1ee;
  padding: 30px 0px 30px;
}
/* トップへ戻るボタン */
.banners_container .sp {
  display: none;
}
/* バナー */
.banners_container .banners {
  width: 960px;
  margin: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
/* バナー下テキスト */
.banners_container .banners .text_area {
  font-size: 14px;
}
/* メニュー領域 */
.menu_container {
  background-color: #e7e2d9;
  border-top: 4px solid #E4017F;
}
.menu_container .footer-menu {
  position: relative; /* トップへ戻るボタンの位置調整のためrelativeに */
  width: 960px;
  margin: auto;
}
/* トップへ戻るボタン */
.footer-menu #pageTop.pc {
  position: absolute;
  top: -20px;
  left: 1000px;
  width: 47px;
}
/* フッターメニュー */
.footer-menu ul.menu {
    padding-top: 20px;
    display: table;
    table-layout: fixed;
    margin: 0 auto;
    font-size: 14px;
}
.footer-menu ul.menu li {
    display: table-cell;
    vertical-align: middle;
    border-left: 1px solid;
}

.footer-menu ul.menu li:first-child {
    border: none;
}

.footer-menu ul.menu li a {
    display: block;
    text-decoration: none;
    margin-right: 22px;
    margin-left: 22px;
}

/*
 * トップ・メディア詳細共通
 *
 */
.listPartsMedia {
    margin-top: 36px;
    margin-bottom: 18px;
    /* border-top: solid 1px #D8D8D8; */
    border-bottom: solid 1px #D8D8D8;
    list-style: none;
}

.listPartsMedia li {
    border-top: solid 1px #D8D8D8;
    /* border-bottom: solid 1px #D8D8D8; */
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 4px;
}

.blockListMediaItem {
    display: flex;
}

.blockListMediaItem .category {
    /*
    flex: 1;
    display: inline-block;
    max-width: 156px;
    margin-right: 30px;
    text-align: center;
    height: 26px;
    line-height: 26px;
    background-color: #FFFFFF;
    font-size: 12px;
    */
  display: inline-block;
  /* width: 160px; */
  max-width: 160px;
  min-width: 160px;
  margin-right: 30px;
  text-align: center;
  height: 26px;
  line-height: 26px;
  background-color: rgb(255, 255, 255);
  font-size: 12px;
  flex: 1 1 0%;
  border: 1px solid;
}

.blockListMediaItem .timeTextMedia {
    flex: 2;
    font-size: 14px;
    line-height: 26px;
}

.blockListMediaItem div.timeTextMedia {
    display: flex;
    align-items: center;
    margin-right: 30px;
}

.blockListMediaItem .timePartsMedia {
    margin-right: 30px;
    font-size: 14px;
}

.blockListMediaItem .textPartsMedia {
    margin : 0;
    padding: 0 0 0 30px;
    width: 70%;
    display: block;
    font-size: 14px;
    line-height: 26px;
}

.blockListMediaItem .imgPartsMedia {
    width: 14px;
}

/*
 * メディア詳細・コラム詳細共通
 *
 */

/*カテゴリタグの右横にマージンを設定する*/
.single-media .media.contents time.sub_column,
.single-column .column.contents time.sub_column{
  font-size: 12px;
  margin-left: 12px;
}

/*コンテンツ下のマージンを調整する*/
.single-media div.detail.post_link .button_to_media_list,
.single-column div.detail.post_link .button_to_column_list {
    margin: 20px auto 76px;
}

.single-media div.detail.post_link,
.single-column div.detail.post_link {
    margin: 0px auto;
    color: #E4017F;
}

/*3点リーダの位置調整*/
.single-media .ellipsis,
.single-column .ellipsis {
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}


.single-media div.detail.post_link span.previous_post_link_arrow:before,
.single-column div.detail.post_link span.previous_post_link_arrow:before
{
    /* 戻る矢印 */
    position: absolute;
    top: 50%;
    left: -10%;
    margin-top: -11px;
    content: url('/yukitakahashi/wp/wp-content/uploads/2018/04/arrow1.png');
}

.single-media div.detail.post_link span.next_post_link_arrow:after,
.single-column div.detail.post_link span.next_post_link_arrow:after
{
    /* 進む矢印 */
    position: absolute;
    top: 50%;
    margin-top: -11px;
    content: url('/yukitakahashi/wp/wp-content/uploads/2018/04/arrow2.png');
}

/**
 * トップ・コラム一覧　共通
 */
/* 記事のグリッド表示 */

ul.listPartsArticle {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    /* 最終行のliのmargin-bottomを打ち消す */
    margin-bottom: -30px;
}

/* 記事枠 */

ul.listPartsArticle>li {
    margin: 0px 0px 30px;
    padding: 0px;
    width: 300px;
    height: 300px;
    /*
  position: relative;
  */
}

article.blockPartsArticle {
    margin: 0px;
    width: 100%;
    position: relative;
    /* オーバーレイさせる要素の親になるのでrelative */
}

/* imgを囲う要素 */

figure.imgParts {
    margin: 0px;
    position: relative;
    height: 300px;
    width: 300px;
    border: 1px solid #bdbdbd;
    overflow: hidden;
}

/* img要素 */

figure.imgParts img {
    /* 縦横比が1:1でないものも拡大してcover表示 */
    position: absolute;
    top: 50%;
    left: 50%;
    min-height: 100%;
    min-width: 100%;
    object-fit: cover;
    transform: translate(-50%, -50%);
}

/* 画像左上にオーバーレイさせるカテゴリ名 */

.categoryArticleLabel {
    position: absolute;
    color: white;
    padding: 5px 10px 5px 30px;
    font-size: 12px;
    top: 20px;
}

/* その他 */

.categoryArticleLabel.other {
    background-color: rgb(147,147,147);
}

/* 経営者 */

.categoryArticleLabel.management {
    background-color: #1f77c8;
}

.categoryArticleLabel.dialogue,
.categoryArticleLabel.dialog {
    background-color: rgb(165, 76, 175);
}

.categoryArticleLabel.graduate-course-of-living,
.categoryArticleLabel.kurashimaster {
    background-color: #d78f28;
}

.categoryArticleLabel.president,
.categoryArticleLabel.kajiuniversity {
    background-color: #7c9a17;
}

.categoryArticleLabel.graduate-course-of-housekeeping,
.categoryArticleLabel.kajimaster {
    background-color: #de5d94;
}

.categoryArticleLabel.blog {
    background-color: rgb(183, 156, 8);
}

/* 画像下部にオーバーレイさせる文言 */

.contentParts {
    position: absolute;
    top: 180px;
    height: 119px;
    /* 背景liのborderを見せるために微調整 */
    left: 1px;
    /* 背景liのborderを見せるために微調整 */
    width: 298px;
    /* 背景liのborderを見せるために微調整 */
    margin: 0px;
    background-color: white;
    opacity: 0.8;
    padding: 20px;
}

/* 日付 */

.contentParts .dateParts {
    font-size: 14px;
}

/* タイトル */

.contentParts .titParts {
    font-size: 16px;
}

/*
 * 翻訳（プロフィール、想い）
 */
.translate {
  text-align: right;
}
.translate > a {
  display: inline-block;
  color: #E4017F;
  margin-right: 10px;
  text-decoration-line: underline;
}


/*
 * 絞り込み
 */
#content .search.accbox label.searchlist {
    display: none;
}

#content .search.accbox input[type="checkbox"] {
    display: none;
}

#content .search.accbox {
    padding-top: 14px;
    padding-bottom: 14px;
    padding-left: 24px;
}

#content .search.accbox label.search.category {
    border: 0px;
    font-size: 14px;
    padding-left: 20px;
    margin-bottom: 0px;
}

#content .search.accbox label.search {
    cursor: pointer;
    position: relative;
    padding-left: 5px;
    padding-right: 20px;
    overflow: hidden;
    padding-left: 20px;
    display: inline-block;
}

#content .search.accbox label.search:before {
    position: absolute;
    width: 17px;
    height: 17px;
    border: 1px solid #666;
    border-radius: 50%;
    left: 0px;
    content: '';
    z-index: 3;
}

#content .search.accbox label.search:after {
    content: '';
    position: absolute;
    width: 11px;
    height: 11px;
    border-radius: 100%;
    left: 3px;
    top: 3px;
    background-color: #E4017F;
    z-index: 1;
}

#content .search.accbox label.search input[type="radio"] {
    -moz-appearance: none;
    -webkit-appearance: none;
    position: absolute;
    z-index: 2;
    width: 20px;
    height: 22px;
    left: -23px;
    top: 1px;
    margin: 0px;
    box-shadow: 22px -1px #FFF;
}

#content .search.accbox label.search input[type="radio"]:checked {
    box-shadow: none;
}

#content .search.accbox label.search input[type="radio"]:focus {
    opacity: 0.2;
    box-shadow: 20px -1px #FFF;
}


/*
 * ページング
 */
 .wp-pagenavi{
     width : 960px;
     margin: 0 auto;
     display: flex;
     justify-content: center;
     align-items: center;
     text-align: center;
 }
 .wp-pagenavi span,
 .wp-pagenavi a {
   display: inline-block;
   vertical-align: middle;
     margin : 0 6px 0 6px;
     padding: 0;
     border: none;
     width : 26px;
     height: 32px;
     line-height: 32px;
 }
 .wp-pagenavi span {
     position: relative;
 }
 .wp-pagenavi .forward-link {
     margin : 0;
     padding: 0;
 }
 .wp-pagenavi .page {
     border: none;
     vertical-align: middle;
 }
 .wp-pagenavi .current {
     border: none;
     vertical-align: middle;
     color: white;
     background-color: #DE5D94;
     background-color: #E4017F;
 }
 .wp-pagenavi .page {
     border: none;
     vertical-align: middle;
     width : 26px;
     height: 32px;
 }
 .wp-pagenavi .first-arrow:before,
 .wp-pagenavi .prev-arrow:before,
 .wp-pagenavi .next-arrow:after,
 .wp-pagenavi .last-arrow:after{
     content: "";
     display: inline-block;
     vertical-align: middle;
     position: absolute;
 }
 .wp-pagenavi .first-arrow:before,
 .wp-pagenavi .last-arrow:after {
     width : 14px;
     height: 13px;
 }
 .wp-pagenavi .prev-arrow:before,
 .wp-pagenavi .next-arrow:after{
     width : 8px;
     height: 13px;
 }
 .wp-pagenavi .first-arrow:before {
     right: 50%;
     background: url('/yukitakahashi/wp/wp-content/uploads/2018/04/arrow1_2.png');
 }
 .wp-pagenavi .prev-arrow:before {
     right: 50%;
     background: url('/yukitakahashi/wp/wp-content/uploads/2018/04/arrow1_1.png');
 }
 .wp-pagenavi .back-link {
     margin-left : 0;
     margin-right: 0;
     width: auto;
 }
 .wp-pagenavi .forward-link {
     margin-left : 0;
     margin-right: 0;
 }
 .wp-pagenavi .next-arrow:after {
     background: url('/yukitakahashi/wp/wp-content/uploads/2018/04/arrow2_1.png');
 }
 .wp-pagenavi .next-arrow,
 .wp-pagenavi .last-arrow{
     top: 9px;
 }
 .wp-pagenavi .last-arrow:after {
     background: url('/yukitakahashi/wp/wp-content/uploads/2018/04/arrow2_2.png');
 }
 .wp-pagenavi a.previouspostslink,
 .wp-pagenavi a.first,
 .wp-pagenavi .nextpostslink,
 .wp-pagenavi .last{
     width: auto;
     margin: 0;
     text-align: left;
     font-size: 14px;
 }
 .wp-pagenavi .prev-arrow,
 .wp-pagenavi .first-arrow{
     top: 9px;
 }
 .wp-pagenavi a.first{
     margin-right: 20px;
 }
 .wp-pagenavi a.previouspostslink{
     width: auto;
     text-align: left;
 }
 .wp-pagenavi .nextpostslink{
     margin-right: 27px;
     text-align: right;
}
  .wp-pagenavi .previouspostslink span,
  .wp-pagenavi .first span,
  .wp-pagenavi .nextpostslink span,
  .wp-pagenavi .last span{
     width : auto;
     margin: 0 0 0 6px;
 }
  .wp-pagenavi .previouspostslink span,
  .wp-pagenavi .first span{
     margin: 0 6px 0 0;
 }
@media screen and (max-width: 767px) {
    .wp-pagenavi a.previouspostslink{
        margin: 0;
    }
}


/*
IE,Edgeにobject-fitを対応させるためのjs用class
*/
.object-fit-img {
  font-family: 'object-fit: cover;'
}



@media screen and (max-width: 767px) {
  /*
 *  * 全ページ共通
 *   *
 *    */
  body {
    min-width: auto;
  }

  #page{
    padding-bottom: 569px;
  }
  /*
 *  * ヘッダー
 *   */
  /* PC用ロゴ、メニューを非表示 */
  #masthead .headLogo img.pc {
    display: none;
  }
  #masthead .navigation-top {
    display: none;
  }
  /* ヘッダ全体のサイズ */
  .header .headerInner {
    width: 100vw;
    height: auto;
  }
  /* ヘッダ左部 */
  .header .headerLeft {
    width: 70vw;
    margin: 3vw;
  }
  /* ロゴを表示 */
  #masthead .headLogo img.sp {
    display: block;
  }
  /*
 *  * ドロワーメニュー
 *   */
  .menu-trigger {
    position: relative;
    margin: 0;
    top : 3px;
    left: -3px;
    text-decoration: none;
    text-align: center;
    padding: 0;
    z-index: 101;
  }
  .menu-trigger:after {
    content: "MENU";
    color: #e4007f;
    font-size: 3vw;
    display: inline-block;
    text-decoration: none;
    font-weight: bold;
    text-align: center;
  }
  .menu-trigger.active:after {
    content: "close";
  }
  .menu-trigger,
  .menu-trigger span {
    display: inline-block;
    transition: all .4s;
    box-sizing: border-box;
  }
  .menu-trigger span {
    position: absolute;
    left: 2.4vw;
    width : 10px;
    height: 2px;
    background-color: #e4007f;
    border-radius: 1px;
  }
  .menu-trigger span:nth-of-type(1) {
    top: -2px;
  }
  .menu-trigger span:nth-of-type(2) {
    top: 7px;
  }
  .menu-trigger span:nth-of-type(3) {
    top: 17px;
  }
  .menu-trigger.active span:nth-of-type(1) {
    -webkit-transform: translateY(20px) rotate(-45deg);
    transform: translateY(20px) rotate(-45deg);
    top: -4px;
  }
  .menu-trigger.active span:nth-of-type(2) {
    opacity: 0;
  }
  .menu-trigger.active span:nth-of-type(3) {
    -webkit-transform: translateY(-20px) rotate(45deg);
    transform: translateY(-20px) rotate(45deg);
    top: 36px;
  }
  .menu-trigger.active {
    background: url(/img/common/bg_menu_close.png) 0 0 no-repeat;
    background-size: 57px auto;
    z-index: 1002;
  }
  .header .menuWrapper {
    width: 100%;
    height: 100%;
    background: #ebe8e8;
    opacity: 0.6;
    position: fixed;
    top: 52px;
    left: 0;
    z-index: 1000;
    display: none;
  }
  #nav-drawer {
    display: block;
    text-align: right;
    position: relative;
  }
  /*チェックボックス等は非表示に*/
  .nav-unshown {
    display: none;
  }
  /*アイコンのスペース*/
  #nav-open {
    margin: 0;
    /*     display: inline-block; */
    /*     width: 30px; */
    /*     height: 22px; */
    /*     vertical-align: middle; */
  }
  #nav-open span:before {
    bottom: -8px;
  }
  #nav-open span:after {
    /*bottom: -16px;*/
    position: relative;
    top: 22px;
    vertical-align: top;
  }
  /*閉じる用の薄黒カバー*/
  #nav-close {
    display: none;
    /*はじめは隠しておく*/
    position: fixed;
    z-index: 99;
    top: 0;
    /*全体に広がるように*/
    left: 0;
    width: 100%;
    height: 100%;
    background: black;
    opacity: 0;
    transition: .3s ease-in-out;
  }
  /*中身*/
  #nav-content {
    text-align: left;
    overflow: auto;
    position: fixed;
    top: 0;
    /*     left: 0; */
    right: 0;
    /*最前面に*/
    z-index: 9999;
    width: 69.3334vw;
    background: #fff;
    /*背景色*/
    transition: .3s ease-in-out;
    /*滑らかに表示*/
    -webkit-transform: translateX(105%);
    transform: translateX(105%);
    /*左に隠しておく*/
  }
  /*チェックが入ったらもろもろ表示*/
  #nav-input:checked~#nav-close {
    display: block;
    /*カバーを表示*/
    opacity: .5;
  }
  #nav-input:checked~#nav-content {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    /*中身を表示*/
    box-shadow: 6px 0 25px rgba(0, 0, 0, .15);
  }
  /* メニュー、先頭×はhoverしない */
  .headerRight li:nth-child(1):hover {
    color: #e4017f;
    background-color: #ffffff;
  }
  /* 英語ページ名を隠す */
  .headerRight li.menu-item>a>span {
    display: none;
    /* 左右マージンを0にする */
    margin: 0px 0px;
    /* テキストの左のパディング */
    padding-left: 30px;
    height: 120px;
  }
  .headerRight ul.menu {
    padding: 0px;
    margin: 0px;
  }
  .headerRight ul.menu .menuCloser {
    display: flex;
    padding: 4.26667vw;
    height: 18vw;
  }
  .headerRight .menuCloser>img {
    width: 9vw;
    height: 9vw;
  }
  .headerRight ul.menu li a {
    display: block;
    /* 左右マージンを0にする */
    margin: 0px 0px;
    /* テキストの左のパディング */
    padding-left: 5vw;
    height: 18vw;
    font-size: 5vw;
    padding-top: 6vw;
    /* 左のピンク線 */
    border-left: 1vw solid #e4017f;
    border-bottom: 1px solid #c3c4c5;
  }
  /*
 *  * フッター
 *   */
  .page-id-601 .banners_container {
    width: 100vw;
  }
  .page-id-601 .banners_container .banners {
    width: 100vw;
  }
  .page-id-601 .menu_container .footer-menu {
    width: 100vw;
  }
  .page-id-601 .menu_container .footerInner {
    width: 100vw;
  }
  /*
 *  * トップページ page-id-601
 *   *
 *    */
  .page-id-601 .kv img.pc {
    display: none;
  }
  .page-id-601 .kv img.sp {
    display: block;
    width: 100vw;
  }
  .page-id-601 .kv_container {
    width: max-content;
  }
  .page-id-601 .kv {
    margin: 0px;
  }
  /*
 *  * デバッグ用
 *   */
  /*
  .page-id-601 .site-content {
    display: none;
  }
  */


  /*
  * 絞り込み
  */
  #content .search.accbox {
    position: relative;
    z-index: 10;
    padding: 0;
  }

  #content .search.accbox label.searchlist {
    display: block;
    padding: 12px 15px;
    margin-bottom: 0;
    font-weight: 300;
    font-size: 13px;
    border: solid 1px #d8d8d8;
    border-radius: 2px;
    background: #fff;
  }

  #content .search.accbox label.searchlist:after {
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translate(0,-50%);
    content: '';
    width: 15px;
    height: 10px;
    background: url('/yukitakahashi/wp/wp-content/uploads/2018/04/sp_arrow.png') 0 0 no-repeat;
    background-size: 100% auto;
  }

  #content .search.accbox .accshow {
    border: solid 1px #d8d8d8;
    background: #fff;
    border-radius: 2px;
    position: absolute;
    top: calc(100% - 3px);
    left: 0;
    width: 100%;
    display: none;
  }

  #content .search.accbox div.search {
    padding: 0;
  }

  #content .search.accbox label.search.category {
    display: block;
    border-bottom: solid 1px #d8d8d8;
    font-size: 13px;
    padding: 8px 15px;
    font-weight: 300;
    color: #333;
  }
  #content .search.accbox label.search.category:last-child {
    border-bottom: none;
  }
  #content .search.accbox label.search:before {
    display: none;
  }

  #content .search.accbox label.search:after {
    display: none;
  }

  #content .search.accbox label.search input[type="radio"] {
    opacity: 0;
  }

  #content .search.accbox .wrap.content {

  }

  /*
  * ページング
  */
  .wp-pagenavi {
      width: 100%;
      position: relative;
      margin : 24px 0 0;
      padding: 0;
  }
  .wp-pagenavi span,
  .wp-pagenavi a{
       width : auto;
       height: 26px;
       line-height: 26px;
       margin: 0 7px 0 7px;
  }
  .wp-pagenavi .page{
       width : 24px;
       height: 26px;
       line-height: 26px;
  }
  .wp-pagenavi .current {
      padding: 0;
      border-radius: 2px;
      width : 24px;
      height: 26px;
      line-height: 26px;
  }
  .wp-pagenavi .first,
  .wp-pagenavi .last,
  .wp-pagenavi .extend{
      display: none;
  }
  .wp-pagenavi .prevpostslink,
  .wp-pagenavi .nextpostslink{
      margin : 0;
      padding: 0;
  }
  .wp-pagenavi .prevpostslink{
      left: 0;
  }
  .wp-pagenavi .nextpostslink{
      right: 0;
  }
  .wp-pagenavi .back-link {
      margin: 0;
  }
  .wp-pagenavi .forward-link,
  .wp-pagenavi .backward-link{
      margin: 0;
      padding-left: 0;
      padding-right: 0;
      /* display: block; */
  }
  .wp-pagenavi .prev-arrow,
  .wp-pagenavi .next-arrow,
  .wp-pagenavi .last-arrow {
      top: 6px;
  }

  .blockListMediaItem .textPartsMedia {
      padding: 0;
  }
}

@media screen and (max-width: 321px) {
    figure.imgParts {
        width: 100%;
    }
    .contentParts {
        width: calc(100% - 2px);
    }
}