@charset "UTF-8";
/* 追加フォント */
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap');

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

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

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

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

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


/* ヘッダーロゴ */
.logo-header img { width: 50%; }
@media(max-width:767px) {
.logo-header img { width: 40%; margin-bottom: 20px; }
}

/* ヘッダーロゴ下部のSNSエリア */
.add-header-contents .sns-buttons {
display: flex;
align-items: center;
flex-wrap: wrap;
align-content: center;
justify-content: center;
row-gap: 10px;
column-gap: 6px;
margin-top: 0.3em;
margin-bottom: 1em;
}
@media(max-width:767px) {
.add-header-contents .sns-buttons { display: none; }
}
/* ヘッダーロゴ下部のSNSアイコンカスタム */
.add-header-contents .sns-follow-buttons a {
background: #000!important;
border-radius: 50%;
border: none;
color: #fff;
width: 24px!important;
height: 24px;
margin: 0 15px;
font-size: 14px!important;
}
.add-header-contents .sns-follow-buttons a:hover { background-color: #999!important; }


/* リンクアイコン非表示 */
.anchor-icon { display: none; }


/* グローバルナビ下のアンダーライン */
.header-container-in.hlt-center-logo nav#navi { border-bottom: 1px solid #ddd; }
.header-container-in.hlt-top-menu nav#navi { border-bottom: 0; } /* スクロールしたら消す */

/* グローバルナビのフォント */
.navi-in .menu-header .item-label{
font-family: "Helvetica Neue", "Arial", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;
font-size:12px;
font-weight:600;
}
/* メニューテキストの余白 */
#navi .navi-in>ul>li>a { padding: 0 0.8em; }
/* スクロールしてヘッダー固定した時のロゴの大きさ変更 */
.header-container-in.hlt-top-menu .logo-header img {
max-height: 20px;
height: auto;
vertical-align: middle;
margin-bottom: 8px;/* 高さ調整のため */
}
.header-container-in.hlt-top-menu .logo-header img {
margin-bottom: 0px;
}



/*サブメニューの色を変更 */
#navi .navi-in > .menu-header .sub-menu { background: #fff; width: auto; }
#navi .navi-in > .menu-header .sub-menu a { background: #fff; border: 1px solid #ccc; border-top: 1px solid #ccc; }
#navi .navi-in > .menu-header .sub-menu a:last-child { border-top: 0; }
#navi .navi-in > .menu-header .sub-menu a:hover { color: #666; background: #ccc; }
/* メニュー＆サブメニュー高さを変更 */
.navi-in > ul li {
height: 40px; /* 初期値60px */
}
/* ナビメニュー ENGLISH */
li#menu-item-5936 {}
li#menu-item-5936 .item-label { padding-left: 1em; padding-right: 1em; font-size: 10px; color: #fff; background-color: #000; transition: all 0.5s 0s ease; }
li#menu-item-5936 .item-label:hover { background-color: #999; }
/* ナビメニュー ENGLISH スマホ時 */
.menu-drawer .menu-item-280 a { color: #fff; background-color: #000; }



/* パンくず */
.breadcrumb.sbp-main-before { margin-top: 0; }
#breadcrumb { }
#breadcrumb .breadcrumb-home span.fa-home, 
#breadcrumb .breadcrumb-item span.fa-folder { display: none; }
#breadcrumb .breadcrumb-item span.fa-angle-right { font-size: 10px; font-weight: 400; }
#breadcrumb a span.breadcrumb-caption {
font-family: "Helvetica Neue", "Arial", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;
font-size: 10px;
font-weight: 400;
color: #999;
}
/* 区切り「＞」の調整 */
.breadcrumb .sp { margin: 0 4px;}
.breadcrumb-home{
color: black;
font-size: 10px;
font-weight: 400;
color: #ccc;
}





/* ページ下部コンテンツ（フッターのすぐ上） */
.content-bottom { margin: 20px 0 0; padding:60px 0 1px; width: 100%; background-color: #f5f5f5; }
.content-bottom .wrap { width: 100%; }
.content-bottom .wrap aside { margin-bottom: 5px; line-height: 1.25; }

/* ページコンテンツ下部のロゴ */
div.bottom-logo { margin: 0px auto 40px; width: 160px; }
div.bottom-logo img { margin: 0; width: 100%; }
@media(max-width:767px) {
div.bottom-logo { width: 35%; }
}

/* ページコンテンツ下部のSNSアイコンBOX */
#sns_follow_buttons-6 {
margin-bottom:60px;
}

/* ページコンテンツ下部のSNSアイコンカスタムのタイトルフォント */
.widget-content-bottom-title.widget-title {
font-family: "Oswald", "Helvetica Neue", "Arial", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;
font-size: 20px;
font-weight: 400;
text-align: center;
margin-bottom: 10px;
}

/* ページコンテンツ下部のSNSアイコンカスタム */
.sns-follow-buttons a {
background: #f5f5f5!important;
border-radius: 50%;
border: none;
color: #000;
width: 32px!important;
height: 32px;
margin: 0 15px;
font-size: 18px!important;
}

/* ページコンテンツ下部のメニュー */
#footmenu { margin: 40px auto 0px; width: 80%; }
#footmenu ul { display: flex; flex-direction: row; justify-content: center; flex-wrap: wrap; text-align: center; padding-left: 0; }
#footmenu ul li {
list-style: none;
font-family: "Oswald", "Helvetica Neue", "Arial", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;
font-size: 12px;
font-weight: 400;
color: #000;
margin: 0;
padding: 0 1em;
border-left: 1px solid #000;
text-align: center;
}
#footmenu ul li:last-child { border-right: 1px solid #000; }
#footmenu ul li a { padding: 0!important; color: #000; text-decoration: none; }
#footmenu ul li a:hover { color: #999; text-decoration: none; }
@media(max-width:767px) {
#footmenu ul { flex-direction: column; }
#footmenu ul li { display: block; margin: 0 auto 0.5em; padding: 0 1em; border-right: 1px solid #000; }
#footmenu ul li:last-child { }
}




/* フッター */
#footer { margin: 0; padding-top: 0; padding-bottom: 40px; background-color: #f5f5f5; width: 100%; }

/* フッター ロゴを中心に */
.footer-bottom-logo { float: none; position: static; margin-bottom: 20px; }
/* フッター コピーライトを中心に */
.footer-bottom-content { 
float: none; text-align: center; 
font-family: "Oswald", "Helvetica Neue", "Arial", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;
font-size: 12px!important;
font-weight: 300!important;
}

/* フッター メニューを中心に */
.navi-footer-in > .menu-footer {
justify-content: center;
text-align: center;
}
/* フッター メニューフォント */
#footer, #footer a:not(.sns-button), .footer-title {
font-family: "Helvetica Neue", "Arial", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;
font-size: 12px!important;
font-weight: 600!important;
}

/* フッターのメニュー非表示 */
.footer-bottom { margin-top: 0!important; }
#navi-footer { display: none!important; }
/*フロント固定ページのタイトルを非表示*/
.home.page .entry-title { display: none; }
/*フロント固定ページの投稿日を非表示*/
.home.page .post-date{  display: block; }
/*フロント固定ページの更新日を非表示*/
.home.page .post-update { display: none; }
/*フロント固定ページの投稿者名を非表示*/
.home.page .author-info { display: none; }





/* フロント固定ページのMIAN */
.main { margin:0!important; padding:0!important; border:0!important; }


/* 見出し */
.entry-content h2, 
.entry-content h3, 
.entry-content h4, 
.entry-content h5,
.entry-content h6 {
font-family: "Helvetica Neue", "Arial", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;
font-weight: 600;
line-height: 1.5;
color: #000;
text-indent: 0;
margin: 0 0 1em!important;
padding: 0;
border: 0;
}
.entry-content h2 { font-size: 28px!important; margin-bottom: 0.5em!important; }
.entry-content h3 { font-size: 24px!important; }
.entry-content h4 { font-size: 20px!important; }
.entry-content h5 { font-size: 16px!important; }
.entry-content h6 { font-size: 14px!important; font-weight: 400; color: #666;  }
.entry-content p { 
font-size: 16px;
font-weight: 400;
line-height: 1.5;
margin-bottom: 2em;
color: #333;
}
.article strong {
font-weight: 600!important;
}




/* 検索フォーム サイズ変更 */
.widget_search {
margin: 80px auto;
width:40%!important;
}
.widget_search form input { border-radius: 0; }
@media(max-width:767px) {
.widget_search { width: 100%; }
}
/* 検索結果ページ上部の検索窓を非表示 */
#content-in #main form.search-box { display: none; }

/* もっと見るボタン */
.p-button { max-width: 200px; margin: 0 auto 40px; }
.p-button a {
    display: block;
    margin:25px 0;
    padding: 0.4em 0.6em;
	border: 1px solid #999999;
    border-radius: 0;
    color: #999999;
	font-family: "Helvetica Neue", "Arial", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
    background: #ffffff; /* 「もっと見る」ボタンの色*/
    text-align: center;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    opacity:1;
}
.p-button a:hover { box-shadow: none; transform: translateY(3px); opacity:1; }
@media(max-width:767px) {
.p-button { max-width: 80%; margin: 0 auto 80px; }
}



/************************************
** TOP画面カスタマイズ
************************************/
body .entry-content>*:first-child { margin-top: .1em !important; }
.content-top, 
.content-bottom { margin-top: 0; }
.page .breadcrumb,
.page .article-header,
.page .article-footer { display: none; }

/* H2タイトル */
h2.top_menu {
font-family: "Helvetica Neue", "Arial", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;
font-size: 18px!important;
background-color: #FFFFFF;
color: #000000;
overflow: hidden;
text-align: left;
margin: 0 0 0.5em 0em!important;
padding: 0 0 0 10px!important;
border-left: 2px solid #000000;
}
@media(max-width:767px) {
h2.top_menu {
font-size: 18px!important;
text-align: center!important;
margin: 0 0 0.5em 0em!important;
padding: 0!important;
border-left: 0!important;
}

}





/* トップページ WRAP */
.content-top-in.wrap { width: 90%; margin-bottom: -40px; }
@media(max-width:767px) {
.content-top-in.wrap { width: 90%; }
}


/* トップページ新着記事一覧ボックス */
.newartilcebox { margin: 0 auto 80px; width: 90%; }
/* 記事一覧 */
.widget-entry-cards {
    justify-content: space-between;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
	width: 100%;
	margin:0;
}
/* 新着記事一覧4カラム */
.widget-entry-cards.card-large-image .a-wrap {
	width: 24.0%;
    margin: 0 0 1em;
    max-width: none;
    background: white;
    padding: 1px;
}
.sidebar .widget-entry-cards.card-large-image .a-wrap {
    width: 100%;
    margin: 0;
}
.widget-entry-cards .a-wrap {
padding: 0;
}

.widget-entry-cards.card-large-image .a-wrap:nth-child(odd) {
    margin-right: 0%;
}
/*
.widget-entry-cards.card-large-image .a-wrap:nth-child(odd) {
    margin-right: 0.5%;
}
*/
.card-content {
padding-top: 10px;
line-height: 1.6;
}
.widget-entry-card-date {
    text-align: right;
}
/*(スマホ)768px以下の表示設定*/
@media(max-width:767px) {
.newartilcebox { margin: 0 auto 80px; width: 100%; }
.widget-entry-cards.card-large-image .a-wrap { width: 100%; } /*スマホで２列表示にさせたい場合は50％に変更する*/
.widget-entry-cards.card-large-image .a-wrap:nth-child(odd) { margin-right: 0; }
.widget-entry-cards.card-large-image .a-wrap:nth-child(n+5) { display: none; }
}

/* 記事一覧サムネイル画像 */
.widget-entry-cards.card-large-image figure {
float: none;
width: 100%;
margin-bottom: 5px;
}
/* 記事一覧テキストボックス */
.widget-entry-cards.card-large-image .card-content {
margin: 0 0 0.5em;
padding: 0;
}
/* 記事一覧テキストボックス 記事タイトル */
/* タイトルを2行までに */
.widget-entry-cards:not(.large-thumb-on) .card-title {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2; /* 文字数を2行に制限 */
overflow: hidden;
}
/* タイトル フォント */
.card-content .card-title {
font-family: "Helvetica Neue", "Arial", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif; 
font-size: 14px;
font-weight: 400!important;
line-height: 1.4;
margin-bottom: 5px;
color: #000000;
}
/* 記事一覧テキストボックス 記事本文 */
.widget-entry-cards:not(.large-thumb-on) .card-snippet {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2; /* 文字数を2行に制限 */
overflow: hidden;
font-family: "Helvetica Neue", "Arial", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;
font-size: 12px;
font-weight: 400;
line-height: 1.5;
margin-bottom: 0px;
color: #666666;
}


/* カテゴリーラベル */
.cat-label,
.blogcard-label {
font-style: "Helvetica Neue", "Arial", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;
font-size: 10px;
font-weight: 400;
color:#fff;
margin: 0;
padding: 0.2em 1em 0.3em;
border: none;
background-color: #000;
}
/* 記事一覧 日付表示 */
.widget-entry-card-date {
display: block;
text-align: left;
font-style: "Helvetica Neue", "Arial", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;
font-size: 14px;
color: #999999;
}
/*日付にアイコン追加*/
.widget-entry-card-post-date::before,
.widget-entry-card-update-date::before {
font-family: "Font Awesome 5 Free";
font-weight:800; 
padding-right: 3px; /*右余白*/
font-size:10px;
}

/*投稿日アイコン*/
.widget-entry-card-post-date::before { content: "\f017"; /*fa fa-clock-oアイコン*/ }
/*更新日アイコン*/
.widget-entry-card-update-date::before { content: "\f1da"; /*fa-historyアイコン*/ }


/* トップページ記事一覧3カラム */
/* フレックスボックス */
.artilcebox { display: flex; flex-direction: row; margin: 0 auto 80px; width: 80%; }
.artilcebox div.cate { margin: 0; margin-right: 1.55%; width: 32.3%; }
.artilcebox div.bbb:last-child { margin-right: 0; }
/* フレックスボックス内 記事を縦方向に */
.artilcebox div.cate .widget-entry-cards { flex-direction: column; }
.artilcebox div.cate .widget-entry-cards.card-large-image .a-wrap { width: 100%; }
/*(スマホ)768px以下の表示設定*/
@media(max-width:767px) {
.artilcebox { flex-direction: column; width: 100%; flex-wrap: wrap; }
.artilcebox div.cate { margin: 0; margin-right: 0; width: 100%; }
}

/* 新着記事の右側のマージン削除 */
.widget-entry-cards.card-large-image .a-wrap:nth-child(odd) { margin-right: 0; }

/* スマホ時 記事一覧数変更 */
@media(max-width:767px) {
.newartilcebox .new-entry-cards a:nth-child(n+3) { display: none!important; } /* 2個まで表示 */
.cate .new-entry-cards a:nth-child(n+3) { display: none!important; } /* 2個まで表示 */
}
/* スマホ時 記事一覧数変更（WhatsNewページ）20記事まで表示 */
@media(max-width:767px) {
div.whats .widget-entry-cards.card-large-image .a-wrap:nth-child(-n+20) { display: block!important; }
}
/* スマホ時  */
@media(max-width:767px) {
.widget-entry-cards.card-large-image .a-wrap { margin-bottom: 10px; } 
}



/* =================================
フロントページ マガジンBOX
==================================*/
#magazinebox { position: relative; margin: 80px 0 80px; padding: 80px 0; width: 100%; background: /*url(http://gianna-magazine.jp/wp-content/uploads/2025/01/gianna-mag-bg.jpg) 50% 50% no-repeat*/ #ddd; background-size: cover; overflow: hidden; }
#magazinebox section { display: flex; flex-direction: row; flex-wrap: wrap; width: 80%; margin: 0 auto; padding: 0; }
#magazinebox section article { margin: 0 1%; width: 48%; display: flex; flex-direction: row; align-items: center; }
#magazinebox section article div { margin: 0 1%; width: 48%; }
#magazinebox section article div img { width: 100%; }
#magazinebox section article div h3 {
font-family: "Helvetica Neue", "Arial", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;
font-size: 18px!important;
font-weight: 600;
line-height: 1.25;
color: #000;
margin: 0 0 0.25em!important;
padding: 0;
border: 0;
background: none;
text-align: left!important;
}
#magazinebox section article div p {
font-family: "Helvetica Neue", "Arial", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;
font-size: 12px!important;
font-weight: 400;
line-height: 1.5;
color: #000;
margin: 0!important;
text-align: left!important;
}
#magazinebox section article div a.more { 
display: inline-block;
margin: 1em 0 0;
padding: 0.4em 2em;
border: 1px solid #000;
border-radius: 0;
color: #000;
font-family: "Helvetica Neue", "Arial", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;
font-size: 10px;
font-weight: 400;
text-decoration: none;
background: none;
text-align: center;
-webkit-transition: all 0.3s;
transition: all 0.3s;
opacity: 0.8;
}
#magazinebox section article a.more:hover { box-shadow: none; transform: translateY(3px); opacity:1; }
@media(max-width:767px) {
#magazinebox { padding: 60px 0; }
#magazinebox section { flex-direction: row; margin: 0 auto; width: 100%; }
#magazinebox section article { margin: 0 auto; width: 90%; display: flex; flex-direction: row; justify-content: center; align-items: start; }
#magazinebox section article:last-child { display: none; }
#magazinebox section article div { margin: 0 1%; width: 98%; }
#magazinebox section article div img { margin-bottom: 0; }
#magazinebox section article div h3 { font-size: 16px!important; }
#magazinebox section article div p { margin-bottom: 1em!important; font-size: 12px!important; }
#magazinebox section article a.more { display: block!important; margin: 0!important; font-size: 12px; width: 100%!important; }
}
/* =================================
/フロントページ マガジンBOX
==================================*/






/* =================================
サイドバー
==================================*/
#sidebar { /*padding-top: 0;*/ }
/* サイドバー下部のデフォルト表示箇所を非表示 */
#sidebar #sidebar-scroll.sidebar-scroll { display: none; }
/* サイドバーコンテンツの下マージン */
#sidebar aside { margin-bottom: 40px; }
#sidebar aside.search-4 { margin-bottom: 10px!important; }
/* サイドバー上部の検索窓 */
.widget-sidebar.widget-sidebar-standard.widget_search {
margin: 0 0 10px;
width: 100%!important;
font-size: 12px;
}
.widget-sidebar.widget-sidebar-standard.widget_search form input { 
border-radius: 0!important; 
}
.search-box { margin: 1em 0; }
/* サイドバー上部の検索窓下のおすすめボタン */
div.search-under { display: flex; flex-direction: row; flex-wrap: wrap; margin: 0 0 40px; padding: 0; width: 100%; }
div.search-under a { display: block; margin: 0 5px 5px 0; padding: 0.25em 1em; background-color: #999; color: #fff; font-size: 10px; font-weight: 400; font-family: "Helvetica Neue", "Arial", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif; text-decoration: none; }
/* サイドバー ウィジェットタイトル */
h3.widget-sidebar-title.widget-title {
font-family: "Helvetica Neue", "Arial", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;
font-size: 14px;
font-weight: 600;
text-align: left;
margin: 0 0 1em 0!important;
padding: 0 0 0 10px!important;
border-left: 2px solid #000000;
}
/* サイドバー ウィジェット */
/* 新着記事画像サムネイル */
#new_entries-2 a.a-wrap { padding: 0;}


/* 新着記事タイトル */
#new_entries-2 .card-title {
font-size: 12px;
line-height: 1.25;
margin-bottom: 0!important;
padding: 0;
}
/*  */
.new-entry-card-content.widget-entry-card-content.card-content 
.widget-entry-card-date { line-height: 1.1; }
/* スマホ時 */
@media(max-width:767px) {
}

/* =================================
/サイドバー
==================================*/



/* =================================
メインカラム
==================================*/
.content { margin-top: 20px; margin-bottom: 160px; width: 100%; }
@media(max-width:767px) {
.content { margin-bottom: 80px; margin-left: auto; margin-right: auto; width: 92%; }
}
main#main { margin-top: 0; padding-top: 0px; }
main#main h1 {
font-family: "Helvetica Neue", "Arial", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;
font-size: 20px;
background-color: #FFFFFF;
color: #000000;
overflow: hidden;
text-align: left;
margin: 0 0 1em 0.4em!important;
padding: 0 0 0 10px!important;
border-left: 2px solid #000000;
}
main#main h1 span { display: none; } /* h1のアイコン非表示 */
/* メインカラム > 記事一覧 */
main#main .list { }
/* 3カラムを2カラムに（デフォルトじは33％） */
a.entry-card-wrap { width: 49%!important; }
@media(max-width:767px) {
a.entry-card-wrap { width: 100%!important; }
}
/* サムネイル画像 */
.list a.entry-card-wrap.a-wrap article.entry-card figure.entry-card-thumb {
margin-bottom: 0;
}
/* 記事一覧テキストボックス 記事タイトル */
/* 文字数はfunction.php */
.list a.entry-card-wrap.a-wrap article.entry-card .card-content h2.card-title {
font-family: "Helvetica Neue", "Arial", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif; 
font-size: 14px;
font-weight: 400;
line-height: 1.4;
margin-top: 0!important;
margin-bottom: 5px;
color: #000000;
}
/* 記事一覧テキストボックス 記事本文 */
/* 文字数はfunction.php */
.list a.entry-card-wrap.a-wrap article.entry-card .card-content div.entry-card-snippet {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
overflow: hidden;
font-family: "Helvetica Neue", "Arial", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;
font-size: 12px;
font-weight: 400;
line-height: 1.5;
margin-bottom: 0px;
color: #666666;
}
/* 日付 */
.e-card-info {
justify-content: flex-start;
}
.entry-date {
font-family: "Helvetica Neue", "Arial", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;
font-size: 10px;
font-weight: 400;
line-height: 1.1;
color: #999999;
}
.post-date span {
font-size:10px;
color:#999999;
}

/* ページネーション */
.pagination { margin: 0; }
/* ページ番号 */
.pagination .page-numbers {
font-family: "Helvetica Neue", "Arial", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;
font-size: 14px;
font-weight: 500;
border: 1px solid #ccc;
border-radius: 50%;
color: #333;	
}
/* 矢印 */
.pagination .page-numbers.next, 
.pagination .page-numbers.prev
{ border: 0; }
/* 次のページへ テキスト */
.pagination-next {
font-family: "Helvetica Neue", "Arial", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 1.1;
color: #333;
text-decoration: underline;
}
/* =================================
/メインカラム
==================================*/



/* =================================
投稿ページ
==================================*/
/* タイトル */
main#main h1.entry-title {
margin-left: 0!important;
padding-left: 0!important;
border: 0!important;
font-size: 24px!important;
}
/* 記事ページ 上部サムネイル画像を非表示 */
article .eye-catch-wrap { 
display: none; 
}
/* 記事ページ 記事更新日を非表示 */
.date-tags .post-update {
display: none; 
}
/* 本文 */
.entry-content p {
font-family: "Helvetica Neue", "Arial", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 1.75;
color: #333;
}
.entry-content p a {
color: #336699;
text-decoration: none;
}










/* コンテンツ下部 */
.article-footer.entry-footer {
display: none; 
}

/* 関連記事 */
/* 関連記事ボックス */
aside#related-entries {
padding-top: 20px;
padding-bottom: 0px;
border-top: 1px dotted #ccc;
border-bottom: 1px dotted #ccc;
}
/* 関連記事ボックス 個別の大きさ */
.rect-mini-card .related-entry-card-wrap {
width: 48%;
margin-right: 1%;
padding: 0;
}
/* 関連記事タイトル */
h2.related-entry-heading {
font-family: "Helvetica Neue", "Arial", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;
font-size: 18px;
background-color: #FFFFFF;
color: #000000;
overflow: hidden;
text-align: left;
margin: 0 0 1em 0!important;
padding: 0 0 0 10px!important;
border-left: 2px solid #999999;
}
/* 関連記事FLOATカスタマイズ */
article.related-entry-card {
width: 100%;
}
/* サムネイル */
article.related-entry-card figure.related-entry-card-thumb {
float: left;
margin-top: 0;
margin-bottom:0;
margin-right: 2%;
width: 38%;
}
/* サムネイル上のカテゴリ非表示 */
.related-entry-card-thumb.card-thumb.e-card-thumb span { display: none; }
/* タイトル */
.rect-mini-card.related-entry-card-content { margin-left: 0; }
.card-content { padding-top: 2px; line-height: 1.4; }
.related-entry-card-content, .entry-card-content { padding-bottom: 0; }
.related-entry-card-content { margin-left: 0px; }
.related-entry-card-content > .card-title {
font-family: "Helvetica Neue", "Arial", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;
font-size: 14px!important;
font-weight: 400!important;
line-height: 1.4;
margin-bottom: 0;
color: #333333;
}
/* =================================
/投稿ページ
==================================*/




/* =================================
固定ページ 
==================================*/

/* =================================
/固定ページ
==================================*/





/* =================================
固定ページ モデル
==================================*/
/* 個別カラム */
.tmm_member {
width: 29%;
margin: 0px 3px 6px!important;
padding: 0!important;
border: 0!important;
background-color: #efefef!important;
}
/* 写真 */
.tmm_photo {
width: 60%!important;
margin-top: 5%!important;
padding-bottom: 60%!important;
border: 0!important;
box-shadow: none;
border-radius: 50% !important; /* ここの指定が効かないから「team-members/inc/css/tmm_style.css」を直接編集 */
}
/* first name */
.tmm_fname {
display: block!important;
font-family: "Helvetica Neue", "Arial", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif!important;
font-size: 20px!important;
font-weight: 600!important;
line-height: 1.25;
text-transform: uppercase;
margin-bottom: 0em!important;
color: #000;
text-align: center;
}
/* last name */
.tmm_lname {
font-family: "Helvetica Neue", "Arial", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;
font-size: 12px!important;
font-weight: 500!important;
line-height: 0.5;
margin-bottom: 2em!important;
color: #666!important;
text-align: center;
}
/* 肩書 */
.tmm .tmm_theme_f .tmm_job {
font-family: "Helvetica Neue", "Arial", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif!important;
font-size: 14px!important;
font-weight: 400;
color: #000;
}


/* SPECIALCONTENTSページ 新着記事一覧2カラム */
#specialcontents .widget-entry-cards.card-large-image .a-wrap {
	width: 49.0%;
    margin: 0 0 1em;
    max-width: none;
    background: white;
    padding: 1px;
}
/* カテゴリーラベル非表示 */
#specialcontents .cat-label { display: none; }
#specialcontents .new-entry-card-update-date { display: none; }
/* SPECIALCONTENTSページ スマホ */
@media(max-width:767px) {
#specialcontents .widget-entry-cards.card-large-image .a-wrap { 
width: 100%; /*スマホで２列表示にさせたい場合は50％に変更する*/
}
}
/* SPECIALCONTENTSページ 段落カスタム */
#specialcontents blockquote { padding: 0; }



/* div.webcontents コンテンツページ */
div.webcontents { margin: 60px 0; padding: 0 0 0 5px; }
/* div.webcontents テキスト */
div.webcontents h1,
div.webcontents h2,
div.webcontents h3,
div.webcontents h4,
div.webcontents h5,
div.webcontents h6,
div.webcontents p {
margin: 0;
padding: 0;
border: 0;
font-family: "Helvetica Neue", "Arial", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;
font-weight: 600;
text-align: left;
text-indent: 0;
line-height: 1.25;
color: #000;
}
div.webcontents h2 {
margin-bottom: 0.5em;
font-size: 32px;
line-height: 1.1;
}
div.webcontents h3 {
margin-bottom: 0.5em;
font-size: 28px;
line-height: 1.1;
}
div.webcontents h4 {
margin-bottom: 0.5em;
font-size: 24px;
line-height: 1.1;
}
div.webcontents h5 {
margin-bottom: 0.5em;
font-size: 20px;
line-height: 1.1;
}
div.webcontents h6 {
margin-bottom: 0.5em;
font-size: 16px;
line-height: 1.1;
}
div.webcontents p {
margin-bottom: 1em;
font-size: 14px!important;
font-weight: 400;
line-height: 1.5;
color: #333;
}
div.webcontents.center h1,
div.webcontents.center h2,
div.webcontents.center h3,
div.webcontents.center h4,
div.webcontents.center h5,
div.webcontents.center h6,
div.webcontents.center p {
text-align: center; 
}
/* リスト */
div.webcontents ul,
div.webcontents ol { margin: 0 0 1em; padding: 0; padding-left: 1.5em;　}
div.webcontents ul li,
div.webcontents ol li {
margin-bottom: 0;
font-size: 13px;
font-weight: 400;
line-height: 1.5;
color: #666;
}
/* 区切り線 */
div.webcontents hr {
margin: 20px 0;
padding: 0;
border: 0;
border-bottom: 1px solid #aaa;
width: 100%;
}
/* div.webcontents テーブル */
div.webcontents table { margin: 0 0 20px; border-collapse: collapse; width: 100%; }
div.webcontents th,
div.webcontents td {
padding: 0.75em 1em;
border-bottom: 1px solid #ddd;
border-collapse: collapse;
font-family: "Helvetica Neue", "Arial", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;
font-size: 12px;
font-weight: 400;
text-align: left;
line-height: 1.5;
color: #000;
}
div.webcontents td {
color: #666;
}
@media(max-width:768px) {
div.webcontents th { display: block; width: 100%; background-color: #efefef; font-size: 14px; }
div.webcontents td { display: block; width: 100%; font-size: 14px; }
}

/* 横並びリンクボタン */
div.linkbtn { display: flex; flex-direction: row; margin: 0 0 40px; }
div.linkbtn a {
margin: 0 10px 0 0;
padding: 0.75em 1em;
border: 0;
font-size: 14px;
line-height: 1.1;
text-decoration: none;
color: #fff;
background-color: #000;
transition: all 0.5s 0s ease;
}
div.linkbtn a:hover{
background-color: #999;
}
@media(max-width:768px) {
div.linkbtn { display: flex; flex-direction: column; margin: 0 0 40px; }
div.linkbtn a { margin: 0 0 5px; width: 100%; }
}


/* テキストの後ろにライン */
.head-border {
    display: flex;
    align-items: center;
}
.head-border:after {
    content: "";
    height: 1px;
    flex-grow: 1;
    background-color: #ccc;
}
.head-border:after {
    margin-left: 1em;
}



/* トップページ マガジン紹介 */
/* SWIPER設定 --- JS設定は親テーマのfooter.php */
#magazine { 
	margin: 0 0 60px!important; 
	padding: 60px 0!important; 
	width: 100%; 
	min-height: 300px; 
	background-color: #ddd; 
}
.swiper { 
	margin: 0 5%; 
	width: 90%; 
}
.swiper-slide {
	padding: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 40px;
    font-weight: bold;
    background-color: inherit;
}
.swiper-slide article { 
	margin: 0 10%; 
	padding: 0;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	width: 80%;
}
.swiper-slide article div {
	margin: 0 1%;
	width: 43%;
}
.swiper-slide article div:last-child {
	margin: 0 1%;
	width: 53%;
}
.swiper-slide article div img { 
	margin: 0 auto;
	width: 100%; 
}
.swiper-slide article div h3 {
	margin: 0!important;
	font-family: "Helvetica Neue", "Arial", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;
	font-size: 16px!important;
}
.swiper-slide article div p {
	margin: 0!important;
	padding: 0!important;
	font-family: "Helvetica Neue", "Arial", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;
	font-size: 12px!important;
	font-weight: 400;
	line-height: 1.5;
}
.swiper-slide article div a.more { 
display: block;
margin: 0.75em 0 0!important;
padding: 0.4em 2em;
border: 1px solid #000;
border-radius: 0;
color: #000;
font-family: "Helvetica Neue", "Arial", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", sans-serif;
font-size: 10px;
font-weight: 400;
line-height: 1.1;
text-decoration: none;
background: none;
text-align: center;
-webkit-transition: all 0.3s;
transition: all 0.3s;
opacity: 1.0;
width: 50%;
}
.swiper-slide article div a.more:hover { 
	opacity: 0.5;
}
/* スマホ */
@media(max-width:768px) {
.swiper { margin: 0 5%; width: 90%; }
.swiper-slide article { margin: 0%; width: 100%; }
.swiper-slide article div  { margin: 0 1%; width: 43%; }
.swiper-slide article div:last-child { margin: 0 1%; width: 53%; }
.swiper-slide article div a.more { width: 100%; }
}





/* ページネーション */
.swiper-pagination-bullet {
	display: none!important;
	border-radius: 0;
	width: 20px;
	height: 3px;
	transition: 0.3s;
	background: #000!important;
}
.swiper-pagination-bullet-active {
	background: #000!important;
	width: 32px;
}
/* ナビゲーション */
.swiper-button-prev,
.swiper-button-next {
	display: none!important;
	position: absolute;
	z-index: 1;
	top: 0;
	bottom: 0;
	margin: auto;
}
.swiper-button-prev { left: 0; }
.swiper-button-next { right: 0; }
.swiper-button-prev:after,
.swiper-button-next:after { color: #fff; }