@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 {
	padding-bottom: 150px;
}
.single .content-in,
.blog .content-in {
    width: 860px
}
.wp-block-cocoon-blocks-blank-box-1 ul,
.caption-box-content ul {
	list-style: none;
	padding: 0;
}
.footer-center,
.footer-mobile {
	text-align: center;
	width: 100%;
}
.footer-center img,
.footer-mobile img {
	width: 100px;
	margin-bottom: 20px;
}
.footer-center .flex-btn,
.footer-mobile .flex-btn {
	display: flex;
	justify-content: center;
	gap: 20px;
	margin-bottom: 15px;
}
.footer-mobile .flex-btn {
	margin-bottom: 5px;
}
.footer-center .flex-btn a,
.footer-mobile .flex-btn a {
	display: block;
	background-color: #111;
	color: #FFF;
	text-align: center;
	padding: 7px 20px;
	text-decoration: none;
}
.footer-mobile .flex-btn a { 
	font-size: 13px;
}
.footer-center .flex-btn a:hover,
.footer-mobile .flex-btn a:hover {
	opacity: 0.7;
}
.footer-center .flex p,
.footer-mobile .flex p {
	line-height: 140%;
}
.footer-left, .footer-right, .footer-center {
	flex: none;
}
.footer-center .flex,
.footer-mobile .flex {
	display: flex;
	justify-content: center;
	gap: 30px;
}


.footer-mobile {
	position: fixed;
	bottom: 0;
	background-color: #FFF;
	border-top: 1px solid #999;
	z-index: 100;
}
.footer-mobile aside {
	margin: 0 !important;
}
.footer-widgets {
position: fixed;
	bottom: 0;
		background-color: #FFF;
	width: 100%;
	border-top: 1px solid #999;
z-index: 100;
	margin: 0;
}
.footer-widgets aside {
	margin: 0 !important;
}

@media screen and (max-width: 860px) {
    .single .content-in,
	.blog .content-in {
        width:auto
    }
}

.page .entry-title {
	display: none;
}
.page .date-tags {
	display: none;
}
#search-menu-input, .search-menu-icon, #search-menu-open {
	display: none;
}


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

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

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