@charset "UTF-8";

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


/************************************
** フォントの指定
************************************/
body, h2, h3, h4, p {
    font-family: "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", "メイリオ", Meiryo,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","MS PGothic","MS Pゴシック",Osaka,Arial,Helvetica,sans-serif !important;
}
/*トップページ画像タイトルロゴ*/
.additional_text{
  font-family:  "メイリオ", Meiryo,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","MS PGothic","MS Pゴシック",Osaka,Arial,Helvetica,sans-serif !important;
}

/*トップページブログの枠線非表示*/
.elementor-128 .elementor-element.elementor-element-566f6fd .eael-grid-post-holder {
    border: none;
}
@media screen and (max-width: 480px){
/*トップページブログのスベニット非表示*/
.eael-grid-post-excerpt p {
    display: none;
}
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
    .entry-card-title, .related-entry-card-title {
    color: #fd7beb;
}
/*トップページプロフィール、左右のブレ修正*/
.elementor-128 .elementor-element.elementor-element-14ededf > .elementor-element-populated {
    overflow: hidden !important;
}
/*トップページプロフィール上の白文字指定 */
.entry-card-title, .related-entry-card-title {
    color: #fd7beb;
}
.elementor-128 .elementor-element.elementor-element-b7654b0 > .elementor-container {
    flex-direction: column;
}
.elementor-128 .elementor-element.elementor-element-6176167 {
    order: 1;
 }
.elementor-128 .elementor-element.elementor-element-0571c14 {
    order: 2;
}
.elementor-128 .elementor-element.elementor-element-59f77dd {
    color: #545353 !important;
    font-size: 16px !important;
}
	.elementor-128 .elementor-element.elementor-element-6176167 {
    margin-top: 100px;
}
/*スマホヘッダーロゴ非表示*/
.header-container-in.hlt-top-menu .header {
    background-image: none;
    display: none !important;
}
/*スマホメニューロゴセンター*/
.metaslider img {
    margin: auto !important;
}
}

/*834px以下*/
@media screen and (max-width: 834px){
.elementor-128 .elementor-element.elementor-element-89745a1 {
    margin-top: 0px !important;
}
/* サーチエリアの左右の空き */
.widget_search {
    padding: 0 0.5em !important;
}	
}
/* ブログの投稿文字サイズ*/
.elementor-128 .elementor-element.elementor-element-566f6fd .eael-entry-title a {
    font-size: 0.85em !important;
}
.elementor-128 .elementor-element.elementor-element-566f6fd .eael-entry-title {
    line-height: 1.2em;

}
.eael-grid-post .eael-entry-wrapper, .eael-grid-post .eael-entry-footer {
    padding: 5px !important;
}
/*スマホ-ブログの投稿文字サイズ*/
@media screen and (max-width: 480px){

.elementor-128 .elementor-element.elementor-element-566f6fd .eael-grid-post .eael-entry-meta {
    margin-top: 3px !important;
}
.eael-post-grid-style-two .eael-entry-meta .eael-meta-posted-on i {
    display: none;
}
.eael-entry-title {
    margin: 0 !important;
}
}
	
/************************************
**問い合わせページ修正　H2で大指定
************************************/
.elementor-column-gap-default>.elementor-column>.elementor-element-populated {
    padding: 15px !important;
}
.elementor-338 .elementor-element.elementor-element-bcd3729 .elementor-heading-title {
    line-height: 1.5em;
}

/************************************
**規約、プライベートポリシー上部の空き
************************************/
.post-3 .entry-header,
.post-2429 .entry-header,
.post-1434 .entry-header {
    margin-top: 100px !important;
}

/************************************
**パンくず一指定
************************************/
.entry-title, .archive-title,
.breadcrumb {
    margin-left: 0.7em !important;
}

/************************************
全体のバランス
************************************/
/*行間の修正*/

.entry-content {
   padding:1em;
   padding-top:0;
   margin: 0 auto;
}

@media (max-width: 1023px){
article > .entry-content, aritcle > footer.article-footer {
   padding: 0 20px;
}
}
@media screen and (max-width: 880px){
.page-body {
   font-size: 16px;
}
}
@media screen and (max-width: 480px){
.page-body {
   font-size: 15px;
}
}

/************************************
**　ヘッダーメニュー
************************************/
.navi-in>ul li {
   line-height: 40px;
   height: 40px;
}
.navi-in a{
   font-size:15px;
}
#navi .navi-in a:hover {
   transform: none!important;
}
.navi-in > ul .sub-menu a {
   padding: 0;
}
.sub-menu .caption-wrap {
   color:#333;
   border-top: dotted #dddddd;
   background:#fff;
   padding:0 0 0 2em;
   margin:0;
}
.navi-in > ul .sub-menu a:hover {
   transform: none!important;
}
div#header-container {
   box-shadow: none;
}
div.item-label{
   font-weight:bold;
}

/************************************
通知エリア
************************************/
/*お問い合わせページ、パスワードリセットに非表示*/
.page-id-116 .notice-area,
.page-id-338 .notice-area {
    display: none;
}
/*文字大きく*/
#notice-area {
    font-size: 0.9em;
}

/************************************
おすすめカード
************************************/
/* おすすめカードを下記のページで非表示-*/
.page-id-206 .recommended,
.page-id-112 .recommended,
.page-id-113 .recommended,
.page-id-114 .recommended,
.page-id-115 .recommended,
.page-id-116 .recommended,
.page-id-338 .recommended,
.page-id-1854 .recommended,
.page-id-2848 .recommended,
.page-id-2900 .recommended,
.page-id-3062 .recommended,  
.home .recommended {
    display: none;
}
div#recommended-in.recommended-in.wrap.cf{
   margin-top: 20px;
   max-height: 220px;
}
div.navi-entry-card-title.widget-entry-card-title.card-title {
    font-weight: initial !important;
    font-size: 0.9em !important;
    color: #ffffff !important;
    padding: 0 !important;
    border-radius: 0 !important;
    background-color:  #e5acbf !important;
}
/*おすすめの下タブ*/
.widget-entry-cards.large-thumb-on .card-content {
    background: #e5acbf !important;
    padding: 0 !important;
}
/*おすすめのcatの修正*/
div.navi-entry-card-title.widget-entry-card-title.card-title {
    padding: 0.4em 0.9em !important;
}
/*デスクトップ表示の高さ*/
.widget-entry-cards.large-thumb-on .e-card {
    max-height: 250px !important;
}
/*おすすめエリアの上下の空き*/
.recommended .navi-entry-cards {
    margin-bottom: 2em !important;
    margin-top: 2em !important;
}

@media screen and (min-width: 1024px){
div#recommended-in.recommended-in.wrap.cf{
   padding:0 2em;
}
}

div#content.content.cf{
   margin-top:0;
}
.widget-entry-cards .a-wrap:hover {
   transform: translateY(-1px);
   transition: all .3s;
}
figure.navi-entry-card-thumb.widget-entry-card-thumb.card-thumb{
   opacity:.8;
}
.recommended.rcs-center-white-title .a-wrap:hover .card-content {
   transition: all .1s;
   opacity: 1;
}
.widget-entry-cards.large-thumb-on .card-content{
   background: rgba(151, 151, 151, 0);
}
a.navi-entry-card-link.widget-entry-card-link.a-wrap{
   margin:1em .5em;
   background-color:#FFFFFF;/*Cocoon設定「全体」の「サイト背景色」に合わせてください*/
}
div.navi-entry-card-title.widget-entry-card-title.card-title{
   color:#333333;
   font-weight:bold;
   font-size:.8em;
   background-color: rgba(255, 255, 255, 0.8);
   padding: .6em .5em;
   border-radius:30px;
}

@media (max-width:834px){
a.navi-entry-card-link.widget-entry-card-link.a-wrap{
   margin:.3em 0em;
}
div.navi-entry-card.widget-entry-card.e-card.cf{
   overflow:hidden;
   max-height:120px !important;
   margin:0 .3em 0;
   box-shadow: 0px 1px 4px 0 rgba(0,0,0,.1)!important;
}
.widget-entry-cards.large-thumb-on .a-wrap:hover {
   box-shadow:none;
}
div.navi-entry-card-title.widget-entry-card-title.card-title{
   font-size:.6em;
   padding: .5em;
}
div#recommended-in.recommended-in.wrap.cf{
   margin: .7em .2em .3em;
}

main#main.main{
   margin:0;
}
}

/************************************
**モバイル表示　ヘッダーメニュー・検索アイコン
************************************/
.mobile-menu-buttons{
   height:50px;
}
.mobile-menu-buttons > li {
   padding-top:0;
}
.menu-button{
   color: #e5acbf!important;
   margin: auto;
}
.mobile-menu-buttons .menu-button:hover{
   background-color:white;
}
span.fas.fa-search::before{
   margin-left:1em;
}
span.fas.fa-bars::before{
   margin-right:1em;
}
.navi-menu-caption.menu-caption,.home-menu-caption.menu-caption,.search-menu-caption.menu-caption,.top-menu-caption.menu-caption,.sidebar-menu-caption.menu-caption{
   display:none;
}

/************************************
**モバイルスライドインメニュー
************************************/
span.fas.fa-times::before{
    font-family: "Font Awesome 5 Free";
    content: "\f060";
}
.menu-close-button {
    margin-top: 10px;
}
ul.menu-drawer:before{
    padding: 0.8em 1em;
    font-size:0.9em;
    font-weight: 700;
    background: #e5acbf;
    color:#fff;
    margin-bottom:1em;
    content: "MENU";
    display: block;
    margin-top: 10px;
}
ul.menu-drawer:after {
    background: white;
}
.menu-drawer li {
    padding:0;
   border-bottom: solid 1px #eee;
}
.menu-drawer a{
    font-size:0.9em;
    background-color:#ffffff;
    color:#545454;
    margin: .5em 0;
}
.menu-drawer a:hover{
    background-color:#f7f7f7;
}
.menu-drawer .sub-menu {
    padding:0;
}
.menu-drawer .sub-menu li{
    font-size: .9em;
}
.menu-drawer .sub-menu li a::before {
    font-family: "Font Awesome 5 Free";
    content : "\f105";
    color:#7b7b7b;
    margin:0 .5em 0 1em;
}
@media (max-width:834px){
.sub-menu{
    box-shadow: none;
}
}
/************************************
** エントリーカードタイプ
************************************/
/*日付の位置*/
.entry-card-content, .related-entry-card-content {
    padding-bottom: 0 !important;
}
.far fa-clock {
display: none;
}

/************************************
****　インデックスカードのデザイン
************************************/
div.admin-pv{/*閲覧数を非表示*/
display:none;
}
.ect-3-columns .entry-card-snippet {
    display: inline-block;
    padding-bottom: 10px;
}
.ect-3-columns .entry-card-snippet {
    max-height: 4.3em;
    font-size: 0.8em;
}
.ect-3-columns .entry-card-wrap {
    margin-bottom: 4px;
}

@media screen and (max-width: 480px){
.ect-entry-card .card-content, .rect-entry-card .card-content, .ect-big-card-first .card-content {
    margin-left: 30%;
    font-size:13px !important;
}	
.entry-card-title, .related-entry-card-title {
    margin: 0;
}
.ect-3-columns .entry-card-snippet {
    margin-bottom: 15px; 
}	
}

/*catラベルの修正*/
.eye-catch .cat-label {
    font-size: 11px !important;
    border-radius: 10px !important;
}
.cat-label {
    border-radius: 10px !important;
    border: none !important;
}

/*カードのサムネイル画像のサイズを調整-エントリー・関連・新着・人気に共通*/
.card-thumb {
	margin: 0 8px 0 0;		
}

.card-title {
	color: initial;
	font-size: initial;
	line-height: 1.5;
}
.card-snippet {
	color: inherit;
	line-height: 1.5;
}

@media screen and (max-width: 560px){
.card-title {
	font-size: 0.95rem;	
}
.card-snippet {
	display: none;
}
}

/************************************
** contact form7 カスタマイズ
************************************/
.haveto{
    font-size:9px;
    padding:2px 5px;
    background:#e5acbf;
    color:#fff;
    border-radius:20px;
    margin-right:5px;
    position:relative;
    bottom:2px;
}
#formbtn{
    display: block;
    padding:10px;
    width:300px;
    background:#f7f7f7;
    color:#545454;
    font-size:17px;
    border: none;
    border-radius:50px;
    margin:25px auto 0;
    transition:0.4s;
}
#formbtn:hover{
    background:#e5acbf;
    color:#fffff4;
    border-radius:50px;
    box-shadow: 0px 1px 5px 0 rgba(0,0,0,.2);
}

/************************************
** プロフィール欄ウエジット
************************************/
.nwa .author-box {
    max-width:none;
    padding: 0;
    margin-bottom: 1em;
}
aside#author_box-2.widget.widget-sidebar.widget-sidebar-standard.widget_author_box{
    padding: 0!important;
/* border-radius:10px; */
}

@media (max-width: 1023px){
aside {
    padding: 0 .5em;
}
}

.nwa .author-box .author-thumb {
    width: 100%;
    height:9em;
    margin:0 0 5em 0;
    border-radius: 10px 10px 0 0;
}
.author-box figure.author-thumb{
   float: none;
   text-align: center;
   background: url( /*こちらに背景画像のアップロードURLを入力*/) center no-repeat;
   background-size: cover;
   position: relative;
   z-index: 0;
}
.author-box img.avatar.photo{
   background-image: none;
   padding: 0!important;
   box-shadow:none;
}
.author-box figure.author-thumb img{
   width: 50%;
   max-width:180px;
   margin-top:2em;
}

@media (min-width:1023px){
.nwa .author-box .author-thumb {
   height:8em;
}
}

@media (max-width:480px){
.page-id-1200 .nwa .author-box .author-thumb {
   height:6em;
   margin-top: 25px;
}
.author-box figure.author-thumb img{
   max-width:130px;
}
}

.author-box .author-name {
   margin: 0 0 2em 0;
	padding-top: 30px;
}
.author-box .author-content .author-name a{
   text-decoration: none;
   font-size:1.2em;
   color:#545454;
}
.nwa .author-box .author-description {
   margin-bottom:1.5em
}
.author-box .author-content .author-description p{
   font-size:14px;
   color:#7b7b7b;
   line-height:1.6em!important;
   margin:1em;
}
#author_box-2 p{
   margin:1em 1.5em;
}
.author-box .author-content .author-description p a{ text-decoration: none; }
.author-box .author-content .author-description p a:hover{ text-decoration: underline; }
.author-box .author-content .author-follows .sns-buttons{ justify-content: center; }
.author-box .author-content .author-follows .sns-buttons a.follow-button{
  border-radius: 50%;
  width: 40px;
  height: 40px;
  color: #fff!important;
  margin:5px;
}
div.author-follows a.follow-button.website-button.website-follow-button-sq{background-color: #6eb6fd!important;}
div.author-follows a.follow-button.twitter-button.twitter-follow-button-sq{background-color: #7dcdf7!important;}
div.author-follows a.follow-button.facebook-button.facebook-follow-button-sq{background-color: #7c9dec!important;}
div.author-follows a.follow-button.hatebu-button.hatebu-follow-button-sq{background-color: #2c6ebd!important;}
div.author-follows a.follow-button.instagram-button.instagram-follow-button-sq{background: linear-gradient(165deg, #427eff 5%, #f13f79 50%) no-repeat !important;}
div.author-follows a.follow-button.pinterest-button.pinterest-follow-button-sq{background-color: #bd081c!important;}
div.author-follows a.follow-button.youtube-button.youtube-follow-button-sq{background-color: #cd201f!important;}
div.author-follows a.follow-button.linkedin-button.linkedin-follow-button-sq{background-color: #0A66C2!important;}
div.author-follows a.follow-button.note-button.note-follow-button-sq{background-color: #41C9B4!important;}
div.author-follows a.follow-button.soundcloud-button.soundcloud-follow-button-sq{background-color: #FF5500!important;}
div.author-follows a.follow-button.flickr-button.flickr-follow-button-sq{background-color: #111!important;}
div.author-follows a.follow-button.line-button.line-follow-button-sq{background-color: #00c300!important;}
div.author-follows a.follow-button.amazon-button.amazon-follow-button-sq{background-color: #ff9900!important;}
div.author-follows a.follow-button.rakuten-room-button.rakuten-room-follow-button-sq{background-color: #C61E79!important;}
div.author-follows a.follow-button.slack-button.slack-follow-button-sq{background-color: #4A154B!important;}
div.author-follows a.follow-button.github-button.github-follow-button-sq{background-color: #4078c0!important;}
div.author-follows a.follow-button.codepen-button.codepen-follow-button-sq{background-color: #47CF73!important;}
div.author-follows a.follow-button.feedly-button.feedly-follow-button-sq{background-color: #2bb24c!important;}
div.author-follows a.follow-button.rss-button.rss-follow-button-sq{background-color: #f26522!important;}

div.author-follows a.follow-button.tiktok-button.tiktok-follow-button-sq{background-color: #000000!important;}

.author-box .author-content .author-follows .sns-buttons a.follow-button span{ line-height: 40px; }
.author-box .author-content .author-follows .sns-buttons a.follow-button span::before{ font-size: 20px !important; }

.nwa .author-box .author-content {
    padding: 0 !important;
}
.author-box .author-content .author-follows .sns-buttons a.follow-button {
    margin: 7px !important;
}
.author-box .author-content .author-follows .sns-buttons {
    margin-bottom: 15px !important;
}

/************************************
**　　サイドバー
************************************/
.sidebar h3{
   font-size: 0.9em !important;
}

.widget_recent_entries ul li a, .widget_categories ul li a, .widget_archive ul li a, .widget_pages ul li a, .widget_meta ul li a, .widget_rss ul li a, .widget_nav_menu ul li a {
   font-size: 0.9em !important;	
   color:#9c9c9d !important;
   border-bottom: solid 1px #e0dfdf;
   transition: 0.4s
}
.tagcloud a{
   transition: 0.4s ;
}
/* サーチエリアの文字 */
.search-edit {
   font-size: 0.9em !important;
   color:#9c9c9d !important;
}

/************************************
**ケテゴリーウェジット-フォルダアイコン表示
************************************/
/*親カテゴリーのカスタマイズ*/
.widget_categories ul li a::before{
  font-family: "Font Awesome 5 Free"; /*バージョン指定*/
  content: "\f07c"; /* FontAwesomeのユニコード */
  color: #9c9c9d;/* アイコンの色 */
  padding-right: 6px; /*アイコン右側空間*/
  font-weight: 900; /*アイコンの太さ*/
}
/*子カテゴリーのカスタマイズ*/
.widget_categories ul li ul li a::before{ /*子カテゴリーのアイコン*/
  font-family: "Font Awesome 5 Free"; /*バージョン指定*/
  content: "\f07c";; /* FontAwesomeのユニコード */
  color: #9c9c9d;/* アイコンの色 */
  padding-right: 6px; /*アイコン右側空間*/
  font-weight: 900; /*アイコンの太さ*/
}


/************************************
**　　サイドバーブログカード
************************************/
.sidebar a.popular-entry-card-link.a-wrap{
   margin:0;
   padding:0;
}
.sidebar figure.popular-entry-card-thumb.widget-entry-card-thumb.card-thumb{
   margin:.5em 0em .5em .2em;
}
.sidebar div.popular-entry-card-content.widget-entry-card-content.card-content{
   padding:.5em .5em .5em .8em;
   text-align: justify;
   line-height:1.3;
}

/************************************
**　　サイドバー人気記事
************************************/
.sidebar figure.popular-entry-card-thumb.widget-entry-card-thumb.card-thumb {
    width: 85px !important;
}
.sidebar div.popular-entry-card-content.widget-entry-card-content.card-content {
    margin-left: 90px !important;
    color: #7b7b7b;
}


/************************************
** 投稿画面本文記事タイトル
************************************/
/* スマホ、カテゴリーラベルの上の空き */
@media screen and (max-width: 480px){
main#main.main {
    margin-top: 30px !important;
}
}
/* 投稿画面の横幅/写真幅 */
.single-post .main {
    max-width: 800px;
    margin-top: 1.2em;
}
/* タイトル右の空き */
.single-post .article-header h1 {
    margin-right: 15px !important;
}
.entry-title, .archive-title {
    font-size: 1.2em;
    color: #545454;
}
/* 写真、セルフィー、カテゴリタイトルの空き */
.category-content{
margin-bottom: 0 !important;
}
/* 本文タイトル */
.article-header h1 {
   position: static;
   font-size: 1.4em;
   color: #545454 !important;
   background-color:#fff;
　padding: 1.5em .95em 1.1em; 
}
.entry-title, .archive-title, .breadcrumb {
    margin-bottom: 5px;
}
/* 本文タイトル日付 */
.article-header .far {
   display: none !important;
}
.article-header .post-date {
    margin: 0 !important;
}
/* タイトル下日付左寄せ */
.article-header .date-tags {
   display: block;
   margin-left: 15px;
   text-align: left;
}

/* 投稿ページのアイキャッチは使わない */
.eye-catch {
    display: none;
}
/* 本文記事のcatラベルの位置 */
.entry-categories-tags > div {
    margin-left: 8px !important;
}
/* スマホ、本文記事の幅 */
article > .entry-content, aritcle > footer.article-footer {
    padding: 1em;
}
.eye-catch img{
   height:auto!important;
   -webkit-filter:none;
   filter:none;
   opacity:1;
   transform: none;
   width: 100%;
}
a.cat-link, a.tag-link{
   font-size:.7em;
   border-radius:10px;
   border:0;
   margin:0.5em;
   padding:0 0.5em 0;
   color:#fff!important;
}
.cat-link:hover ,.tag-link:hover {
   opacity: .5;
   transition: all .3s ease-in-out;
}
.entry-categories-tags {
   margin-bottom: 0.4em;
}
.date-tags{
   font-size:1.2em;
   color:#7b7b7b;
   top:5px;
   right:0;
   left: 0;
   display: -webkit-flex;
   display: flex;
   -webkit-justify-content: center;
   justify-content: center;
}
div.date-tags span.post-update{
   order: 1;
}
span.fas.fa-history::before{
   content:"\f2f1"
}
div.date-tags span.post-update,div.date-tags span.post-date{
   margin-right: 10px;
}

@media (max-width:1023px){
   .entry-categories-tags.ctdt-one-row {
padding: 0;
}
}

@media (max-width:420px){
.article-header h1 {
   font-size: 1.2em;
}
.date-tags{
top:3px;
}
/* スマホ、タイトル位置 */
.entry-title, .article h2 {
   padding: 0 !important;
/* 	margin-top: 20px; */
}	
/* 関連記事、コメント */
.related-entry-heading, .comment-title {
    color: #545454 !important;
    font-size: 20px !important;
}
.related-entry-heading {
    margin: 1em 0.3em 1em !important;
}
.comment-title {
    margin: 1em 0.7em 1em !important;
}		
}

@media (max-width:834px){
main.main, div.sidebar {
padding:0;
}
}

@media screen and (min-width: 601px) and (max-width: 834px){
div#content.content.cf{
   margin:1em;
}
}

/************************************
** 投稿ページ　h1,h2/装飾なし
************************************/
.page .article h1, .article h2 {
    background-color: #fff;
    color: #333;
    margin: 0;
    padding: 0;
}
/************************************
**リストボックス
************************************/
.article ul:not(.toc-list,.toc-list ul){
    background: #F7F7F7;
    line-height:2;
    color:#333333;
    border-radius: 4px;
    border:1.5px dashed;
    border-color:#93b69c; 
    padding: 1.5em;
    padding-left:3em;
    margin: 1.5em 0;
}
/************************************
**番号付きリストボックス
************************************/
.article ol:not(.toc-list,.toc-list ol){
    background: #F7F7F7;
    line-height:2;
    color:#333333;
    border-radius: 4px;
    border:1.5px dashed;
    border-color:#93b69c; 
    padding: 1.5em;
    padding-left:3em;
    margin: 1.5em 0;
}
	
/************************************
** ブログカード（本文挿入）
***********************************/
.blogcard {
   padding-bottom:.8%;
   border: 0px solid whitesmoke;
   border-radius:4px;
   box-shadow: 0 1px 3px 0 rgb(0 0 0 / 30%);
}
a.blogcard-wrap.internal-blogcard-wrap.a-wrap.cf{
   transition: all 200ms;
}
a.blogcard-wrap.internal-blogcard-wrap.a-wrap.cf:hover,
   a.blogcard-wrap.external-blogcard-wrap.a-wrap.cf:hover{
   background-color: #fafafa;
   box-shadow:none;
   transform: none;
}
.blogcard-footer {
   padding-top: 2%;
}
.blogcard:before {
   display:none;
}
.internal-blogcard::after{
   content: "続きを読む \00bb"; 
   position: absolute;
   bottom: 0.7em;
   right: 1em;
   font-size: 0.7em;
   background-color: #8b968d;
   padding: .4em 3em;
   font-weight: bold;
   color: #fff;
   border-radius: 2px;
}
.blogcard-title {
   font-size:1em;
   padding:.2em .2em 0;
   line-height:1.4em;
   text-align: justify;
}
.blogcard-snippet {
   padding:0em .5em;
   color:#7b7b7b;
   text-align: justify;
}
@media screen and (max-width: 1023px){
.blogcard-title {
   padding:.3em .3em 0em .2em;
   line-height:1.5em;
}
.blogcard-snippet {
   font-size:.9em;
   margin-top:.3em;
}
}
@media screen and (max-width: 960px){
.blogcard-title {
   padding:.3em .3em .2em .2em;
   line-height:1.5em;
}
.blogcard-snippet{
   font-size:.8em;
   max-height:15em;
}
}

@media screen and (max-width: 834px){
.blogcard-title {
   font-size:1.1em;
   padding:.2em .3em .5em .2em;
}
.blogcard-snippet {
   font-size:.9em;
}
}
@media screen and (max-width: 740px){
.blogcard-title {
   padding:.3em;
}
}
@media screen and (max-width: 673px){
.blogcard-title {
   padding:.3em .5em 1em .2em;
   line-height:1.8em;
}
.blogcard-snippet {
   display:none;
}
}
@media screen and (max-width: 480px){
.blogcard {
   padding-bottom: 2%;
}
.blogcard-title {
   padding:.1em .4em 0em .1em;
   line-height:1.5em;
}
.blogcard-footer {
   padding-top: 5%;
}
}
bb"; 
   position: absolute;
   bottom: 0.7em;
   right: 1em;
   font-size: 0.7em;
   background-color: #8b968d;
   padding: .4em 3em;
   font-weight: bold;
   color: #fff;
   border-radius: 2px;
}
.blogcard-title {
   font-size:1em;
   padding:.2em .2em 0;
   line-height:1.4em;
   text-align: justify;
}
.blogcard-snippet {
   padding:0em .5em;
   color:#7b7b7b;
   text-align: justify;
}
@media screen and (max-width: 1023px){
.blogcard-title {
   padding:.3em .3em 0em .2em;
   line-height:1.5em;
}
.blogcard-snippet {
   font-size:.9em;
   margin-top:.3em;
}
}

@media screen and (max-width: 960px){
.blogcard-title {
   padding:.3em .3em .2em .2em;
   line-height:1.5em;
}
.blogcard-snippet{
   font-size:.8em;
   max-height:15em;
}
}
@media screen and (max-width: 834px){
.blogcard-title {
   font-size:1.1em;
   padding:.2em .3em .5em .2em;
}
.blogcard-snippet {
   font-size:.9em;
}
}
@media screen and (max-width: 740px){
.blogcard-title {
   padding:.3em;
}
}
@media screen and (max-width: 673px){
.blogcard-title {
   padding:.3em .5em 1em .2em;
   line-height:1.8em;
}
.blogcard-snippet {
   display:none;
}
}
@media screen and (max-width: 480px){
.blogcard {
   padding-bottom: 2%;
}
.blogcard-title {
   padding:.1em .4em 0em .1em;
   line-height:1.5em;
}
.blogcard-footer {
   padding-top: 5%;
}
}

/************************************
** SNS ボタンをまとめて丸くする
************************************/
/*シェア・フォローボタンの枠組み*/
.sns-share.ss-top .sns-share-buttons,
.sns-share.ss-bottom .sns-share-buttons,
.sns-follow.sf-bottom .sns-follow-buttons,
.sns-follow.sf-widget .sns-follow-buttons {
	justify-content: center; /*中央に寄せる*/
	flex-wrap: wrap; /*折り返す*/
}
/*シェア・フォローボタンのリンク*/
.sns-share.ss-top .sns-buttons a,
.sns-share.ss-bottom .sns-buttons a,
.sns-follow.sf-bottom .sns-buttons a,
.sns-follow.sf-widget .sns-buttons a {
	width: 40px; /*横幅*/
	height: 40px; /*高さ*/
	margin-right: 4px; /*右側の余白*/
	margin-left: 4px; /*左側の余白*/
	border-radius: 50%; /*丸み*/
}
/*プロフィールウィジェットのリンク*/
.sns-follow.sf-profile .sns-buttons a {
	border-radius: 50%; /*丸み*/
}
/*シェアボタンのアイコン*/
.sns-share.ss-top .sns-buttons a .social-icon,
.sns-share.ss-bottom .sns-buttons a .social-icon {
	font-size: 18px; /*アイコンの大きさ*/
}
/*フォローボタンのアイコン*/
.sns-follow.sf-bottom .sns-follow-buttons .follow-button,
.sns-follow.sf-widget .sns-follow-buttons .follow-button {
	font-size: 24px; /*アイコンの大きさ*/
}
/*シェアボタンのキャプション*/
.sns-share.ss-top .sns-buttons a .button-caption,
.sns-share.ss-bottom .sns-buttons a .button-caption {
	display: none; /*非表示*/
}
/*シェア・フォローボタンのシェア数*/
.sns-share.ss-top .sns-buttons a .share-count,
.sns-share.ss-bottom .sns-buttons a .share-count,
.sns-follow.sf-bottom .sns-buttons a .follow-count,
.sns-follow.sf-widget .sns-buttons a .follow-count {
	right: -2px; /*右側からの距離*/
	bottom: -2px; /*下側からの距離*/
	padding: 2px; /*内側の余白*/
	font-size: 10px; /*文字の大きさ*/
	border: solid 1px; /*線*/
	border-radius: 3px; /*丸み*/
	background-color: inherit; /*背景色*/
}
/*シェア数の表示が必要ないシェア・フォローボタン*/
.sns-share.ss-top .sns-buttons a .share-count:empty,
.sns-share.ss-bottom .sns-buttons a .share-count:empty,
.sns-follow.sf-bottom .sns-buttons a .follow-count:empty,
.sns-follow.sf-widget .sns-buttons a .follow-count:empty {
	padding: 0; /*内側の余白*/
	border: 0; /*線*/
}



/************************************
** Gallery
***********************************/
#gallery-1 img {
    border: none !important;
}
#gallery-1 .gallery-item {
 margin-top: 0 !important;
}
.gallery-spacing-custom .elementor-image-gallery .gallery-icon {
    margin-bottom: -10px !important;
}
.elementor-128 .elementor-element.elementor-element-709a6f1 {
    margin-top: 20px !important;
}
/*  Galleryページ-MetaSlider上の文字*/
.flexslider {
  position: relative;
  }
.flexslider .slides {
  z-index: 1;
 }
.flexslider .additional_text {
  position: absolute;
  z-index: 2;
  color: white;
  font-size: 5em;
  font-weight: bold; 
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
  text-shadow:1px 1px 0 #bbb, -1px -1px 0 #bbb,
              -1px 1px 0 #bbb, 1px -1px 0 #bbb,
              0px 1px 0 #bbb,  0-1px 0 #bbb,
              -1px 0 0 #bbb, 1px 0 0 #bbb;
  }
@media (max-width: 1023px){
.flexslider .additional_text {
 font-size: 2.5em;
}
}
@media screen and (max-width: 880px){
.flexslider .additional_text {
 font-size: 2.3em;
}
}
@media screen and (max-width: 480px){
.flexslider .additional_text {
 font-size: 1.4em;
}
}


/************************************
** ヘッダー文字周り
***********************************/
.logo-text {
    padding: 0 0 20px !important;
}
.tagline {
    margin: 2em 0 0 0 !important;
    color: #8c8c8c; !important;
}
#header-container .navi, #navi .navi-in>.menu-header .sub-menu {
    margin-bottom: 10px !important;
}

/************************************
** 折り畳みアーカイブウィジェット
************************************/
.widget_archive a.year{
  cursor: pointer;
  text-decoration: underline;
}

.widget_archive .years ul {
  -webkit-transition: .3s ease;
  transition: .3s ease;
  margin: 0;
  margin-bottom: 1em;
}

#sidebar .widget_archive ul.years li{
  margin-bottom: 0;
}

.widget_archive ul.years .hide {
  margin: 0;
  height: 0;
  opacity: 0;
  visibility: hidden;
}

/**************************
 タブ切り替え
***************************/
.tab-wrap {
  display: flex;
  flex-wrap: wrap;
margin:5px 0;
}

.tab-label {
  color: #9c9c9d;
  background:#ebe9e9;
  text-align: center;
  padding: .5em 1em;
  order: -1;
  position: relative;
  z-index: 1;
  cursor: pointer;
  flex: 1;
  border-radius: 2px;
  position: relative;
}
.tab-label:not(:last-of-type) {
  margin-right: 5px;
}
.tab-content {
  width: 100%;
  height: 0;
  overflow: hidden;
  opacity: 0;
}
/* アクティブなタブ */
.tab-switch:checked+.tab-label {
 color: White;
 background:#e5acbf;/*背景色*/
}
.tab-switch:checked+.tab-label:after{
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -15px;
	border: 10px solid transparent;
border-top:10px solid #e5acbf;
	width: 0;
	height: 0;
}
.tab-switch:checked+.tab-label+.tab-content {
  height: auto;
  overflow: auto;
  padding: 15px 0 0 0;
  opacity: 1;
  transition: .5s opacity;
}

/* ラジオボタン非表示 */
.tab-switch {
  display: none;
}

/********************************************/

/* ブログページ本体の幅と空き */
.post-1200 .entry-content, aritcle > footer.article-footer {
    padding: 0;
}
.tab-content {
    padding: 0;
}
/* タイトルと日付非表示 */
.post-950 header.article-header.entry-header,
.post-1200 header.article-header.entry-header{
    display: none;
}
.post-950.new-entry-card-date,
.post-1200.new-entry-card-date {
  display: block;
}

/************************************
**新着、人気、カテゴリー、パートの表示調整
************************************/
/* 新着記事一覧、投稿日表示 */
.new-entry-card-date {
    display: block;
    font-size: 0.9em;
    color: #949495;
}
/* 日付表示、新着・人気・関連記事ウィジェット（ショートコード）全て共通 */
.widget-entry-card-date {
  　　 display: block;
	 font-size: 0.9em;
    color: #949495;
}
/* 記事一覧、カテゴリのタグを表示 /入れても表示しない*/
.new-entry-cards .cat-label {
    display: inline;
}
/* スマホ新着人気左右空き */
@media screen and (max-width: 480px){	
.post-1200 .elementor-column-gap-default>.elementor-column>.elementor-element-populated {
    padding: 0 !important;
}	
.widget-entry-cards .a-wrap {
    margin-bottom: 0 !important;
}
.post-1200 .entry-content {
    padding: 0.5em! important;
}
/* スマホランキングの数字小さく */
.widget-entry-cards.ranking-visible .card-thumb::before {
    font-size: 12px;
}	
}	
/* ブログページ、ランキング数字位置 */
.post-1200 .widget-entry-cards.ranking-visible .card-thumb::before {
    content: counter(p-rank);
    position: absolute;
    top: 0;
    left: 0;
    padding: 4px;
    width: 18px;
    height: 18px;
    line-height: 12px;
    text-align: center;
    font-size: 13px;
    z-index: 1;
}


/* 新着1列を3列に表示 */
.fp-new-entry-cards {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    box-sizing: border-box;
}
 .fp-new-entry-cards .new-entry-card-link.a-wrap {
    display: inline-block;
    width: 33%;
}
/* 人気1列を3列に表示 */
.widget-entry-cards.card-large-image .a-wrap {
    display: inline-block;
    width: 33%;
}
/* スマホ、新着人気2列に表示 */
@media screen and (max-width: 480px){
 .fp-new-entry-cards .new-entry-card-link.a-wrap {
    display: inline-block;
    width: 50%;
}
	.widget-entry-cards.card-large-image .a-wrap {
    display: inline-block;
    width: 50%;
}
}
.widget-entry-cards.card-large-image .card-content {
    margin: 0 !important;
}

/* カテゴリー1列を2列に表示 */
.category-new-entry-cards {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    box-sizing: border-box;
}
.category-new-entry-cards .new-entry-card-link.a-wrap {
    display: inline-block;
    width: 50%;
}
/* スマホ、カテゴリー1列に表示 */
@media screen and (max-width: 480px){
.category-new-entry-cards .new-entry-card-link.a-wrap {
    display: inline-block;
    width: 100%;
}
}
/* カテゴリータブの文字を天地左右中央に  */
.tab-label {
    line-height: 1.2em;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tab-content {
  overflow: hidden;        /* スクロール自体を無効化 */
}
/* Webkit（Chrome/Safari）系ブラウザのスクロールバーを消す */
.tab-content::-webkit-scrollbar {
  display: none;
}

/************************************
**新着、人気、カテゴリー、もっと見るリンクボタン
************************************/
.motto {
   text-align: center;
}
.motto a {
   font-size: 0.9em;
   background-color: #E5ACBF;
   padding: 7px 20px 7px 20px;
   transition: 1s;
	color: #ffffff !important;
}
.motto a:hover {
   background-color: #edbfce;
   color: #fff;
}
/************************************
**以下の場所でカテゴリーラベルcat非表示
************************************/
/* サイドバーで非表示に */
.widget-sidebar .cat-label{
	display: none;
}
/* フッターで非表示に */
.widget-footer-mobile .cat-label,
.widget-footer-center .cat-label,
.widget-footer-right .cat-label {
	display: none
}
/************************************
**ページ送りナビ、スマホ表示
************************************/
@media screen and (max-width: 480px)
.pager-post-navi.post-navi-square {
    display: block !important;
}
.pager-post-navi {
    display: block;
}
.pager-post-navi.post-navi-square a {
    width: 50%;
}
}
/************************************
**固定ページの日付非表示
************************************/
.page-id-3 .article-header .date-tags,
.page-id-114 .article-header .date-tags,
.page-id-115 .article-header .date-tags,
.page-id-1854 .article-header .date-tags,
.page-id-2429 .article-header .date-tags,
.page-id-1434.article-header .date-tags {
    display: none !important;
}
.post-3 .date-tags,
.post-114 .date-tags,
.post-115 .date-tags,
.post-1434 .date-tags,
.post-1854 .date-tags,
.post-2429 .date-tags {
    display: none !important;
}
/************************************
**会員登録関係
************************************/
/* 会員登録解説ページLINE画像サイズ*/
.page-id-112 .elementor img {
    max-width: 120px !important;
}

/*会員プロフィール「アカウントの削除」下げる*/
.page-id-2900 .swpm-edit-profile-submit{
    margin-bottom: 100px;
}
/*会員登録フォームから姓名を非表示*/
.swpm-registration-firstname-row,
.swpm-registration-lastname-row,
.swpm-profile-firstname-row,
.swpm-profile-lastname-row {
display:none;
}
/*会員登録関係ボタン*/
input[type='submit'] {
    background-color: #e5acbf;
    font-size: 1em;
    color: white;
    width: 200px;
    margin: 10px 0 10px 0;
}
/* ログイン画面文字色*/
.swpm-post-not-logged-in-msg {
    color: #8c8c8c;
}
/* スマホ-ログイン画面行間*/
@media screen and (max-width: 480px){
.swpm-remember-me,
.swpm-forgot-pass-link,
.swpm-join-us-link {
margin: 30px 0px 30px 0px;
}

/* スマホ-ログイン画面行間*/
.swpm-remember-me,
.swpm-forgot-pass-link,
.swpm-join-us-link,
.swpm-edit-profile-link,
.swpm-edit-profile-link {
    margin: 30px 0px 30px 0px;
}
.swpm-forgot-pass-link,
.swpm-join-us-link,
.swpm-edit-profile-link,
.swpm-edit-profile-link,
.swpm-logged-logout-link {
    font-weight: bold;
}
.swpm-remember-checkbox  input[type=checkbox] {
    width:			15px;
    height:			15px;
    -moz-transform:		scale(1.4);
    -webkit-transform:	scale(1.4);
    transform:		scale(1.4);
    margin-right: 10px;
}
/* メンバープロフィール電話住所非表示*/
.swpm-profile-phone-row,
.swpm-profile-street-row,
.swpm-profile-zipcode-row,
.swpm-profile-company-row {
   display: none;
}
/* 会員登録フォーム規約チェックボタン*/
#accept_terms { 
    width:			15px;
    height:			15px;
    -moz-transform:		scale(1.4);
    -webkit-transform:	scale(1.4);
    transform:		scale(1.4);
    margin-right: 10px;
    margin-top: 5px;
}
/* Simple Membership ログイン前の文章の変更*/
.swpm-post-not-logged-in-msg {
    text-align: center;
    margin-top: 50px;
}
/************************************
** 年齢制限-トップページ
************************************/
	.age-gate-restricted * {
  background-color: #E5ACBF;
}
.age-gate-form {
    background-color: #E5ACBF;	
}
body.age-restriction *, html.age-gate-restricted * {
    color: white;
}
.age-gate-challenge, .age-gate-message {
    font-size: 1.3em;
    font-weight: bold;
}
.age-gate-submit-yes {
    margin: 10px 20px 10px 0;
    padding: 5px;
    font-size: 1.2em;
    border: none;
    background-color: #b97ed7;
}
.age-gate-submit-no {
    margin: 10px 0 10px 20px;
    padding: 5px;
    font-size: 1.2em;
    border: none;
    background-color: #b97ed7;
}

	/************************************
** ■タイトルやボタンをキラッと光らせるカスタマイズ
************************************/
.notice-area  {     /*通知エリア*/
  position: relative;
  overflow: hidden;
}
.notice-area:before {    /*通知エリア*/
  position: absolute;
  transform: rotate(45deg);
  animation: shine-title 3.4s ease-in-out infinite; /*アニメーション*/
  background-color: #fff;
  content: " ";
  opacity: 0;
  top: -180px;
  left: 0;
  height: 100%;
  width: 30px;
}
@keyframes shine-title {
  0% {
    -webkit-transform: scale(0) rotate(45deg);
    opacity: 0;
  }
  80% {
    -webkit-transform: scale(0) rotate(45deg);
    opacity: 0.5;
  }
  81% {
    -webkit-transform: scale(4) rotate(45deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(50) rotate(45deg);
    opacity: 0;
}
}
	
/************************************
** ■インスタのURLレイアウト崩れ
************************************/
.instagram-media {
    position: static!important;
}	
	
/************************************
** 会員コンテンツ注意文章
************************************/

.swpm-post-not-logged-in-msg {
    text-align: center;
    margin-top: 40px;
}	

	
.scrollable-table,
.scroll-hint {
    position: static !important;
}