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

/************************************
** 子テーマ用のスタイルを書く
// <uniquifier>: Use a unique and descriptive class name
// <weight>: Use a value from 100 to 900

.advent-pro-<uniquifier> {
  font-family: "Advent Pro", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}
font-family: "Murecho", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
************************************/
/*必要ならばここにコードを書く*/

h1, h2, h3, h4, h5, h6,
ul li.menu-item {
	font-family: 'Kaisei Decol', serif;
}
.entry-card-title, .related-entry-card-title {
  line-height: 1.2;
}
figure .wp-block-embed__wrapper iframe{
	margin: 0px auto;
	display: block;
}
.homemv iframe {
	width: 100%;	
}
.no-sidebar .content .main {
	width:1000px;
	margin:0 auto;
}
.article {
	width:800px;
	margin:0 auto;
}
.site-name-text {
	font-weight: bold;
}
section#siteinfo_ala {
	margin:0px auto 30px;
}
section#siteinfo_ala p {
	width: 80%;
	max-width: 600px;
	margin: 0px auto 1em;
}
section#siteinfo_ala h1,
section#siteinfo_ala h2,
.home .center_ala {
	padding-bottom: 15px;
}
section#siteinfo_ala figure {
	margin: 0;
	background-color: #0c0c0c;
}
section#siteinfo_ala figure img {
	width: 100%;
}
.navi-in > ul li {
  width: 140px;
}
figure.wp-block-image {
	margin-top: 15px;
}
.center_ala {
	text-align: center;
}
.bgk {
	background-color: #0c0c0c;
	color: #ecebe6;
}
.pdm3 {
	padding: 3em 0 3.5em;
}
.pdt3 {
	padding-top: 3em;
}
.edit_ala {
	text-align: center;
	background-color: black;
	color: white;
	border-radius: 5px;
	margin: 1em auto;
}
.edit_ala a:link,
.edit_ala a:visited {
	color: white;
	text-decoration: none;
}
.copyright a:link,
.copyright a:visited {
	color: black;
}
.tx-center{
	text-align: center;
}
.sns-buttons a {
	height: 30px;
}
.page .date-tags{
	display: none;
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
  .no-sidebar .content .main {
		width:100%;
	}
	.article {
		width:100%;
	}
	body:not(.home) header#header {
		background-color: #0c0c0c;
		color: white; 
	}
	body:not(.home) .site-name-text-link {
	  color: white;
	}
}

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

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