@charset "UTF-8";

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

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

/*フォントフェイス*/

/*

@font-face {

	font-family: "G-xBold";

	src: url("https://muralnotes.com/wp-content/fonts/G-xBold.woff2") format("woff2"),

	url("https://muralnotes.com/wp-content/fonts/G-xBold.woff") format("woff");

}


@font-face {

	font-family: "Aspire Demibold";

	src: url("https://muralnotes.com/wp-content/fonts/AspireDemibold-YaaO.woff2") format("woff2"),

	url("https://muralnotes.com/wp-content/fonts/AspireDemibold-YaaO.woff") format("woff");

}

*/


/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*モバイル端末向けフッターデザイン*/
@media (any-hover: none){
.navi-footer-in > .menu-footer li.menu-item {
	border: 0;
	margin: 1.5%;
	display: flex;
	flex: 1 1 auto;
	text-align: center;
	text-decoration: underline;
	text-decoration-thickness: 0.1em;
	text-underline-offset: 20%;
	text-decoration-style: dashed;
}
	.pager-post-navi > a:focus > .fa {
	color: #00519a;
}
	.a-wrap:focus {
	background-color: rgba(0,81,154,.05);
	transition: .2s;
	box-shadow: 0 0 3px rgba(0,0,0,.3);
	}
	#content-top {
	margin-inline: 0.4em;
}
}

/*1240px以下*/
@media screen and (max-width: 1240px){
}


/*1030px以下*/
@media screen and (max-width: 1030px){
	.no-mobile-header-logo .header .logo-header {
	display: block;
}
	.has-logo-button .menu-button {
	width: 3.5em;
}
}

/*1023px以下*/
@media screen and (max-width: 1023px){
	.mblt-header-mobile-buttons {
	margin: 0;
}
	#header-container {
	padding-top: 52px;
}
	.mblt-header-mobile-buttons .menu-pc {
	display: none;
}
}

/*835px以上*/

@media screen and (min-width: 835px){
	.mblt-header-mobile-buttons .menu-pc {
	display: flex;
}
}

/*768px以下*/
@media screen and (max-width: 768px){


}

/*300px以下*/
@media screen and (max-width: 300px){
	.ss-top .sns-share-buttons a .button-caption, .ss-bottom .sns-share-buttons a .button-caption {
	line-height: 1.3em;
}
}

/*280px以下*/

@media screen and (max-width: 280px){
#search-menu-open {
	position: absolute;
	top: 0.6em;
	right: 0.6em;
	z-index: 3;
}
#navi-menu-open {
	position: absolute;
	top: 0.6em;
	left: 0.6em;
	z-index: 3;
}
	.menu-caption {
	visibility: hidden;
}
	.ss-top .sns-share-buttons a .button-caption, .ss-bottom .sns-share-buttons a .button-caption {
	font-size: 95%;
	margin-left: 0.5em;
	}
	#navi .navi-in > .menu-mobile {
	padding-bottom: 2% !important;
}
}

/*200px以下*/
@media screen and (max-width:200px){
	.logo-menu-button {
	display: flex;
	line-height: normal;
	min-width: auto;
}
	.button-caption{
		display:none;
	}
}

/*150px以下*/
@media screen and (max-width:150px){

}