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

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

/*ーーーー 共通設定ーーーー */
@import url('https://fonts.googleapis.com/css2?family=Zen+Kurenaido&display=swap');
img{
	width:100%;
}
a{
color:#eb8b23;
}
a:hover, a:visited:hover, a:visited{
	opacity:0.8;
}
.header-container, .main, .sidebar, .footer{
	background:#fcf5ed;
}

#document,header#inner-header,div#content{
	max-width:1366px;
	margin:0 auto;
	color:#3b0D11;
}
.article h1{
		font-family: 'Zen Kurenaido', sans-serif;
  color:#eb8b23;
  text-shadow: #fcf5ed 1px 1px;
  font-size: 2em;
  padding: 10%;
  text-align: center;
  background: url();
}
/* ヘッダー設定 */
ul.mobile-header-menu-buttons.mobile-menu-buttons.has-logo-button {
    background-color: #fcf5eddd;
}
#navi-menu-input:checked ~ #navi-menu-content, #sidebar-menu-input:checked ~ #sidebar-menu-content, #search-menu-input:checked ~ #search-menu-content, #share-menu-input:checked ~ #share-menu-content, #follow-menu-input:checked ~ #follow-menu-content{
	background-color: #fcf5ed;
	overflow:none;
}
img.site-logo-image.header-site-logo-image {
    height: 80px;
color:#3b0D11;
}
/* メニュー設定 */
#navi .navi-in a{
		font-family: 'Zen Kurenaido', sans-serif;
color:#3b0D11;
font-size:24px;
}
#navi .navi-in a:hover, #footer a:hover{
	color:#eb8b23;
	background:inherit;
}
/* Button */

.slicknav_menu{
		background-color:#3b0D11;
	}
	 .slicknav_menu .slicknav_btn {
  background-color: #fcf5ed;
}
.slicknav_menu .slicknav_menutxt{
  font-weight: bold;
  text-shadow: none;
			 color:#3b0D11;
}
/* 作品リスト設定 */
.navi-entry-cards {
  display:grid;
	grid-template-columns: repeat(3,1fr);
	grid-template-rows: repeat(3,1fr);
}

.new-entry-cards {
    display: grid;
    grid-template-columns: repeat(2,1fr);
}

/* フッター設定 */
#footer{
	width:100vw;
	margin: 0 calc(50% - 50vw);
}
#footer a{
		font-family: 'Zen Kurenaido', sans-serif;
}
.footer-bottom{
	padding:  15% 10% 0 10%;
}
footer.footer{
	height:420px;
	background-color:#3b0D11;
background:url(http://mametaro-potal.com/wp-content/uploads/2023/04/footer@2x-8-1.png);
	background-position: 50% top;
}
footer.footer #inner-footer{
	padding-top:220px;
	max-width:960px;
}
	
/* ーーーー共通設定終わりーーーー */


/*ーーーーINDEXーーーー*/


/* topimage設定 */
#post-10 .article-header {
display:none;
}
#post-10 div.wp-block-group.is-layout-constrained{
	padding:0 0 100px 0;
}
.main{
	padding:0;
}
.first-view{
	height:calc(100vh - 215px);
background:url(http://mametaro-potal.com/wp-content/uploads/2023/04/top_img01.png) no-repeat center/contain;
	position:relative;
}
.first-view h2{
	font-size:1.5em;
	padding:0;
	border:none;
	font-family: 'Zen Kurenaido', sans-serif;
	color:#fff;
	text-shadow:1px 1px 3px #eb8b23;
	margin:0;
	text-align:left;
position:absolute;
	top:0;
	left:44%;
	background:transparent;
}
/* セクション設定 */

/* ボタン設定 */
.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-background):hover{
	border:2px solid #eb8b23;
background:#eb8b23;
	color:#fff;
}

/* 　　ABOUT 　 */
.about_img img{
	display:block;
margin:0 auto;
	width:50%;
}


/* 　　CONTACT 　 */
.page-id-77 .sidebar{
	display:none;
}
.page-id-77 .content-in{
  display: block;
}
.page-id-77 #main{
  margin: 0 auto;
}
.page-id-77 .date-tags{
  display: none;
}

/* 送信ボタン */





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

}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
	.footer-bottom{
padding:30% 10% 0 10%;
	}
}

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

	.footer-bottom{
		padding:40% 10% 0 10%;
	}	
	/* index */
.first-view{
background:url(http://mametaro-potal.com/wp-content/uploads/2023/04/top_img01.png) no-repeat center/cover;
	position:relative;
}
	.first-view h2{
	font-size:1em;
}
	#post-10 .article-header h1{
		font-size:1em;
				text-align:center;
	}
	.new-entry-cards ,.navi-entry-cards{
    display: block;
}
}