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

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

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

/*834px以下*/
@media screen and (max-width: 834px){
	  /*必要ならばここにコードを書く*/
#header .site-name-text{
font-size: 32px !important;
font-weight: 900 !important;
text-shadow: 1px 2px 4px #282828;
	/*メインビジュアルの文字*/
}
	
.tagline{
font-size: 20px !important;
font-weight: 500 !important;
}
}

/*480px以下*/
@media screen and (max-width: 480px){
	  /*必要ならばここにコードを書く*/
#header .site-name-text{
font-size: 32px !important;
font-weight: 900 !important;
text-shadow: 1px 2px 4px #282828;
	/*メインビジュアルの文字*/
}
	
.tagline{
font-size: 20px !important;
font-weight: 500 !important;
}
}


#header .site-name-text{
font-size: 48px;
font-weight: 900;
text-shadow: 1px 2px 4px #282828;
	/*メインビジュアルの文字*/
}

.tagline{
font-size: 28px;
margin:1em 1em 0em 1em;
font-weight: 500;
text-shadow: 1px 2px 3px #282828;
}

#sidebar .wp-block-heading{
 padding: 0.2em 0.5em !important;
}

#main h1 {
  padding: 0.7em 0.5em;/*文字の上下 左右の余白*/
  color: #494949;/*文字色*/
  background: #fcf2c9;/*背景色*/
  border-left: solid 5px #f2c226;/*左線*/
  border-bottom: solid 3px #adadad;/*下線*/
}

h2 {
  padding: 0.6em 1em !important;/*文字の上下 左右の余白*/
}

.article h2, .article h3 {
	margin: 1.2em 0em .8em 0em;
}


.main figure.wp-block-table-a {
    width: auto;
    max-width: 100%;
    display: block;
	font-size: 14px;
	/*投稿の中の店名のリスト*/
}