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

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

/****************margin-bottomのリセット**********************/
.entry-content>*, .article p, .demo .entry-content p, .article dl, .article ul, .article ol, .article blockquote, .article pre, .article table, .article .toc, .body .article, .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 .widget, .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, .is-root-container>*, [data-type="core/freeform"]{
	margin-bottom: 0;
}
/****************コンテンツ幅**********************/
.no-sidebar .wrap {
 width: 980px;
}
/****************h1**********************/
h1 {
	font-size: 2em;
}
/****************pカラー**********************/
p {
	color: #333333;
}
/****************ヘッダー**********************/
#header-in {
	height: 80px;
}

/****************ヘッダー固定**********************/
div#content.content.cf{
	margin-top: 0;
}
div#header-container.header-container {
	 width: 100vw;
    clear: both;
    /*position: fixed;  ヘッダー固定*/
    margin-top: 0;
    z-index: 1;
	text-align: center;
}
/************************トップアイキャッチ（ウィジェットで設定）*********************************/
/*コンテンツ上部の画像　全幅にする*/
#content-top-in {
    width: 100%;
}
/*メニューとコンテンツ上部の画像の余白調整*/
#content-top{
	margin: 0px;
	text-align: center;
}
#media_image-2 {
	margin: 0 auto;
}

/****************ショートコード[new_list]に投稿日表示**********************/
.new-entry-card-date {
  display: block;
	text-align: right;
}
/****************** メインのエントリー記事をフワッと浮かせる ******************/
a.new-entry-card-link.widget-entry-card-link.a-wrap {
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1), 0 2px 3px 0 rgba(0, 0, 0, 0.2);
  margin: 0.5em auto;
  padding: 1em;
}

a.new-entry-card-link.widget-entry-card-link.a-wrap:hover {
  box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.15), 0 0 5px rgba(0, 0, 0, 0.1);
  transform: translateY(-4px);
}
/****************投稿記事一覧で閲覧数非表示**********************/
div.admin-pv{
	display:none;
}
/****************ボーダー両端**********************/
div#container.container.cf {
	border-left: 5px solid #7A6A56;
	border-right: 5px solid #7A6A56;
}

/****************固定ページタイトル非表示**********************/
.page .entry-title {
display: none;
}


/**************ヘッダーメニュー選択時ホバー***********************/
.navi-in > ul{
	flex-wrap: nowrap; /****************グローバルメニュー折り返さない**********************/
}

.navi .item-label:hover { /******フォント色がaで決まってないから.navi .item-labelではカラー変更不可****/
background-color: #FFFAF0;
transition: all 0.3s ease-in-out;
color: #B28247;
}

/************************************
**ヘッダーロゴ
************************************/
@media screen and (max-width: 834px){
.container {
margin-top:0;
}
}

.logo-image {
max-height:200px;/*大きなロゴ画像を使いたい方は、ここの数字を大きくしてみてください*/
padding: 0;
margin: 0;
display: block;
vertical-align: middle;
}
.logo {/*ロゴ画像を中央に配置したい方は、以下3行を削除*/
width: 300px;
margin:0 auto;
}

.logo-header img {
vertical-align: middle;
box-shadow: none!important;
}

/************************************
**ヘッダー　モバイル表示
************************************/
@media screen and (max-width: 1023px) and (min-width: 835px){
.admin-bar.mblt-header-mobile-buttons, .admin-bar.mblt-header-and-footer-mobile-buttons {
margin-top: 0;
}}
@media (min-width:1024px){
main#main.main{/***************main上余白増やす********************/
	padding: 80px 80px 20px 80px;
	border: 0;
}
ul.mobile-header-menu-buttons.mobile-menu-buttons{
display:none;
}
}
@media (max-width:1023px){
	main#main.main{/***************main上余白増やす********************/
	padding: 80px 20px 20px 20px;
	border: 0;
}
.header-container {
display:none;
}
.mobile-menu-buttons .menu-button{
		cursor: default;
}
/*元のタグ　img.site-logo-image ヘッダーロゴ１*/
a.menu-button-in{
width:200px;
display:block;
margin:auto;
max-height:50px;
padding:0px 0 0 0px;
box-shadow:none;
}
.mobile-header-menu-buttons {/*ヘッダー背景色を変えるときはここを変更*/
background: #FFFAF0;
border-left: 5px solid #B28247; /*モバイルヘッダー両端ボーダー*/
border-right:5px solid #B28247;
}
}

/************************************
**モバイル表示　ヘッダーメニュー・検索アイコン************************************/
.mobile-menu-buttons{
height:70px;
box-shadow: none;
}
.mobile-menu-buttons > li {
padding-top:0px;
}
.menu-button{
margin: auto;
}
.mobile-menu-buttons .menu-button:hover .menu-button-in {
  opacity: 1;
}
.mobile-menu-buttons .menu-button:hover{
background-color: #FFFAF0;
transition: all 0.5s ease-in-out;
color: #B28247;
}
span.fas.fa-search::before{
color:#90C31F;/*検索マーク色変更はこちら*/
margin-left:1em;
}


span.fas.fa-bars::before{
color:#90C31F;/*ハンバーガーメニュー色変更はこちら*/
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;
}



/************************************
**フッター************************************/
.footer {
  margin-top: 40px; /*フッターとコンテンツの間に余白追加*/
  background: #ffffff; /*フッター背景色*/
  border-top: 4px solid #FFFAF0; /*上部にボーダー追加*/
}
.footer-bottom {
  margin-top: 14px; /*フッター内上部の余白を詰める*/
}
.footer-bottom-logo { /*ロゴの位置調整*/
  float: none;
  bottom: auto;
  position: static;
  margin-bottom: 10px;
}
.footer-bottom-logo .logo-image {
  padding: 0 0 10px 0;
  max-width: auto; /*ロゴ画像を少し大きく*/
  margin: 0px auto;
}
.footer-bottom-content { /*メニュー＆クレジットの位置調整*/
  float: none;
  text-align: center;
}
.navi-footer-in > .menu-footer { /*メニューの位置調整*/
  justify-content: center;
  margin-bottom: 1em;
}
.navi-footer-in a {
  color: #5E5E5E; /*メニューの文字色*/
}
.navi-footer-in a:hover { /*メニューのマウスホバー時の指定*/
  color: #5E5E5E; /*文字色を通常時と同じに*/
  background: none; /*背景色をなしに*/
  text-decoration: underline; /*アンダーラインを追加*/
}
.footer-bottom.fnm-text-width .menu-footer li {
  line-height: 1; /*メニューの区切りボーダーの高さを1文字分にする*/
}
.copyright {
  color: #aab3b9; /*クレジットの文字色*/
}
@media screen and (max-width: 834px) {
  .navi-footer-in > .menu-footer li.menu-item {
    border: none; /*モバイルでメニューのボーダーを消す*/
	 padding: 0.3em 0;/*メニュー余白上下*/
  }
	.navi-footer-in ul {/*モバイルフッター縦積み*/
		display: flex;
		flex-flow: column;
		align-items: center;
	}
	
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
	/****************コンテンツ幅**********************/
.no-sidebar .wrap {
 width: 100%;
}
	#media_image-2{
		margin-top: 70px;
	}
}

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

}

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