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

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

/* お問合せフォームのタイトル色 */
.cf_title {
	color: #ffffff;
}
/* お問合せフォームの必須マークの色 */
.required {
	color: #ff0000;
}
/* お問合せフォームのボタン */
.wpcf7 input[type="submit"] {
width:50%;
padding:15px;
border-radius:10px;
-webkit-border-radius: 10px;  
-moz-border-radius: 10px;
border: none;
background: #CC8ABF;
color: #ffffff;
font-size: 1.2rem;
transition: 0.3s;
	/* お問合せフォームの送信ボタンの位置調整2 */
	display: block;
	margin: auto;
}
.wpcf7 input[type="submit"]:hover {
background: #E8A8DC;
transform: translate3d(0px, 1.5px, 0px);
-webkit-transform: translate3d(0px, 1.5px, 0px);
-moz-transform: translate3d(0px, 1.5px, 0px);
}
	/* お問合せフォームの入力欄エラー時の色 */
input.wpcf7-not-valid,
textarea.wpcf7-not-valid,
select.wpcf7-not-valid {
    background: #FFE4FE;
}

/* お問合せフォームの入力欄エラーメッセージの文字色 */
.wpcf7 span.wpcf7-not-valid-tip {
color: #DE435A;
}
/* お問合せフォームの入力欄メッセージボックスの文字色 */
.wpcf7 .wpcf7-response-output {
color: #FFFFFF;
}

/* お問合せフォームの余白 */
.form_box {
margin-bottom: 5%;
}

/* お問合せフォームのテキストエリアのplaceholderの色調整 */
textarea::placeholder {
  color: #B3B3B3;
}

/* お問い合わせフォームの入力欄を青から白へ */
.elementor-widget-shortcode .wpcf7 input:not([type="submit"])  {
	background-color: #ffffff;
}
/* お問い合わせフォームのテキストエリア入力欄を青から白へ */
.elementor-widget-shortcode .wpcf7 textarea  {
	background-color: #ffffff;
}

.elementor-widget-shortcode .wpcf7 textarea::placeholder {
  color: #B3B3B3;
}

/* ボタン青から元へ */

.elementor-widget-shortcode .wpcf7 input[type="submit"]:hover {
	background-color: #E8A8DC;
	color: #ffffff;
	
}
/* 最下部背景 */
.e-con-inner {
	background-color: #1f1b1b;
}
.elementor-22 .elementor-element.elementor-element-ce243af {
	background-color: #1d1919;
}

/* バナーホバー時の色調整 */


.elementor-22 .elementor-element.elementor-element-99e3124 img:hover,
.elementor-22 .elementor-element.elementor-element-1c3a347 img:hover {
	filter: contrast(0.7)  brightness(130%);
}
/* Labアイコンホバー時の色調整 */
.elementor-22 .elementor-element.elementor-element-53c4798.elementor-element :hover{
		
	filter: brightness(101%);
	
}

/*  メンバーホバー時のポップ設定*/

.premium-modal-trigger-container{
 transition:0.3s all;
}
.premium-modal-trigger-container:hover{
  transform:scale(1.05,1.05);
  transition:0.3s all;
}
/* メンバー１ネームフォントサイズ */
.pm {
	font-size: 24px;
}


/* レスポンシブメニュー右の隙間調整 */
.elementor-22 .elementor-element.elementor-element-25f09c4 nav.hfe-dropdown {
	margin-right:  -10px;
}

/* カルーセル画像ホバー時の色調整 */
.swiper-slide-image{
   transition: all 0.3s;  
}
.swiper-slide-image:hover {
   filter: opacity(70%);
	transform: scale(1.05);
}



/*ブログサイトロゴ非表示*/
.site-name-text {
display: none;
}
/*ブログサイトヘッダー非表示*/
.logo-header img{
 display: none;
}


/* ブログ背景色 */
body.public-page {
    background-color: #272727;
}
/* ブログカラー*/
.main, .sidebar, .footer {
    background-color: #3C3C3C;
}
.entry-card-title, 
.related-entry-card-title,
.e-card-info > span{
  color: #fff;
}
.a-wrap {
  color: #fff;
}
.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, .widget_block ul li a  {
	color: #fff;
}
.sidebar h2 {
	background-color: #3C3C3C;
}
/* ブログフッター位置調整 */
.footer-bottom {
margin-top: 0;
}
/* ブログホバー色 */

.widget_recent_entries ul li a:hover,
.widget_categories ul li a:hover,
.widget_archive ul li a:hover,
.widget_pages ul li a:hover,
.widget_meta ul li a:hover,
.widget_rss ul li a:hover,
.widget_nav_menu ul li a:hover,
.navi-in a:hover,
.navi-footer-in a:hover,
.a-wrap:hover,
.comment-reply-link:hover,
.recent-comments .a-wrap:hover .recent-comment-content,
.pagination a:hover,
.pagination-next-link:hover, .comment-btn:hover,
.pager-links a:hover span,
.pager-links a:hover span,
.mobile-menu-buttons .menu-button:hover,
.menu-drawer a:hover,
.bp-login-widget-register-link a:hover,
.widget_block ul li a:hover,
.copyright a:hover {
background-color: #3C3C3C; /*背景色*/
color: #fff; /*フォントカラー*/
transition: all 0.5s ease;
filter: contrast(0.7)  brightness(130%);
}



/* モーダルホバー色設定１ */
/* .premium-modal-trigger-container:hover {
transition: all 0.5s ease;
filter: contrast(0.7)  brightness(80%);
}
 */
/* モーダル文字ホバー設定１ */

/* .elementor-element-076f54d:hover {
	text-decoration:underline;
	border-bottom:2px solid #ffffff;
} */

/*  ポップアップ文字間*/
/* .e-con>.e-con-inner {
	gap :  0;
} */

/* TOPへ戻るボタン */
.top-return{
	display: none;
}



.mobile-menu-buttons .menu-button:hover {
	background-color: #ffffff; /*背景色*/
color: #3C3C3C; /*フォントカラー*/
	
}

/* ブログフッターナビ縦線非表示 */
#navi-footer li {
  border: none;
}
/* ブログページネーションカラー */
.page-numbers {
	color: #ffffff;
}
.pagination .current  {
	color: #333333;
}

/* ブログ次のページ非表示 */
.pagination-next-link {
  display: none;
}

/*ブログロゴのフォント変更*/
.navi-in a {
font-family: 'arial black','Avenir','Helvetica Neue';
font-weight: bold;
font-size: 20px;
}

/* ブログ検索ボタンの色 */
.wp-element-button {
    background-color: #3C3C3C; 
}
/* サイドバーの検索の上の余白 */
.wp-block-search__inside-wrapper  {
margin-top: 1.8em;
}

/* サイドバーの検索の文字非表示 */
.wp-block-search__label {
	display: none;
	
}
/* ブログコンテンツエリアの角丸調整 */
 main.main, div.sidebar {
     border-radius: 10px;
	}

/* ブログコンテンツエリアの余白調整 */
main.main{
	padding: 35px 40px;
}

/* ブログサムネイルとタイトルの間の余白調整*/
.entry-card-content {
    margin-left: 42%;
}


/*  ブログのカテゴリーアイコンの背景色*/
.cat-link  {
	background-color: #3C3C3C;
}
/* ブログのコメント書き込みボタンの色 */
.pagination-next-link, .comment-btn {
	background-color: #3C3C3C;
}
/* ブログのコメント編集しますか？等のテキスト色 */
.logged-in-as > a{
	color: #eee;
}
/* ブログの整形済みテキストの背景色 */
.wp-block-verse {
	background-color: #3C3C3C;
}
/* ブログのTOPへ戻るボタンの調整 */
.go-to-top-button {
  border-radius: 50%;
  opacity: 0.9;
}


/* コンテンツ全体の幅調整 */
@media screen and (min-width: 1024px){
 .wrap {
    max-width: 1100px;
}
}
/* カルーセル矢印位置 */
.eicon-chevron-right {
	padding-top:70px;
}
.eicon-chevron-left {
	padding-top:70px;
}

	


/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
	
/* 	ブログコンテンツエリアの外側のマージン */	
 main.main, div.sidebar {
     margin:15px 18px;
	}
	
	/* モバイルトップメニュー 横スクロール*/

	ul.menu-mobile{
		overflow-x: auto;
		overflow-y: hidden;
		display: flex !important;
		flex-wrap: nowrap;
		font-size: 14px;
		justify-content: flex-start;
		padding: 0 1em;
		-webkit-overflow-scrolling: touch;
		position: relative;
	}

	ul.menu-mobile > li{
		padding-right: 1em;
		white-space: nowrap;
	}
	ul.menu-mobile　.item-label{
		white-space: nowrap;
		font-size: 14px;
	}
	
	/* カルーセル矢印位置 */
.eicon-chevron-right {
	padding-top:40px;
}
.eicon-chevron-left {
	padding-top:40px;
}
}

	


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

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	
	/* ブログサムネイルとタイトルの間の余白調整*/
	.ect-entry-card .card-thumb {
		margin-right: 20px;
	}
	/* ブログサムネイル横にスニペット表示*/
	.ect-entry-card .card-snippet {
		clear: right;
	}
	/* ブログコンテンツエリアの余白調整 */
main.main{
	padding: 20px 30px;
}
	
}