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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
	.article h2 {
font-size: min(7vw, 20px);
  padding: 0px;
  background-color: #efedde;
  border-radius: 2px;
}

#media_image-2 {/*スマホ用ロゴ*/
   display: none;
	background-color: #efedde;
	text-align:  center;
	margin-top: 40px;
	margin-bottom: 40px;
}
.wp-block-columns,{
	margin-bottom: 0;
	 background-color:#efedde;
}
.main, .body .article, .article{
	 background-color:#efedde;
}
.content{
	margin-bottom: 0px;
}
#footer {
	background-image: url( http://fellow-fellow.com/wp-content/uploads/2023/03/footer_01-1.jpg );
	background-size: cover;
	margin-top: 0;
	background-position: right center;;
}

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

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

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

	img {
		object-fit:cover;
	}
	
/*スマホ横揺れなし*/
	html,
	body {
		overflow-x: hidden;
		-webkit-overflow-scrolling: touch;
	}
/*新着記事サムネイルなし*/
	.pt-cv-href-thumbnail {
		display: none;
	}
/*アピールエリア画像*/
.appeal {
  background-image: url('http://fellow-fellow.com/wp-content/uploads/2023/06/header_mb01.jpg');
}
	.content .main, .content .sidebar {
		padding: 10px;
	}
.article h2 {
font-size: min(5vw, 20px);
  background-color: #efedde;
  border-radius: 2px;
}
	#appeal,
.appeal .appeal-in {
	min-height: 530px;
	}
	
	 #media_image-2 {/*スマホ用ロゴ*/
      display: block;
   }

	
/*スマホ用ロゴ*/
	.pt-cv-view {
	font-size: 15px;
    margin-bottom: 15px;
		
	}
/*新着記事レイアウト*/
.pt-cv-content-item {
    padding-bottom: 20px;
    position: relative;
    overflow: hidden;
}
.pt-cv-wrapper .col-xs-12 {
	width: 100%;
    padding-right: 20px;
	padding-left: 20px;
}
.pt-cv-title {
    font-size: 20px;
    margin-bottom: 0;
	line-height: 2em;
	text-decoration: underline #994c00 1px;
	text-underline-offset: 0.3em;
}

.fz-32px {
font-size: min(8vw, 25px);
}
.fz-18px {
font-size: min(5vw, 16px);
}

}





.indent{
 text-indent: 1em;
}

/*タイトル非表示*/
.entry-title {
display: none;
}

/*グローバルメニューのフォントサイズ等変更*/
.navi-in .menu-header .item-label{
font-size: 19px;
font-weight: normal;
}

/*モバイルメニューボタン*/

.mobile-menu-buttons{
color:#333;/*アイコン色*/
background-color:rgba(237,230,202,0.8);
box-shadow: none;
font-size: 1.7em;
	    border-radius: 3px;
	width: 60px;
	 border: solid 1.5px #333;
	text-align: start;
	margin-left:auto;
	margin-right:0.5em;
	margin-top: 0.5em;
}
#column {
  display: flex;
  align-items: flex-start;
  flex-flow: row wrap;
}
	
}

.mobile-menu-buttons .menu-caption {
	font-size: 0.4em;
    opacity: 1;
    display: block;
}

.mblt-header-mobile-buttons {
margin-top: 0;

}
.menu-drawer a .fas, .menu-drawer a .far,.menu-drawer a .fa,.menu-rdawer a .fab {
margin-right: 10px;
}

/*ページ上部余白なし*/
.main .content{ 
margin: 0; 
padding: 0;
	
}
#main { 
margin: 0; 
padding: 0;
	
}
.entry-content { 
margin: 0; 
padding: 0;
	
}
#breadcrumb { 
margin: 0; 
padding: 0;
	
}


/*スライドインメニュー中身*/
.navi-menu-content{
	width: 220px;
	left: auto;
	right: 0;
	line-height: 2.5em;
	background-color: rgba(237,230,202,0.9);
	transform: translateX(101%);
}

.menu-drawer {
	font-size: 1.3em;/*文字の大きさ*/
	color: #333;/*文字の色*/
	height: 3em;/*行の高さ*/
}

.menu-drawer a:hover{
	color: rgba(255,255,255,0.8);
	background-color: rgba(237,230,202,0.5);
}
.menu-close-button{
    display: block;
    cursor: pointer;
    text-align: center;
    font-size: 1em;
    line-height:2em;
    margin: 2em;
}


.wp-block-spacer{
	margin: 0; 
padding: 0;
	background-color: #efedde;
	
}
/*新着記事ボタン*/
.pt-cv-view a,.pt-cv-view a:hover {color:#994c00;}
.pt-cv-readmore{
	color:#fffffb !important;
	background-color:#a58161 !important;
	width: 100px !important;
	border:3px !important;}

}

.headerlogo .textwidget {
	margin: 0; 
padding: 0;
	display: block;
background-color: #efedde;
}

/************************************
** 投稿ページサイドバーのスタイル
************************************/
.body .new-entry-cards {
  background-color: #fff !important;
}


.metaslider .flex-control-nav {
    border: 0;
    margin: auto;
    list-style-type: none;
    list-style: none;
    padding: 0;
    bottom: -27px;
    line-height: 11px;
    z-index: 2;
	background-color: #efedde
}
.block-editor-block-list__block.is-selected {
  background-color:#efedde ;
}
.breadcrumb {
  background-color:#efedde ;
}

.entry-content>*, .article p, .demo .entry-content p, .article dl, .article ul, .article ol, .article blockquote, .article pre, .article table, .article .toc, .body .column-wrap, .body .new-entry-cards, .body .popular-entry-cards, .body .navi-entry-cards, .body .box-menus, .body .ranking-item, .body .rss-entry-cards, .body .author-box, .body .blogcard-wrap, .body .login-user-only, .body .information-box, .body .question-box, .body .alert-box, .body .information, .body .question, .body .alert, .body .memo-box, .body .comment-box, .body .common-icon-box, .body .blank-box, .body .button-block, .body .micro-bottom, .body .caption-box, .body .tab-caption-box, .body .label-box, .body .toggle-wrap, .body .wp-block-image, .body .booklink-box, .body .kaerebalink-box, .body .tomarebalink-box, .body .product-item-box, .body .speech-wrap, .body .wp-block-categories, .body .wp-block-archives, .body .wp-block-archives-dropdown, .body .wp-block-calendar, .body .ad-area, .body .wp-block-gallery, .body .wp-block-audio, .body .wp-block-cover, .body .wp-block-file, .body .wp-block-media-text, .body .wp-block-video, .body .wp-block-buttons, .body .wp-block-columns, .body .wp-block-separator, .body .components-placeholder, .body .wp-block-search, .body .wp-block-social-links, .body .timeline-box, .body .blogcard-type, .body .btn-wrap, .body .btn-wrap a, .body .block-box, .body .wp-block-embed, .body .wp-block-group, .body .wp-block-table, .body .scrollable-table, .body .wp-block-separator, .body .wp-block, .body .video-container, .comment-area, .related-entries, .pager-post-navi, .comment-respond {
    margin-bottom: 1.3em;
	 background-color:#efedde ;
}
/************************************
** カテゴリーのアイコンを変更
************************************/
.widget_categories ul li a::before{
 font-family: "Font Awesome 5 Free"; /*Font Awesomeのバージョン*/
 content: "\f192"; /*アイコンのフォント*/
 color:#a8bcc8; /*アイコンの色*/
 padding-right:5px; /*アイコンとフォントの間の余白*/
 font-weight: 800; /*アイコンの太さ */
 }

/************************************
** アコーディオンの見出しのアイコンを消す
************************************/
.toggle-button::before {
  content: none; /*クリック前のアイコン*/
}

.toggle-checkbox:checked ~ .toggle-button::before {
  content: none; /*クリック後のアイコン*/
}
/************************************
** 画像同士の余白調整
************************************/
body {
    --wp--style--block-gap: 5px;
}

/************************************
** ギャラリー画像のサイズ統一
************************************/
.wp-block-gallery.has-nested-images figure.wp-block-image {
    flex-grow: 0;
}

/************************************
** PDFボタン
************************************/
.btn-flat-simple {
position: relative;
  display: inline-block;
  font-weight: semibold;
  font-size: min(3.5vw, 16px);
  padding: 0.25em 0.5em;
  text-decoration: none;
  color: #432F2F;
  background: #FBFAF5;
  transition: .4s;
}

.btn-flat-simple:hover {
  background: #3A322F;
  color: white;
}




/*ここまで*/