@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.0.8
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*
.scroll-space{
  box-sizing: border-box;
  color: #fff;
  overflow: hidden;
}
.fadein {
    opacity: 0;
    transform: translate(0,0);
    transition: all 1.5s;
  &.fadein-bottom{
      transform: translate(0,100px);
  }
  &.scrollin{
    opacity: 1 !important;
    transform: translate(0, 0) !important;
  }
}
*/

/*■日付関連*/

.new-entry-card-date {/*TOPページの全部で日付出してる１
  display: block;
	margin-top:10px;
	font-size:14px;*/
}
.new-entry-card-date .post-date{/*２
	background:#999;
	color:#FFF;
	font-size:60%;*/
}
.new-entry-card-date .post-date::before {/*３
  font-family: "Font Awesome 5 Free";
  content: "\f303";
  padding-right: 3px;*/
}
.page .date-tags{/*固定ページ日付非表示*/
	display:none;
}
.post-date:after {/*★投稿日で改行して更新日を２行で表示*/
	/*PCでは１行表示中*/
}
.date-tags{/*両日のBOX*/
	margin-bottom:4em!important;
	text-align:right
	font-weight:200;
}
.post-date{/*初回の投稿した日付のタグ*/
	background:none;
	color:#999;
}
.post-date::before {/*投稿日*/
	/*content: "\f017";
	font-family: "Font Awesome 5 Free";*/
	content: "投稿日";
	color:#FFF;
	background:#999;
	padding:4px 2px 4px 4px;
}
.far.fa-clock{/*投稿日アイコン非表示*/
	display:none;
}
.post-update{/*更新した日付のタグ*/
	background:none;
	color:#999;
}
.post-update::before {/*更新日*/
	/*content: "\f017";
	font-family: "Font Awesome 5 Free";*/
	content: "更新日";
	color:#FFF;
	background:#999;
	padding:4px 2px 4px 4px;
}
.fas.fa-history{/*更新日アイコン非表示*/
	display:none;
}

.pc_headermenu_logo{/*PCヘッダーメニューにclassでロゴぶち込んでる*/
	margin-right:50px;
}
.pc_headermenu_logo a{
	background: url(https://uumoa.com/wp-content/uploads/pc_header_logo.png) no-repeat;
	background-size:200px;
	background-position: top left;
	height:150px;
	width:200px!important;
	z-index:1!important;/*カルーセルより下に重なるのを回避*/
}
#menu-item-2838 a:hover{/*背景に薄い白枠出るのを回避*/
	background-color:transparent!important;
	background: url(https://uumoa.com/wp-content/uploads/pc_header_logo_ho.png) no-repeat;
	background-size:200px;
	background-position: top left;
	height:150px;
	width:200px!important;
	height:100px;

}
#menu-item-2838 .item-label{
	display:none;
}

/*トップページを固定ページで作成したときの非表示にしたい項目*/
/*全てをまとめて非表示中
.home.page .sns-share,
.home.page .sns-follow,*/
.home.page .date-tags,/*HOME右上に出る日付*/
.home.page .entry-title,
.home.page .author-info{
	display: none;
}
/*　新着・人気・関連記事ウィジェット全て日付を表示させる
 「投稿日」を表示して「更新日」を非表示にする　
.new-entry-cards .display-none {
	display: block;
	padding-top: 0.1em;
	text-align: right;
}
.new-entry-card-update-date {
	display: none;
}*/
/* ■見出しリセット */
/*.article h2{
background:none;
padding: 0;
}*/
.article h3{
border-top:none;
border-bottom:none;
border-left:none;
border-right:none;
padding: 0;
}

.pc_kieru{/*PCで非表示*/
	display:none;
}

body img{
	border-radius:10px;/**/
}
body{
	letter-spacing:0.1em;
	word-break:break-all;
	overflow-x: hidden;/*change-bgの全幅でスクロールバー分のマージン出るのを消してくれてる*/
	/*font-weight:200!important;*/
	background-color:#f4f5f7;
	/*background-image: url(#);
	background-attachment:fixed;
	background-position:top;
	background-repeat: repeat-y;
	background-attachment: local;*/
/*background-color: #CECED9;
opacity: 1;
background: linear-gradient(135deg, #bebecc55 25%, transparent 25%) -22px 0/ 44px 44px, linear-gradient(225deg, #bebecc 25%, transparent 25%) -22px 0/ 44px 44px, linear-gradient(315deg, #bebecc55 25%, transparent 25%) 0px 0/ 44px 44px, linear-gradient(45deg, #bebecc 25%, #CECED9 25%) 0px 0/ 44px 44px;*/
	
	/*background: no-repeat center top url(#) #f5f5f5;
	background-attachment: fixed;*/
	
/*background: linear-gradient(-180deg, #eeede3, #FFF);
	background:#eeede3;
	background: linear-gradient(-92deg, #a8a9cb, #bbd8d8);
	background: linear-gradient(-90deg, #b9cfd4, #afaab9);/*グラデ背景*/
	
	/**/background-image: url(#);
	background-attachment:scroll;
	background-repeat:no-repeat;
}

body a{/*スマホタップで青背景消す*/
	-webkit-tap-highlight-color:rgba(255,255,255,0.3)!important;
	cursor:pointer!important;
}

/*.tagline{キャッチコピー
	background:#000;
	color:#FFF;
	padding:0.5em;
	margin-top:0;
	margin-right:calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
    padding-right: calc(50vw - 50%);
    padding-left: calc(50vw - 50%);
}*/
/*.tagline{キャッチコピー斜め表示
	background-color:transparent;
	margin-top:30px;
	margin-bottom:-15px;
	color:#222;
	font-size:0.8em;
	transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
}*/

#header{/*ヘッダー画像
	    background: #54418c url(https://uumoa.com/wp-content/uploads/header_2000x1000_07.jpg) no-repeat center center / cover;
    background-size: auto 100%;*/
}
#header img{/*↓垂直調整中
	padding-top:16px;
	margin-top:-34px;*/
}
.tagline{/*キャッチコピー*/
	color:#FFF;
	text-align:center!important;
	font-size:0.9em;
	/*margin-top:30px;↓↑垂直調整中*/
	background: linear-gradient(90deg, #795baa , #d25984)!important;
	margin-right:calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
    padding-right: calc(50vw - 50%);
    padding-left: calc(50vw - 50%);
	
}
.logo-header{/**/
	text-align:center;
	/*margin-top:-40px;↑垂直調整中*/
	margin-bottom:0;
	padding-bottom:0!important;
}
.logo.logo-header.logo-image{
	padding:0!important;
	display:none;
}
#header-container{
	background: no-repeat center top url(https://uumoa.com/wp-content/uploads/bodybg_pc9.png);
	/*background: linear-gradient(-90deg, #CECED9, #D9CED3);
	
	background-color: #CECED9;
opacity: 1;
background: linear-gradient(135deg, #bebecc55 25%, transparent 25%) -22px 0/ 44px 44px, linear-gradient(225deg, #bebecc 25%, transparent 25%) -22px 0/ 44px 44px, linear-gradient(315deg, #bebecc55 25%, transparent 25%) 0px 0/ 44px 44px, linear-gradient(45deg, #bebecc 25%, #CECED9 25%) 0px 0/ 44px 44px;*/
	/*background:#5d64be;ロゴとキャッチコピーのヘッダー背景色*/
	padding:0;
	/*border-bottom:#54418c 10px dashed;
	border-image: linear-gradient(to right, #353e86 0%, #c63587 100%);
	border-image-slice: 1;*/
	background:#FFF;
}
#navi{/*headerPCメニュー色※ロゴとメニュー全域
	background: linear-gradient(90deg, #795baa , #d25984)!important;*/
	z-index:1;/*カルーセルより下に重なるのを回避*/
	position: relative;/*カルーセルより下に重なるのを回避*/
	background:none!important;
}

.header-container.fixed-header{/*PCスクロール後の固定ヘッダメニュー※ロゴ部分*/
	background:rgba(255,255,255,0.9)!important;
	box-shadow: none;
}
#navi-in{/*全幅指定おかしい？いったん解除中
    width: 100vw;
    margin-left: calc(-50vw + 50%);*/
}
#navi-in a{/*PCヘッダメニューul,liの部分*/
	color:#222!important;
}
#navi-in a:hover{
	color:#54418c!important;
	font-weight:900;
	background-color:transparent!important;
	transition:0.1s all;
}
#menu-pc_header li{
	height:70px;
}
#menu-item-3122{
	width:75px!important;
	margin-left:1.2em;
}
.item-description.sub-caption{
	margin-top:-7px;	
}
#container{
	/*background-image: url(https://uumoa.com/wp-content/uploads/bodybg_pc9.png);*/
	background-attachment:scroll;
	background-repeat: no-repeat;
	background-size:100% auto;
	background-size:100%;
}

/*アピール*/
#appeal {
	/*background: no-repeat center bottom url(https://uumoa.com/wp-content/uploads/2023/02/api_pc01.png);
	background-position:50%;
	background-size: contain;
	background-size:auto 100%;*/
	display:none;
}
#appeal-in{
	padding:0;
	margin:0;
	min-height:0px!important;
}
.appeal-in.wrap{
	height:0px!important;
	width:100%;
}
.appeal-content{
	background:none;
	padding:0;
	margin:0 auto;
}
.appeal-message{
	color:#FFF;
}
.appeal-message a{
	color:#FFF;
	text-decoration:none;
}

/*カルーセル*/
.slick-list.draggable{
	padding-top:10px;
	text-align:center;
	margin:0 -25%;/*カルーセルをわざと左右画像が見切れるように表示*/
	overflow-x: hidden;/*たまに出るネガティブマージンバグを消してくれると思って入れてる*/
}
#carousel{
	padding-top:0px;/*PCでみたときの隙間消す*/
	/*background-image: url(https://uumoa.com/wp-content/uploads/25135637_m.jpg) ;
	background-attachment:scroll;
	background-repeat: no-repeat;
	background-size:100% auto;*/
	/*background: no-repeat center bottom url(https://uumoa.com/wp-content/uploads/2023/11/change_bg01.jpg);*/
	background:#dcdfe5;
	clip-path: polygon(0 0px, 100% 0, 100% calc(100% - 50px), 0 100%);/*背景斜め*/
	padding:1em 0 3em 0;
	z-index: -10;
}
#carousel::before{/*
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #ddd2e9;
    transform: skewY(-7deg) translateY(-90px);
    z-index: -20;*/
}
#carousel img{
	border:rgba(255,255,255,0.7) 10px solid;
}
.carousel{
	margin-top:0px;/*余白消してる*/
}
.carousel-entry-card-wrap{
	margin:0 20px!important;/*カード間の隙間*/
}
	.carousel-content.cf.slick-initialized.slick-slider.slick-dotted{/*カルーセルの左右の隙間を消す　左右全画面表示*/
	/*padding-left:0!important;下の記述とダブルで指示しないと空白消えない
	padding-right:0!important;
	margin-left:0!important;
	margin-right:0!important;*/
	}
	.slick-slide{
	/*margin-top:0px!important;アピールエリアの画像とカルーセルの隙間消し*/	
	/*padding-left:0!important;上の記述とダブルで指示しないと空白消えない
	padding-right:0!important;
	margin-left:0!important;
	margin-right:0!important;*/
	}

.carousel-entry-card-thumb.card-thumb{/*レスポしたときに画像が小さくなるのを防止*/
	width:100%;
	/*border:#f4f5f7 5px solid;*/
}
#carousel a:hover{/*拡大*/
	transform:scale(1.1,1.1);
	transition:0.3s all;
	opacity: 0.9;
}
#carousel-in{
	/*background-color:transparent;
	background: linear-gradient(-90deg, #CECED9, #D9CED3);*/
	background:transparent;
	padding:2em 0;
	/*background:#f4f5f7;*/
}
.carousel-in.wrap{
	width:100%;
	/*background-color:#FFF;
	background:rgba(0,0,0,0.9);*/
	/*background: linear-gradient(180deg, #eed2c7, #a8a9cb);/*グラデ背景*/
	/*background-image: url(https://uumoa.com/wp-content/uploads/karubg2.png);
	background-attachment:fixed;
	background-position:top;*/
	/*margin-top:-50px;*/
}
.carousel-entry-card-title{
	/*margin-top:-4px!important;*/
	/*margin-top:1em;
	background:rgba(0,0,0,0.8);*/
	line-height:20px;
	/*text-shadow:0.5px 0.5px 0 #000, -0.5px -0.5px 0 #000,
              -0.5px 0.5px 0 #000, 0.5px -0.5px 0 #000,
              0px 0.5px 0 #000,  0-0.5px 0 #000,
              -0.5px 0 0 #000, 0.5px 0 0 #000;*/
}
.carousel-entry-card-title.card-title{
	text-align:left!important;
	/*margin-top:-4px;画像とタイトルの隙間消し*/
	margin-bottom:0;
	color:#222;
}
.slick-prev{/*左矢印枠*/
	width:55px;
	height:50px;
	border-radius:50px;
	margin-left:-30px;
	margin-top:-30px;
}
		.slick-prev.slick-arrow{/*左矢印のみ動かす*/
			z-index:1;/*なぜか左矢印だけ画像下に埋もれるから対処*/
			padding-left:15px;
			background:rgba(84,65,140,0.8);
		}
.slick-next{/*右矢印枠*/
	width:55px;
	height:50px;
	border-radius:50px;
	margin-right:-30px;
	margin-top:-30px;
}
		.slick-next.slick-arrow{/*右矢印のみ動かす*/
			padding-right:15px;
			background:rgba(84,65,140,0.8);
		}
.carousel .slick-arrow:before {
	color: #FFF;
	font-size:20px;
	opacity:90%;
	}

.slick-dots li button:before{/*カルーセルの送りドット非表示*/
	display:none;
}

#xo-slider-1977{/*メインスライド枠　全幅*/
    width: 100vw;
    margin-left: calc(-50vw + 50%);
	padding:0px 0;
}
#xo-slider-1977 img{
	border-radius:0!important;
}
.swiper-wrapper{/*スライド上部隙間消し*/
	margin-top:0;
}
.xo-slider.xo-slider-template-default{/*メインスライド枠全幅指定
	width: 100vw;
    height: auto;
    margin-left: calc(-50vw + 50%);*/
}
.xo1{
	background:rgba(61,40,143,0.3);
	width:100%!important;
	/*コレ*/position: absolute;
    /*コレ*/bottom:0; left:0;
}
.xo1 a{
	color:#FFF!important;
	display: block;
	padding:100% 20px 20px 20px;
	/*margin-top:100%;*/
}

/* ページネーションの余白
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 20px 20px;
}
.swiper-pagination-bullet {
  background-color:#000;
  height: 5px!important;
  width: 5px!important;
} */

.wrap {/*■検討中
	width: 100%;
	padding:0 5% 0 5%;*/
}

/*.wp-block-cocoon-blocks-column-2{/*メインスライドが収納されてるカラム
	margin-top:6em!important;
	margin-bottom:5em!important;
}*/


/*現在選択中■トップページを固定ページ型に選択した場合の新着投稿板チョコ振り分け*/

/*　■もしかして要らない？！
.list a{
	width: 25%;
	padding:0px 2px 0px 2px;
	text-align:left;	
}
.list{
	border-radius:5px;
}　■*/

#content .large-thumb a:hover img{/*拡大　TOP板チョコ*/
	overflow:hidden;
	transform:scale(1.1,1.1);
	transition:0.3s all;
	opacity: 0.8;
}

#content{/*TOPと記事のメイン内*/
	/*background:#f5f5f5;*/
	margin:0;
	padding-top:2em;
}
#content-in{
	padding:0 3em;
}
#main{
	padding:0;
	/*margin-top:2em;TOPのスライダーをヘッダとビタ着けするために固定ページにネガティブマージンいれてる*/
}
#main img{/*角丸
	border-radius:10px;*/
}
.article.post{/*投稿本文内のみ反映中　※.post記述ないとTOPの板チョコと連動しちゃう*/
	width:70%;
	margin:auto;
}
.post-167,.post-3,.post-2797,.post-1163{/*固定ページ本文内のみ反映中　※.post番号の記述ないとTOPの板チョコと連動しちゃう*/
	width:70%;
	margin:auto;
}
.entry-content.cf{
	/*margin-bottom:2em;*/
	margin-top:0!important;
	margin-bottom:0!important;
	font-weight:100!important;
}
#top-itachoko-pc .new-entry-cards.large-thumb a {/*多分これはメインの新着横並び板チョコボックスのみ反映されてる*/
	width: 30%;/*カード間３分割の左右隙間調整*/
	padding:0 0 9px 0!important;/*カード間の上下左右隙間調整*/
	margin:0 auto!important;/*レスポになったときの中央寄せ*/
}
.new-entry-cards.large-thumb {/*横並びにレイアウトなる*/
	display: flex;
	flex-wrap: wrap;
}
.itachoko{
	margin:80px -20px auto -20px!important;/*TOP板チョコネガティブマージン*/
}
#list{/*新着一覧とカテとタグの一覧に反映されてる*/
	margin:80px -20px auto -20px;/*アーカイブ新着一覧ネガティブマージン*/
}
#list a:hover img{/*拡大　全記事アーカイブ板チョコ*/
	transform:scale(1.1,1.1);
	transition:0.3s all;
	opacity: 0.8;
}
#main .e-card{/*TOP板チョコ　ウィジェット横長カード連動だったけど#main記述で分離成功*/
	background-color:none!important;
	margin-bottom:1em;
	/*padding-top:0.5em;
	border-top:#CECED9 1px dotted;*/
}
#main.card-content{
	color:#222;
}
.new-entry-card-content.widget-entry-card-content.card-content{
	margin-top:5px;
}

#content-bottom .new-entry-card-title.widget-entry-card-title.card-title{/*推し枠のタイトルが画像下に回り込むの防止*/
	margin-left:15%;
}
#content-bottom .widget-entry-card-title{
	padding-top:10px;
}

#content-bottom .new-entry-card-link.widget-entry-card-link.a-wrap{
	margin-top:0px;/*oshiwakuの画像を上並びで揃えてる※消すとレスポンシブの時に段差できてズレる*/
	border-bottom:1px dotted #999;/*推し枠の上下ボーダー*/
	margin-bottom:-0.3px;/*ネガティブマージン*/
	padding:3%;
}

#content-bottom .widget-entry-card-thumb{/*oshiwakuの縦表示サムネ*/
	width:35%;
	/*margin-right:1em;*/
}
#content-bottom .wp-block-columns{
	margin:0;
	column-gap:2em;/*oshiwaku同士の間*/
}

.widget-entry-cards.ranking-visible .widget-entry-card-thumb::before{ /*ランク数字*/
	width: 20px;
	height: 20px;
	border-radius:10%;
	top: -10px;/*ランク枠の位置*/
	left: -10px;
	font-size:auto;
	text-align:center;
}

.widget-entry-cards.ranking-visible .no-1 .card-thumb::before {/*1位*/
	line-height: 20px;	background:#222;
}
.widget-entry-cards.ranking-visible .no-2 .card-thumb::before {/*2位*/
	line-height: 20px;	background:#222;
}
.widget-entry-cards.ranking-visible .no-3 .card-thumb::before {/*3位*/
	line-height: 20px;	background:#222;
}
.widget-entry-cards.ranking-visible .no-4 .card-thumb::before {/*4位*/
	line-height: 20px;	background:#222;
}
.widget-entry-cards.ranking-visible .no-5 .card-thumb::before {/*5位*/
	line-height: 20px;	background:#222;
}
.widget-entry-cards.ranking-visible .no-6 .card-thumb::before {/*6位*/
	line-height: 20px;	background:#222;
}
.widget-entry-cards.ranking-visible .no-7 .card-thumb::before {/*7位*/
	line-height: 20px;	background:#222;
}
.widget-entry-cards.ranking-visible .no-8 .card-thumb::before {/*8位*/
	line-height: 20px;	background:#222;
}
.widget-entry-cards.ranking-visible .no-9 .card-thumb::before {/*9位*/
	line-height: 20px;	background:#222;
}
.widget-entry-cards.ranking-visible .no-10 .card-thumb::before {/*10位*/
	line-height: 20px;	background:#222;
}
#content-bottom .popular-entry-card-link.widget-entry-card-link{/*人気記事ランキング*/
	margin-top:0px;/*oshiwakuの画像を上並びで揃えてる※消すとレスポンシブの時に段差できてズレる*/
	border-bottom:1px dotted #999;/*推し枠の上下ボーダー*/
}
#content-bottom .popular-entry-cards.widget-entry-cards{/*親要素　※下記記述で２列表示*/
	display: flex;/*並列*/
	flex-wrap: wrap;/*ターゲットを折り返す*/
	margin-bottom:3em;
}
#content-bottom .popular-entry-card-link{
	width:45%;
	padding:2% 0;
	margin:0 auto;
}

#custom_html-5{/*カスタムHTMLをウィジェに連投挿入したとき空白出るから*/
	margin-bottom:0px;
}

/*■タグクリック後の一覧ページ※縦型カード3列でチェックしとく■トップページを投稿型に選択した場合の新着投稿板チョコ振り分けにもなる*/
.ect-3-columns .entry-card-wrap { /*４列表示*/
	/*width: 24%;24だとTOP一覧とサイズ合う※４分割の場合*/
	width: 30%;/*32だとTOP一覧とサイズ合う※３分割の場合*/
	padding:0 0 9px 0!important;/*カード間の上下左右隙間調整*/
	margin:0 auto!important;/*レスポになったときの中央寄せ*/
	background-color:transparent;
}

.entry-card-wrap{/*タグ一覧ページ*/
	padding:0px!important;
	margin:0px!important;
}

/*カテとタグ一覧の一言コメント※スニペットON*/
.entry-card-snippet.card-snippet.e-card-snippet{
	/*display:none!important;*/
}

/*TOPとカテとタグの記事タイトル共通設定*/
.card-title{
	font-size:15px!important;
	text-align:left!important;
	color:#222;
}

/*■投稿ページ*/
.article h1{
	/*background: linear-gradient(90deg, #353e86 , #c63587);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	position: relative;*/
	color:#222;
	font-size:2em!important;
	text-align:center;
	padding:20px;
	margin-top:1em;
	margin-bottom:1em;
	/*border-bottom: solid 5px #222;*/
    animation-name: fadein;/*アニメーション*/
    animation-duration: 2s;
    animation-iteration-count: 1;
}
@keyframes fadein {/*アニメーション*/
from {
    opacity: 0;
    transform: translateY(20px);
}
to {/*アニメーション*/
    opacity: 1;
    transform: translateY(0);
}
}

.h1_catetag{
	width: 100px;
	height: 100px;
	position:relative;
	top: 25px;
}

/*.archive-title{タグ一覧とカテゴリ一覧のh1に反映
    background: linear-gradient(-92deg, #a8a9cb, #A9CCCB);
	text-align:center;
	color:#FFF;
	padding:0.5em;
	margin:2em 0!important;
}*/


/*.archive-title{タグ一覧とカテゴリ一覧のh1に反映
	text-align: center;
	color:#000;
	padding:2%;
}*/

.archive-title {/*functionPHPで作成したアーカイブ(新着記事一覧)のタイトル*/
	font-size: 2em;
	position: relative;
	text-align: center;
	font-weight:900;
	margin:2em;
	color:#999;
	/*display:none;*/
}
.archive-title:before {
	position: absolute;
	bottom: -10px;
	left: calc(50% - 30px);
	width: 60px;
	height: 3px;
	content: "";
	border-radius: 3px;
	background: #c63587;
}
.archive-title:after{
	content: "";
}

.list.ect-vertical-card-3{/*アーカイブタイトルの板チョコ下にマージン反映*/
	margin-bottom:3em!important;
}

/*.archive-title {タグ一覧とカテゴリ一覧のh1に反映
    position: relative;
    padding: 0.8em 0;
    border-bottom: 5px solid;
    color: #000;
    font-size:2.5em!important;
    text-align: center;
	background: transparent;
}
.archive-title:before {
    border: 16px dashed;
    border-color: transparent;
    border-top-color: #000;
    margin-left: -16px;
	position: absolute;
    top: 100%;
    left: 50%;
    content: "";
    height: 0;
    width: 0;
}
.archive-title:after {
    border: 10px solid;
    border-color: transparent;
    border-top-color:#f5f5f5;
    margin-left: -10px;
	position: absolute;
    top: 100%;
    left: 50%;
    content: "";
    height: 0;
    width: 0;
}*/

/*カテゴリーページのアイコン*/
.archive-title .fa-folder-open:before {
font-family: "Font Awesome 5 Free";
content: "\f46d";
color:#FFF;
font-weight:900;/*無料版は400か900しか使えない＆記述必須*/
}
/*カテゴリtitle h1アイコン非表示 ■アイコン出してるから現在無効化中*/
.fa-folder-open:before {display: none;}

.fa-tags:before {/*タグtitle h1のタグアイコン非表示*/
    display: none;
}

.eye-catch-wrap{display:none;}

#list h2{/*アーカイブの新着記事一覧タイトル　なぜかh2で表記されるから*/
	font-weight:400;
	line-height:20px;
}
.article h2{
	/*background:linear-gradient(90deg, #353e86 , #c63587);*/
	background:#222;
	padding:0.3em 1em;
	margin:100px 0!important;
	color:#FFF;
	margin:4em auto;
}
/*吹き出しボーダーH2
.article h2{
	text-align:center;
	position: relative;
    padding: 0.8em 0;
    margin: 3em auto 3em auto;
    border-bottom: 5px solid;
    color: #222;
	background: transparent;
}
.article h2:before {
    border: 16px dashed;
    border-color: transparent;
    border-top-color: #000;
    margin-left: -16px;
    position: absolute;
    top: 100%;
    left: 50%;
    content: "";
    height: 0;
    width: 0;
}
.article h2:after {
    border: 10px solid;
    border-color: transparent;
    border-top-color:#f5f5f5;
    margin-left: -10px;
    position: absolute;
    top: 100%;
    left: 50%;
    content: "";
    height: 0;
    width: 0;
}*/

/*.entry-content h2 {
	position: relative;
	border-radius: 10px!important;
	background: linear-gradient(-135deg, #ad97c8, #9ad4d3);
    background: linear-gradient(-92deg, #a8a9cb, #A9CCCB);
	text-align:center;
	color:#000;
	margin:4em 0!important;
	padding:0.5em;
	border-bottom:#000 2px dotted;
}*/

.search-box .search-edit {
	padding: 8px 16px;
	border-color: #54418c;
	border-radius: 50px!important;
}

#main .search-box.input-box{/*検索クリック後の画面*/
	margin-top:100px;
}
.main{/*投稿ページの記事*/
	color:#222;/*投稿本文の色になってる*/
	background-color:transparent!important;
}
.wp-block-image{
	padding-top:1em;	
	padding-bottom:2em;
}
.pagination{
	margin:0 auto 80px auto!important;
}
.page-numbers {/*次のページ数字ボタン*/
	border-radius:10%;/*デフォで角丸になってる*/
	color: #222;
	border: 1px solid #222;
}
.pagination .current {
  background-color: #222;
  color: #fff;
}
.page-numbers.dots {
  opacity: 1;
  background: none;
}
.pagination a:hover {
  background-color: #222;
  color: #fff;
}
.pagination-next{/*次のページへという文言の四角ボタン*/
	display:none;
}

.pager-post-navi{/*投稿ページ下に表示される前の記事・次の記事
	display: none;*/
}
/*投稿ページ下に表示される前の記事・次の記事カスタムバックアップ*/
.pager-post-navi{
	display: inline-block;
	width:100%!important;
}
#pager-post-navi{/*前と次の記事の大元BOX*/
	background: repeat-y center top url(https://uumoa.com/wp-content/uploads/border-center.jpg);
}
.prev-post{/*前の記事*/
	float:left;
	width:50%;
	background:transparent;
	/*border-right: #222 1px dashed;*/
	padding:0 15px 0 0!important;
	line-height:25px!important;
}
.prev-post::before{
	content: "前の記事";
	color:#FFF!important;
	background:#222;
	padding:2%;
	font-size:90%!important;
	writing-mode: vertical-rl;/*縦向き*/
	display: flex;/* 子要素を水平方向の中央に配置する */
	justify-content: center;/* 子要素を水平方向の中央に配置する */
}
.fas.fa-chevron-left.iconfont{
	color:#999;
}
.next-post{/*次の記事*/
	float:right;
	width:50%;
	background:transparent;
	/*border-left: #222 1px dashed;*/
	padding:0 0 0 15px!important;
	line-height:25px!important;
}
.next-post::before{
	content: "次の記事";
	color:#FFF!important;
	background:#222;
	padding:2%;
	font-size:90%!important;
	writing-mode: vertical-rl;/*縦向き*/
}
.fas.fa-chevron-right.iconfont{
	color:#999;
}
.sns-share-buttons.sns-buttons{
	margin-bottom:2em;
}
.sns-share-message{
	color:#999;
}
.sns-share{
	width:50%;
	margin:5em auto 3em auto;
}
.share-button{
	/*border-radius:50px!important;*/
}
.button-caption{
	display:none!important;
}
.cocoon-block-balloon{/*吹き出し*/
	margin:80px auto 100px auto!important;
}
#toc{
	border:none;
	background:#FFF;
	width:100%;
	padding:10%;
}
#toc li{
	border-bottom:#CCC 1px dashed;
	line-height:40px;
}
/*■単体指定*/
.marker{/*デフォ黄色マーカー*/
	background-color: /*#;*/ padding:0.5%;}
.marker-red {/*グレー*/
	background-color: #dcdfe5; padding:0.5%;}
.marker-blue {/*ブルー*/
	background-color: #cec6e4; padding:0.5%;}
.pc-kensakuicon{
	background:#222;
	margin-left:2em!important;
}
#main .cat-label {/*サムネカテゴリラベルのカスタマイズ*/
	top: 190px;
	left:1.5%;
	line-height: 1.8;
	font-size: 0.6em;
	font-weight: 400;
	border:none;
}
#main .new-entry-cards.cat-label{
  display:inline-block;
}

.grecaptcha-badge{/*リパッチャセキュリティアイコン非表示*/
	visibility: hidden;
}
.video-container{/*youtube動画中央表示*/
	margin-left:auto!important;
	margin-right:auto!important;
}

.header-in h1{/*404ページ※ロゴまで消えるから他の対策で検討中
	display:none;*/
}
.not-found{/*404デフォ画像*/
	display:none;
}

/*パンくずリストのアイコン非表示*/
.fas.fa-home.fa-fw, .fas.fa-folder.fa-fw, .far.fa-file.fa-fw{
	display:none;
}
.breadcrumb.breadcrumb-category.sbp-main-before.wrap{/*パンくずリスト*/
	background:#FFF;
	margin-top:0;
	color:#222;
}
#breadcrumb{/*パンくずＰＣで非表示中スマホは表示中
	display:none;*/
	text-align:center;
	background:transparent;
	color:#222;
}
#breadcrumb a{
	color:#222;
}
/*タグクラウド*/
.tag-caption .fa-tag:before {/*Footer タグクラウドのアイコン
	font-family: "Font Awesome 5 Free";
	content: "\f292";
	color:#FFF;
	font-weight:900;
	margin-right: -0.5em;*/
	display:none;
}
.tagcloud a,hover{
	text-decoration:none;
/*	border:#666 1px solid;
	border-radius: 20px;*/
	max-width:100%;
	padding:0em;
    font-size: 90%;
	display: inline-block;/*横並び*/
	text-align:center;
	background:tranceparent!important;
}

#kiji-tag a{/*記事を探すのタグ部分*/
	color:#222;
}
#kiji-tag .fas.fa-tag.tax-icon:before{
	/*color:#222;
	margin-right:1px;*/
}

.entry-categories-tags{
	margin-top:5em;
}
.tag-link{/*投稿ページ本文下のタグ*/
	background:#c63587;
	border-radius:0!important;
	color:#FFF;
	border:none;
}
.tag-link:hover{
	color:#FFF;
	background:#c63587;
}
.fas.fa-tag.tag-icon.tax-icon{
	display:none;
}
.entry-tags{
	text-align:center;
}
.tag-cloud-link{
	border:none!important;	
}

/*ホバー対策*/
.a-wrap:hover{
background:transparent!important; /*背景なし*/
}

.oshiwaku{/*推し記事エリア※全ページ共通枠*/
	padding:0 2em;
	/*background:rgba(255,255,255,0.2);*/
	background:none;
	border-radius:10px;
}
.oshiwaku a:hover{
	transition:0.3s all;
	background:rgba(255,255,255,0.3)!important;
}
.oshiwaku a:hover img{/*
	transition:0.3s all;
	opacity: 0.8;*/
}

.oshiwaku img{/*縦サムネ角丸
	border-radius:10px;*/
}
.oshiwaku-font{
	text-align:left;
	font-size:2em;
	color:#222;
	margin-bottom:1em;
}
.mottomiru{
	color:#c63587;
	text-align:center;
	font-size:0.9em;
	font-weight:400;
	margin:0 auto;
	width:40%;
	position: relative;
}
.mottomiru:before {
	position: absolute;
	font-family: "Font Awesome 5 Free";
	content:"\f105";
	font-weight: 900;
	top:50%;
	right:7%;
	transform:translatey(-50%);
}
.mottomiru a{
	padding:0.5em;
	text-decoration:none;
	display: block;
	color:#FFF;
	background:#222!important;
	border-radius:30px;
	border:#222 1px solid;
}
.mottomiru a:hover{
	padding:0.5em;
	text-decoration:none;
	display: block;
	background:#FFF!important;
	color:#222;
	transition-duration: 0.3s;
}

.mottomiru2{
	color:#FFF;
	text-align:center;
	font-size:0.9em;
	font-weight:400;
	margin:0 auto;
	width:40%;
	position: relative;
}
.mottomiru2:before {
	position: absolute;
	font-family: "Font Awesome 5 Free";
	content:"\f105";
	font-weight: 900;
	top:50%;
	right:7%;
	transform:translatey(-50%);
}
.mottomiru2 a{
	padding:0.5em;
	text-decoration:none;
	display: block;
	color:#FFF;
	background:#54418c!important;
	border-radius:30px;
	border:#54418c 1px solid;
}
.mottomiru2 a:hover{
	padding:0.5em;
	text-decoration:none;
	display: block;
	background:#999!important;
	color:#FFF;
	transition-duration: 0.3s;
}

#content-bottom .new-entry-card-date {/*oshiwaku日付表示
  display: block;*/
}

.posts-not-found{/*投稿がみつかりませんでした*/
	margin:5em 0;
	text-align:center;
}

/*関連記事*/
#related-entries{
	background:#FFF;
	margin-right:calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
    padding-right: calc(50vw - 50%);
    padding-left: calc(50vw - 50%);
	padding-top:5em;
	padding-bottom:8em;
	margin-bottom:-3.5em;/*斜め背景の隙間消し*/
	clip-path: polygon(0 0px, 100% 0, 100% calc(100% - 50px), 0 100%);/*背景斜め*/
}
.related-list{/*投稿下にでる関連記事のネガティブマージン調整*/
	margin:auto -5px!important;
}
.related-entry-card-title{/*関連記事太字対策*/
	font-weight:400!important;
	line-height:20px;
}
.related-entry-card-wrap.a-wrap.border-element.cf{
	margin:0;
}
/*.related-entry-heading{
	margin:0;
	text-align:center;
	font-size:1em;
}*/
.related-entry-heading{
	font-size:35px;
	position: relative;
	text-align: center;
	font-weight:900;
	margin-bottom:2em;
	color:#999;
}
.related-list a:hover img{
	transition:0.3s all;
	opacity: 0.5;
}
.related-entry-heading :before{
	position: absolute;
	bottom: -10px;
	left: calc(50% - 30px);
	width: 60px;
	height: 3px;
	content: '';
	border-radius: 3px;
	background: #c63587;
}
/*.related-entry-card-title:before{
	width:100%;
	height: 3px;
	content: '関連記事';
	background:#c63587;
	color:#FFF;
	padding:2px;
}*/

.content-bottom{
	margin-top:0!important;
}
#content-bottom{/*フッター上の隙間消し　その２　※↓その１とセットじゃないとダメ*/
	margin-bottom:0px;
}

/*■■■　投稿内のツール　■■■*/
.wp-block-cocoon-blocks-iconlist-box{
	border:2px solid #FFF!important;
	border-radius:0px;
}

/*■■■　フッター　■■■*/

#footer{
	margin-top:0px!important;/*フッター上の隙間消し　その１　※↑その２とセットじゃないとダメ*/
	/*padding:4em 0.5em;左右のpaddingは自動でcontainerかwrapかmainのが加算して反映されている*/
	/*background-image: url(https://uumoa.com/wp-content/uploads/2023/11/change_bg01.jpg);*/
	background:transparent;
	padding-top:4em;
	padding-bottom:	4em;/*一番下の謎の隙間消し*/
	position: relative;
}
/*#footer::before{
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #f4f5f7;
    transform: skewY(-7deg) translateY(-90px);
    z-index: -1;
}*/

#footer-in{
	background:transparent;
	padding:0 2.5em;
}
.footer.footer-container{
	padding-top:3em;
	padding-bottom:3em;
}
.footer-left{
	padding:0;
}
.footer-center{/*フッター中央のボックスにマージンつけて隙間を左右につけてる*/
	margin:0 3em;
	padding:0;
}
.footer-right{
	padding:0;
}
.footer h3{
	display:none;
}
#nav_menu-4 ul{/*概要系メニュー※PC反映
	column-count: 2;*/
}
#nav_menu-4 li{
	font-size:75%;
	line-height:10px;
	padding-left:0px;
	text-align:left;
}
#nav_menu-7 ul{/*カテゴリー系メニュー※PC反映
	column-count: 2;*/
	text-align:left;
}
#nav_menu-7 li{
	margin-bottom:1em;
	font-size:75%;
	line-height:10px;
	padding:0;
	margin:0;
}
#nav_menu-7 a{
	color:#222!important;
}
#nav_menu-10 ul{/*概要系メニュー※MB反映*/
	margin-top:70px;
	column-count: 2;
	column-gap:0;
	column-rule: solid 1px #666;
	border-top:solid 1px #666;
}
#nav_menu-10 li{
	font-size:80%;
	line-height:10px;
	padding-left:0px;
	text-align:center;
	border-bottom:solid 1px #666;
}
#nav_menu-8 ul{/*カテゴリー系メニュー※MB反映*/
	column-count: 2;
	text-align:center;
}
#nav_menu-8 li{
	margin-bottom:1em;
	font-size:100%;
	background:#FFF;
}
#nav_menu-8 a{
	color:#222!important;
}
.ft-title1{
	/*background: linear-gradient(to right, #353e86 , #c63587);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	border-image: linear-gradient(to right, #353e86 0%, #c63587 100%);
	border-image-slice: 1;*/
	color:#999;
	border-bottom:#999 1px solid;
	font-weight:900;
	font-size:80%;
	text-align:left;
}
.ft-icon1{
	padding-right:10px;
	color:#795baa;
}
.source-org.copyright{
	font-size:0.7em;
}
.footer-bottom.fdt-logo.fnm-text-width.cf{
	background:none;
	margin-right:calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
    padding-right: calc(50vw - 50%);
    padding-left: calc(50vw - 50%);
}
#tag_cloud-8 .tagcloud a{
	background:#222!important;
	color:#FFF;
}
#tag_cloud-8 .tagcloud a:hover{
	background:#999;
	color:#FFF;
	transition:0.3s all;
}
.footer-widgets{
	border-bottom:1px #999 solid;
	margin-bottom:2em;
}

/*■■■ class単品 ■■■*/
.center{
	text-align:center;
	margin-left:auto!important;
	margin-right:auto!important;
}
.midashi {
	font-size:35px;
	position: relative;
	text-align: center;
	font-weight:900;
	margin-bottom:2em;
	color:#999;
	z-index:10;
}
.midashi span {/*見出しの下に小さな補足タイトルを出すとき*/
	font-size: 0.4em;
	display: block;
}
.midashi:before{
	position: absolute;
	bottom: -10px;
	left: calc(50% - 30px);
	width: 60px;
	height: 3px;
	content: '';
	border-radius: 3px;
	background: #c63587;
}

.tabledeco th{
	border:#f4f5f7 1px solid!important;
	background:#FFF;
	color:#222;
	width:40%;
	text-align:left;
	font-weight:400;
}
.fas.fa-angle-right.tableicon{
	float:right;
}
.tabledeco td{
	border:#f4f5f7 1px solid!important;
	background:#FFF;
	color:#222;
	font-weight:400;
}
.tableicon{
	color:#c63587;
	margin-right:0.5em;
}

#change-bgcolor1 {
	/*background: linear-gradient(-90deg, #5dadbe, #757abe);*/
	/*background-image: url(https://uumoa.com/wp-content/uploads/2023/11/change_bg01.jpg);
	background-attachment:fixed;
	background-position:top;*/
	/*background:#ddd2e9;*/
	background:#dcdfe5;
	position: relative;
	margin-right:calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
    padding-right: calc(50vw - 50%);
    padding-left: calc(50vw - 50%);
	padding-top:8em;
	padding-bottom:8em;
	clip-path: polygon(0 50px, 100% 0, 100% calc(100% - 50px), 0 100%);/*背景斜め*/
}
#change-bgcolor2{
	background:#FFF;
	color:#54418c;
	font-weight:900;
	font-family: "Times New Roman"  , serif;
	text-align:center;
	position: relative;
	margin-right:calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
	clip-path: polygon(0 50px, 100% 0, 100% calc(100% - 50px), 0 100%);/*背景斜め*/
	margin-top:-3.5em;
	padding:6em 2em 5em 2em;
}

/*■Contact Form7*/
.inquiry th,.inquiry td {
 border:none!important;
 background:#ef9a9a;
}
.formdeco{
	width:100%;
	margin:auto;
}
/*送信ボタンのデザイン変更*/
#formbtn{
display: block;
padding:1em 0;
width:60%;
background:#c63587;
color:#FFF;
font-weight:900;	 
border-radius:5px;
border: none;
margin-left:auto;
margin-right:auto;
}
/*送信ボタンマウスホバー時*/
#formbtn:hover{
 background:#54418c;
 color:#FFF;
}
/*送信ボタンプッシュ後ボタン下エラー文*/
.wpcf7-response-output{
	color: #54418c;
	background-color:transparent;
	font-weight:900;
	text-align:center;
	border:3px dotted #54418c!important;
	padding:10px!important;
	letter-spacing:0.2em;
	margin:50px 0 90px 0!important;
}
/*送信ボタンプッシュ後フォーム入力横のエラー文*/
.wpcf7-not-valid-tip{
	text-align:left!important;
	color:#c63587!important;
	font-weight:900!important;
}
.text-center{
	text-align:center;
}
.formfont1{
	font-weight:400;
}

/*■■■　モバイルのみのタグだからPC干渉なし　■■■*/

/*MBレスポヘッダーメニュー*/
.mobile-menu-buttons{/*ヘッダーの画像から影を消す*/
	box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
}
.mobile-header-menu-buttons{/*MBヘッダー*/
	height:50px;
	background:rgba(255,255,255,0.7);
}
#menu-mb_header li{/*MBヘッダータップ青背景消し*/
  -webkit-tap-highlight-color:rgba(0,0,0,0)!important;
  cursor:pointer!important;
}

/*■MBヘッダー*/
.mobile-menu-buttons .menu-button.logo-menu-button {/*モバイルロゴ左寄せ
	justify-content: flex-start;*/
}
.share-menu-button.menu-button{/*■共有アイコン*/
	color:#FFF!important;
	background:#000;/*none;*/
	/*width:34px!important;
	height:34px;
	margin: 13px 15px 0 15px;微調整*/
	width:50px!important;
	height:50px;
	margin: 0 0 0 auto;/*微調整*/
}
.share-menu-caption.menu-caption{/*共有シェアアイコン下の文字*/
	display:none;
}
.navi-menu-button.menu-button{/*■検索アイコン*/
	background:none;
	/*width:34px!important;
	height:34px;
	margin: 13px 15px 0 15px;微調整*/
	width:50px!important;
	height:50px;
	margin: 0 0 0 auto;/*微調整*/
}
.custom-menu-icon.menu-icon{/*検索のアイコン色*/
	color:#222!important;
}
.custom-menu-caption.menu-caption{/*アイコン検索　下の文字*/
	display:none;
}
.sidebar-menu-button{/*■メニューをサイドバーで代用　アイコン三*/
	color:#222!important;
	background:none;
	/*width:34px!important;
	height:34px;
	margin: 13px 15px 0 auto;微調整*/
	width:50px!important;
	height:50px;
	margin: 0 0 0 auto;/*微調整*/
}
.sidebar-menu-caption.menu-caption{/*メニューアイコン下の文字*/
	display:none;
}
/*■ハンバーガー中　サイドバーで代用中*/
.sidebar-menu-content{
/*	background: linear-gradient(90deg, #795baa , #d25984);
	left: auto;　左から右開き
	right: 0;
	transform: translateX(105%);*/
	background:rgba(0,0,0,0.9);
	top:0;
	bottom:auto;
	transform: translateY(-120%);
	text-align:left;
	padding:3% 0 5% 0;
	max-width:100%!important;
	max-height:80%!important;
}
.widget_media_image{
	width:60%;
	margin:auto;
}
#slide-in-sidebar{/*ウィジェット項目個別の背景消し*/
	background:transparent!important;
}
#slide-in-sidebar a{
	color:#FFF;
}

span.fas.fa-times::before{/*閉じるボタンアイコン*/
font-family: "Font Awesome 5 Free";
content: "\f057";
color:#FFF;
	font-weight:900;
}
.sidebar-menu-close-button{
	text-align:right;
	margin-right:4%;
}

.widget-sidebar-title.widget-title{/*モバイルスライドインサイドバーのタグタイトル消し*/
display:none;
}

.menu-mb_hamnaka-container li{/*hamメニュー*/
	border-bottom:#54418c 1px dotted;
	border-image: linear-gradient(to right, #353e86 0%, #c63587 100%);
	border-image-slice: 1;
}
#nav_menu-9 ul{/*モバイルスライドインメニュー２列*/
	column-count: 2;
}

.sidebar .search-edit, .search-menu-content .search-edit {/*検索BOX*/
  width: 100%; /*入力部分の長さ*/
  background: #fff; /*入力部分の背景色*/
  padding:5%;
  border: none; /*ボーダーを消す*/
  border-radius:0;
  font-size: 16px;
}

.entry-content img{
margin:auto;
display:block;
}
.wp-caption{
margin:auto;
}

/*■■■ レスポンシブデザイン用のメディアクエリ　■■■*/

/*1030px以下だけど実際は1023pxでタブレットに切り替わってる気がする*/
@media screen and (max-width: 1023px){

.mb_kieru{/*MBで非表示*/
	display:none;
}
.pc_kieru{/*通常時はdisplay:noneだから永遠にMBでも見えないから復活の儀*/
	display:block;/*復活の儀*/
	margin-bottom:0;
}
	
body{
	/*background-size:contain;元画像の縦横比は保持して、要素に元画像が全て収まるように調整してくれます。*/
/**/	background-image:none;
	border-top:none;
	/*background-image: url(https://uumoa.com/wp-content/uploads/bodybg_01.png);
	background-position:top;
	background-repeat: repeat;
	background-attachment: local;*/
}
#breadcrumb{/*パンくず*/
	display:block;
	color:#999;
	background:#FFF;
	margin-right:calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
    padding-right: calc(50vw - 50%);
    padding-left: calc(50vw - 50%);
	padding:2% 5%;
	margin-top:0;
	font-weight:200!important;
	line-height:14px!important;
	font-size:80%;
	letter-spacing :1px;
	text-align:left;
}
.breadcrumb.breadcrumb-category.sbp-main-bottom{
	margin-bottom:0px!important;
}
#breadcrumb a{
	color:#999;
}
#header{
	    background:none;
}
#header-container{/*MBではクリアするため*/
	padding:0;
	/*margin-bottom:7px;微調整*/
}
#header-in{/*MBではクリアするため*/
	margin-bottom:0;
}
.tagline{/*キャッチコピー
	background-color:#222;
	color:#FFF;
	font-size:1em;
	padding:1%;
	margin:5px 0 0 0;
	transform: rotate(-0deg);
    -moz-transform: rotate(-0deg);
    -webkit-transform: rotate(-0deg);*/
	display:none;
}
	
#appeal {/*アピール*/
	/*margin-top:30px!important;モバイルヘッダーの重なりを調整してる*/
/*	background: no-repeat center bottom url(http://uumoa.com/wp-content/uploads/2023/02/api_pc01.png), linear-gradient(-92deg, #a8a9cb, #A9CCCB);
	background-size: contain;
	height:290px;
	padding-top: 65%; /*全表示調整で高さに影響　ブックマーク参考にしろ*/
	/*height:23px!important;*/
	display:block;
	background:#222 /*linear-gradient(90deg, #353e86 , #c63587)*/;
	height:30px!important;	/*↓と同じ高さで設定*/
}
.appeal-message{
	height:30px;			/*↑と同じ高さで設定*/
	display: flex;/*水平中央*/
    align-items: center;/*水平中央*/
	}

#carousel{
	display:none;
	margin-top:0px;/*PCでみたときの隙間消す*/
	overflow: hidden;/*ネガティブマージン全幅でスクロールバー分の隙間出るのを消してくれてる*/
	/*display:block;カルーセルMBのみで表示中*/
	/*background: linear-gradient(-90deg, #CECED9, #D9CED3);*/
}
.carousel-entry-card{
	width:100%!important;
}
#carousel-in{
	padding:0;
	background:#f4f5f7;
}
.carousel-in.wrap{
	margin-top:-16px;
	/*padding:1.5em 0 1em 0;*/
	padding:0;
	background:transparent;
}
.carousel-entry-card-title.card-title{
	height:auto;/*タイトル２行で隠れるのを防ぐ*/
	font-size:15px!important;
	color:#222;
	}
.carousel-entry-card-title{
	padding:5px 20px;
}
.slick-list.draggable{
	padding-top:0;
	margin:0 -47px;/*カルーセル全幅*/
}
.slick-prev{/*←左矢印枠*/
	width:20px;
	height:40px;
	border-radius:0 20px 20px 0;
	margin-top:-30px;
	margin-left:-5px!important;
}
		.slick-prev.slick-arrow{/*左矢印のみ動かす*/
			z-index:1;/*なぜか左矢印だけ画像下に埋もれるから対処*/
			padding-right:7px;
			padding-left:5px;
		}
.slick-next{/*→右矢印枠*/
	width:20px;
	height:40px;
	border-radius:20px 0 0 20px;
	margin-top:-30px;
	margin-right:-5px!important;
}
		.slick-next.slick-arrow{/*右矢印のみ動かす*/
			/*z-index:1;なぜか左矢印だけ画像下に埋もれるから対処*/
			padding-right:5px;
			padding-left:7px;
		}
.carousel .slick-arrow:before {/*なぜか矢印両方に反映されてる*/
	color: #FFF;
	opacity:90%;
	font-size:15px;
	}

.wp-block-cocoon-blocks-column-2{/*メインスライドの２カラムをレスポンシブに*/
	display: block;
}
.wp-block-cocoon-blocks-column-left{/*メインスライドの２カラムをレスポンシブに*/
	width:100%!important;	
}
.wp-block-cocoon-blocks-column-right{/*メインスライドの２カラムをレスポンシブに*/
	width:100%!important;
}
#xo-slider-2683{/*メインスライド枠　全幅*/
    width: 100vw;
    margin-left: calc(-50vw + 50%);
	margin-top:-7px;/*微調整*/
}
.footer-center{
	margin:0;/*フッター左中右の３枠の調整※PCで余白だすようにしてるけどタブレット以下だとおかしくなるから*/
}
#content-in{
	padding:0;
}
.main{/*投稿ページの記事と板チョコのpadding枠*/
	margin-top:0px!important;
	/*padding:0 6%!important;*/
	padding:0 6%!important;
}
.itachoko{
	margin:0px -8px!important;/*TOP板チョコPCと別けてる↑.main paddingと連動中*/
}
#mb-top1big .new-entry-cards.widget-entry-cards.no-icon.cf.card-large-image.large-thumb{
	padding-top:0!important;
}
.mb-max-width{/*モバイル１記事目だけ全幅*/
	width: 100vw;
    margin-left: calc(-50vw + 50%);
}
#main .e-card{/*TOP板チョコ　ウィジェット横長カード連動だったけど#main記述で分離成功*/
	margin-bottom:0em;
}
/*■何も記述しないプレーンの状態だと１記事は大きく表示されるけど、自分で生み出した板チョコ記述を書くと１記事もそのサイズになってしまうんだよ、忘れないようにメモ残しておくね、覚えたらこれ消してくれ*/
#top-itachoko-mb1 .new-entry-cards.large-thumb a {
width: 50%;/*カード間の左右隙間調整*/
}
#top-itachoko-mb2 .new-entry-cards.large-thumb a {
width: 50%;/*カード間の左右隙間調整*/
}
#top-itachoko-mb3 .new-entry-cards.large-thumb a {
width: 50%;/*カード間の左右隙間調整*/
}
#top-itachoko-mb4 .new-entry-cards.large-thumb a {
width: 50%;/*カード間の左右隙間調整*/
}
#top-itachoko-mb5 .new-entry-cards.large-thumb a {
width: 50%;/*カード間の左右隙間調整*/
}
#top-itachoko-mb6 .new-entry-cards.large-thumb a {
width: 50%;/*カード間の左右隙間調整*/
}
.new-entry-cards.widget-entry-cards.large-thumb{
	display: flex;/* 子要素を水平方向の中央に配置する */
	justify-content: center;/* 子要素を水平方向の中央に配置する */
	margin:0;
}
#mb-top1big .new-entry-card-link.widget-entry-card-link.a-wrap{/*MBの１番記事だけ反映*/
	margin:0;
	padding:0;
}
#mb-top1big img{/*１記事目の角丸解除*/
		border-radius:0!important;
}
.new-entry-card-link.widget-entry-card-link.a-wrap{
	max-width:100%!important;/*スマホサムネ１記事だけ表示の場合50%のサイズで表示されるから大きくする*/
}
#mb-top1big .new-entry-card-content.widget-entry-card-content.card-content{/*1記事目タイトル*/
	padding:0.5em 1.5em 1em 1.5em;
}
#mb-top1big .card-thumb{
	margin-top:0;/*隙間消し*/
}

#content .large-thumb a:hover img{/*拡大　TOP板チョコ*/
	transform:none;
}
#list a:hover img{/*拡大　全記事アーカイブ板チョコ*/
	transform:none;
}
	
.article.post{/*投稿本文内のみ反映中　※.post記述ないとTOPの板チョコと連動しちゃう*/
	width:100%;
}
.post-167,.post-3,.post-2797,.post-1163{/*固定ページ本文内のみ反映中　※.post番号の記述ないとTOPの板チョコと連動しちゃう*/
	width:100%;
}
.article h1{
	font-size:1.5em!important;
	line-height:1.2em!important;
	padding-bottom:0;/*微調整*/
	margin-top:1em;
}
/*.article h1:first-letter {最初の１文字をデコ
	padding:15px;
}*/
.archive-title{/*タグ一覧とカテ一覧のh1に反映*/
	font-size:1.5em;
	margin:2em 0 -2em 0!important;
}
.entry-content h2 {
	font-size:1em;
	padding:10px!important;
	margin:4em 0 4em 0!important;
}
.midashi {
	font-size: 1.5em;
}
.midashi span {
	font-size: 0.5em;
}
.mottomiru,.mottomiru2{
	width:70%;
}
#related-entries{
	padding-top:2em;
	padding-bottom:5em;
}
.related-entry-heading{/*関連記事*/
	font-size: 1.5em;
}
.related-entry-card-title{
	line-height:17px;
}
/*タグとカテゴリーの一覧ページ　板チョコ*/
.ect-vertical-card .entry-card-wrap {
margin:0.1em auto!important;
width: 46%;/*カード間の左右隙間調整*/
}
#list.ect-3-columns{/*↑とセットで微調整してる*/
	padding:0 11px;		
}
/*TOPとカテとタグの記事タイトル共通設定*/
.card-title{
	font-size:13px!important;
	text-align:left!important;
}
.date-tags{/*両日のBOX*/
	margin-bottom:2em!important;
}
.post-date:after {/*★投稿日で改行して更新日を２行で表示*/
	content: "\A" ;
	white-space:pre!important;
	line-height:24px;
}
.cocoon-block-balloon{/*吹き出し*/
	margin:10px auto 40px auto!important;
}	
/*一言コメントスニペット*/
.new-entry-card-snippet.widget-entry-card-snippet.card-snippet{
	font-size:0.7em;
}
.formdeco{/*問い合わせフォーム*/
	width:100%;
}
.wpcf7-response-output{
	margin:auto auto 55px auto!important;
}
.oshiwaku{
	padding:0 1.7em;
	margin:0;
}
#content-bottom .widget-entry-card-thumb{/*oshiwakuの縦表示サムネ*/
	margin-right:1em;/*MB表示の時にマージン追加してる*/
	width:40%!important;
}
#content-bottom .wp-block-column{/**/
	margin:0;
}
#content-bottom .new-entry-card-link.widget-entry-card-link.a-wrap{
	padding:0.2% 0 1% 0;
	border-bottom:1px dotted #999;/*推し枠の上下ボーダー*/
}
#content-bottom .wp-block-columns{
	margin:0;
}
#content-bottom .popular-entry-cards.widget-entry-cards{/*ランキング親要素　※下記記述で２列表示*/
	display:block;
	flex-wrap:nowrap;
}
#content-bottom .popular-entry-card-link{
	width:100%;
	padding:2% 0;
	margin:0 auto;
}

.sns-share{
	width:80%;
}
.change-bgcolor1 {
	/*background:transparent;*/
	padding-top:0;
	padding-bottom:0;
}
#change-bgcolor2 img{
	width:60%;
}
#pager-post-navi{
	background:none;
}
.prev-post{/*投稿ページの前の記事ボタン*/
	width:100%;
	border-right:0px;/*MBだと改行されるから中央線必要なし*/
	line-height:16px!important;
	margin-bottom:20px!important;/*MBだと改行されるから隙間開ける*/
	padding:0!important;
}
.next-post{/*次の記事ボタン*/
	border-top:1px #f4f5f7 solid;
	width:100%;
	border-left:0px;/*MBだと改行されるから中央線必要なし*/
	line-height:16px!important;
	padding:0!important;
	margin-bottom:20px!important;
}
.content-bottom{/*パンくずメインカラムボトムに表示したとき空白あくのを消す*/
		margin-top:0;
}
.content{/*headerとメインの空白*/
	padding-top:0!important;
}
.wp-block-columns{/*カラムを1023px以下で縦表示にする※個々の設定じゃなくて強制的にレスポンシブになる瞬間を統一させることにしたよ
    flex-direction: column!important;*/
}

/*.wp-block-cocoon-blocks-column-right.column-right{/*ライター紹介でスマホ閲覧時に縦一列になると隙間ないから
		margin-bottom:0px!important;
	}
.wp-block-cocoon-blocks-column-left.column-left{
		margin-bottom:0px!important;
	}*/
.prof-space1{margin-top:4em!important;}/*ライター紹介のカラムに個別でclassしてる*/

#footer{
	padding-top:1em;
	padding-bottom:1em;
	background:transparent;
}
#footer a,hover{/*モバイルでのホバーなし*/
	background:transparent!important;
}
#footer-in{
	padding:0;
}
#tag_cloud-6 .tagcloud a{
	background:#222!important;
	color:#FFF;
}
#tag_cloud-6 .tagcloud a:hover{
	background:#999;
	color:#FFF;
	transition:0.3s all;
}
.space2{
	margin-top:60px;
	}

}/*1023px以下_END*/



@media screen and (max-width: 768px){}/*768px以下_END_未使用*/