@charset "UTF-8";
/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    0.0.2
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/* トップページの崩れ対策 */
#list, .list-wrap {
  margin-bottom: 0em;
}
.entry-category {
  display: none;
}


/* メニューを左寄せにする */
#navi .navi-in > ul > li {
size:13px;
	width: initial;
  margin: -25px 5px 0px 18px;
}
/* メニューの高さ調整 */
.navi-in > ul li {
  line-height: 40px;
	height: initial;
}

/* メニュー文字右端の記号設定 */
.navi-in > ul > .menu-item-has-children > a::after {
    right: 30px;
	top: 30px;
}
.navi-in .has-icon {
  right: -12px !important;
  top: 0px !important;
}

/* メニュー文字列の調整 */
.navi-in > ul {
    justify-content: initial;
    font-weight: 600;
    border-bottom: solid 1px #CCCCCC;
  margin: 15px 20px;
}
.navi-in a {
  font-size: 15px;
}

/* サブメニューの設定 */
.navi-in > ul .sub-menu {
     padding-top: 0px;
   border: solid 1px #CCCCCC;
    border-radius: 10px;
}

/* メニューにホバー色をつける */
#navi .navi-in a:hover {
	background-color: #eee;
}


/* サイドバーウィジェットの調整 */
.widget-entry-cards figure {
    width: 90px;
}

.widget-entry-cards .widget-entry-card-content {
    margin-left: 100px;
}

/* サイドバー本体の調整 */
.sidebar {
    width: 270px;
}

.sidebar h3 {
    background-color: initial;
    padding: 5px 5px;
    margin: 10px 0;
    border-bottom: solid 1px #dddddd;
}

/* SNSNボタン関係 
.sns-follow-buttons a {
    width: 40px;
} */

.sns-share-message, .sns-follow-message {
    text-align: initial;
}

.sns-share.ss-bottom.ss-high-and-low-cl a .button-caption.button-caption {
    display:none;
}

.sns-share-buttons a{
    margin-right: 5px;
}

.sns-share.ss-top.ss-col-6 a, .sns-share.ss-bottom.ss-col-6 a {
    width: 6%;
}

.sns-share-buttons {
    justify-content: initial;
}

.sns-follow-buttons a {
    font-size: 25px;
    padding: 3px;
}

/* フッターの調整 */
.footer {
    background-color: #F2FBFF;
    font-size: 13px;
}

.footer-bottom {
    font-size: 12px;
}

.sidebar .sns-follow-buttons a, .footer .sns-follow-buttons a {
    width: initial;
    margin-right: 5px;
}

.sidebar .sns-follow-buttons, .footer .sns-follow-buttons {
    flex-wrap: initial;
    justify-content: initial;
}
/* 検索フィールドの改変*/
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea, select {
    padding: 7px;
    border: 1px solid #cccfd2;
    font-size: 15px;
    width: 100%;
    border-radius: 15px;
}

/*.cat-label {
    background-color: #777777;
}*/

/* サムネイル画像まわりの調整 */
img.alignright, .wp-caption.alignright {
    margin-left: 25px;
}

/*.wp-caption {
    border: 1px solid #cccfd2;
    border-radius: 15px;
    background-color: #eaf5ff;
}

.wp-caption img {
    border-radius: 15px;
}*/

.wp-caption {
   padding-top: initial;
    border: initial;
    border-radius: initial;
    background-color: initial;
    text-align: right;
    max-width: 100%;
}

.wp-caption-text, .gallery-caption {
    font-size: 7pt !important;
	margin-top: -10px;
}

img.alignleft, .wp-caption.alignleft {
    margin-right: 25px;
}

/* トップページのセクション区切り */
.toppage-section {
    border: 1px solid #cccfd2;
    border-radius: 15px;
    padding: 10px 10px 0px 25px;
	margin-bottom: 10px;
}

.entry-card-title-top {
  font-size: 17px;
  margin: 0;
  line-height: 1.2;
  margin-bottom: 5px;
  margin-top: 10px;
/*  font-weight: bold;*/
}

.entry-card-thumb-toppage {
    width: 160px;
}

.entry-card-snippet-toppage {
    font-size: 13px;
    text-align: justify;
    max-height: 6em;
    line-height: 1.4;
    overflow: hidden;
}

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

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

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

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}
/*blockquote {
    background-color: #fafbfc;
    border: 3px solid #e5eff8;
    margin: 1em 0;
    padding: 10px 1.2em;
    position: relative;
}*/

/*.cat-label {
    background-color: #333333;
    border-radius: 3px;
    color: white		   ;
}*/

/*****
* トップページ用マルチカラム
******/
#twocolumn {
    overflow: hidden;
}

#twocolumn-left {
    float: left;
    width: 48.8%;
    border: 1px solid #cccfd2;
    border-radius: 15px;
    padding: 10px 10px 0px 25px;
    margin-right: 8px;
	margin-bottom: 10px;
}

#twocolumn-right {
    float: right;
    width: 48.8%;
    border: 1px solid #cccfd2;
    border-radius: 15px;
    padding: 10px 10px 0px 25px;
}

.ect-vertical-card-nob .entry-card-wrap {
    width: 100%;
    display: inline-block;
    margin-bottom: 12px;
}
.entry-card-wrap2 {
    width: 100%;
    display: inline-block;
    margin-bottom: 12px;
}

.widget-entry-card-date {
  display: block;
}

/* All in One Event Calendar用設定 */
.ai1ec-field-label {
    font-size: 16px;
}

/*.ai1ec-agenda-widget-view .ai1ec-event > a {
	border: initial;
	border-radius: initial;
}*/

.ai1ec-single-event {
    line-height: 30px;
}

.ai1ec-single-event .ai1ec-recurrence, .ai1ec-multi-event .ai1ec-recurrence {
    vertical-align: initial;
    padding-left: 10px;
}

/*.ai1ec-agenda-widget-view .ai1ec-month, .ai1ec-agenda-view .ai1ec-month {
    background: #509AD4;
 }*/

.ai1ec-agenda-widget-view .ai1ec-event > a {
    color: #3d6b99;
    display: block;
    background: #fff;
    border: initial;
}

/*.ai1ec-agenda-widget-view .ai1ec-event > a {
    color: #167abe;
	border: none;
}*/

.ai1ec-agenda-widget-view .ai1ec-date-title, .ai1ec-agenda-view .ai1ec-date-title {
    color: #666666;
 }

.timely {
/*    line-height: 30px; */
	color: #515151;
}

.ai1ec-agenda-widget-view .ai1ec-date-events {
    margin: 0 0.5em 0 0;
    line-height: 13px;
}

/* リンクの下線を消す*/
a {
text-decoration: none;
}

/* 新着記事一覧ウィジェットにカテゴリラベルを付ける */
.widget-entry-cards .cat-label {
    display: inline; 
    font-size: 9px;
}

/* 引用文をさわらびフォント化して調整 */
blockquote {
    position: relative;
    padding: 5px 10px 5px 32px;
    box-sizing: border-box;
    background: #fbeef7;
	border:none;
	font-family: 'Sawarabi Mincho';
	font-size: 15px;
}

blockquote:before{
    display: inline-block;
    position: absolute;
    top: 10px;
    left: -15px;
    width: 40px;
    height: 30px;
    vertical-align: middle;
    text-align: center;
    content: "\f10d";
    font-family: FontAwesome;
    color: #FFF;
    font-size: 18px;
    line-height: 30px;
    background: #efa8cb;
    font-weight: 900;
}

blockquote:after{
    position: absolute;
    content: '';
    top: 40px;
    left: -15px;
    border: none;
}

blockquote p {
    position: relative;
    padding: 0;
    margin: 10px 0;
    z-index: 3;
    line-height: 1.7;
	font-family: 'Sawarabi Mincho';
	font-size: 17px;
}

blockquote cite {
    display: block;
    text-align: right;
    color: #888888;
    font-size: 0.9em;
	font-family: 'Sawarabi Mincho';
}

.fa-lg {
    font-size: 1.4em !important;
    line-height: .10em !important;
    vertical-align: initial !important;
}

#shadow-init {
    box-shadow: initial !important;
}

.widget-entry-card {
    font-size: 13px;
}

.navi-in .has-icon {
    position: absolute;
    right: 6px;
    top: 8px;
    display: inline-block;
    opacity: .7;
    font-size: 14px;
}

.notice-area-link {
    display: block;
    text-decoration: none;
    width: 1004px;
    text-align: center;
    margin: auto;
	max-width: 100%;
}

.recommended .card-content {
    font-size: 11px;
    text-align: center;
    font-weight: 800;
}

/* エントリーカードの抜粋を表示しない */
.entry-card-snippet, .related-entry-card-snippet {
    display: none;
}

/* 通知エリアの横幅と文字の太さを変える */
.notice-area-link {
	width: 980px;
}
.notice-area {
    font-weight: 600;
}

/*ウィジェットのメッセージ更新部分用*/
.tm_lcptu_post_title {
    font-size: 13px;
	line-height:1.3;
}

.tm_lcptu_post_title_link {
	color:#333;
	margin-right:22px;
}

.tm-latest-updates.tm_lcptu_with_thumbnails {
    font-size: 10px;
}

.tm_lcptu_post_thumbnail{
    width:95px;
	height:50px;
	margin-right:7px;
	margin-left:5px;
}

.tm-latest-updates.tm_lcptu_with_thumbnails li {
	margin-bottom: 20px;
    position: relative;
}

.tm-latest-updates.tm_lcptu_with_thumbnails li::after {
display: block;
content: '';
position: absolute;
top: 50%;
bottom: 0;
right: 20px;
width: 6px;
height: 6px;
border-top: solid 2px #697b91;
border-right: solid 2px #697b91;
transform: rotate(45deg);
margin-top: -3px;
}


/* h5をちいさく */
.article h5, .article h6 {
	border-bottom: 1px solid #d0e0f3;
	font-size: 16px;
    padding: 9px 15px;
}

/* h3のデザイン変更 */
.article h3 {
    border-left: 40px solid #d0e0f3;
    border-right: none;
    border-top: none;
    border-bottom: none;
    font-size: 22px;
    padding: 12px 20px;
}

.article h4 {
    border-top: none;
    border-bottom: none;
    background-color: #eef8ff;
}

.upw-posts .entry-image img {
  max-width: 90px;
  height: auto;
}

.upw-posts .entry-title a {
  text-decoration: none;
  font-size: 14px;
}

/*******************************************************
 * 最近のPodcast（RPWE）を「新着記事」ウィジェットと完全一致させる設定
 *******************************************************/

/* リスト全体の初期化 */
#rpwe_widget-2 .rpwe-ul {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 各カードアイテム（新着記事の .widget-entry-card-link と同一の余白・配置） */
#rpwe_widget-2 .rpwe-li {
    position: relative !important;
    display: block !important;
    padding: 5px !important;
    margin: 0 0 14px 0 !important;
    border: none !important;
    list-style-type: none !important;
    background-color: transparent !important;
    transition: background-color 0.3s ease-in-out, opacity 0.3s ease-in-out !important;
    clear: both !important;
    box-sizing: border-box !important;
    min-height: 60px !important;
}

/* カードのホバー効果（Cocoon標準と同一） */
#rpwe_widget-2 .rpwe-li:hover {
    background-color: rgba(0, 0, 0, 0.03) !important;
}

/* 右端の矢印アイコン（新着記事の .card-arrow と同一形状・位置） */
#rpwe_widget-2 .rpwe-li::after {
    content: '' !important;
    display: block !important;
    position: absolute !important;
    top: 50% !important;
    right: 20px !important;
    width: 6px !important;
    height: 6px !important;
    border-top: solid 2px #697b91 !important;
    border-right: solid 2px #697b91 !important;
    transform: rotate(45deg) !important;
    margin-top: -3px !important;
}

/* サムネイル画像（新着記事と同一：幅90px、高さ約50.6px [16:9]、左フロート） */
#rpwe_widget-2 .rpwe-img {
    float: left !important;
    display: block !important;
    width: 90px !important;
    height: 50.625px !important;
    margin: 3px 10px 4px 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: none !important;
}

#rpwe_widget-2 .rpwe-thumb {
    width: 90px !important;
    max-width: 90px !important;
    height: 50.625px !important;
    object-fit: cover !important;
    display: block !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    float: none !important;
}

/* 記事タイトル（新着記事と同一：フォントサイズ13px、太字700、行高1.3、右余白22px、左マージン100px） */
#rpwe_widget-2 .rpwe-title {
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    margin: 0 22px 3px 100px !important;
    padding: 0 !important;
    background: none !important;
    border: none !important;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    overflow: hidden !important;
}

#rpwe_widget-2 .rpwe-title a {
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    color: #4f4f4f !important;
    text-decoration: none !important;
    display: inline !important;
    padding: 0 !important;
    margin: 0 !important;
}

#rpwe_widget-2 .rpwe-title a:hover {
    color: #167abe !important;
}

/* 配信日（新着記事と同一：フォントサイズ9.1px、グレー色、時計アイコン付き） */
#rpwe_widget-2 .rpwe-time {
    display: block !important;
    font-size: 9.1px !important;
    color: #777777 !important;
    margin: 0 22px 0 100px !important;
    padding: 0 !important;
    line-height: 1.2 !important;
}

#rpwe_widget-2 .rpwe-time::before {
    content: "\f017" !important;
    font-family: FontAwesome, "Font Awesome 5 Free" !important;
    font-weight: 400 !important;
    margin-right: 4px !important;
    color: #999999 !important;
}