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

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

.entry-title, .archive-title {
    text-align: center;
	font-size:42px;
}


.is-style-sticky-yellow.sp{
margin-right: calc(50% - 50vw);
margin-left: calc(50% - 50vw);
}

body {
overflow-x: hidden;
}

p.has-text-align-center.is-style-balloon-left-box.has-box-style.wp-container-content-1 {
    margin-bottom: auto;
}

span.site-name-text {
    font-weight: bold;
}

.appeal {
    background-size: contain;
	width: 100%;
    aspect-ratio: 4 / 1;
}

figure.wp-block-image.size-large.is-resized {
    display: contents;
}

table, th, td { 
  border: 1px solid #F0B200 !important;
}

.main figure.wp-block-table {
	width: 70%;}

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

}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
.appeal {
	height:26vh;
}
p.has-text-align-center.is-style-balloon-left-box.has-box-style.wp-container-content-1 {
    padding: 30px;
}
}

/*600px以下*/
@media screen and (max-width: 600px) {
.wp-container-core-group-layout-2.wp-container-core-group-layout-2 {
    flex-direction: column-reverse;
}
.is-style-balloon-left-box::before,
.is-style-balloon-left-box::after	{
    display:none;
}
.wp-block-group.alignwide.is-nowrap.is-layout-flex.wp-container-core-group-layout-12.wp-block-group-is-layout-flex {
    flex-direction: column;
}
.freerent span.bold-red {
    font-size: 5.5vw;
    vertical-align: middle;
}
}

/*551px以上*/
@media screen and (min-width: 551px) {
　a[href*="tel:"] {
　　pointer-events: none;
　　cursor: default;
　　text-decoration: none;
　}
	.sp{
		display:none;
	}
}

/*550px以下*/
@media screen and (max-width: 550px){
	img.wp-image-395 {
    display: none;
}
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
.appeal {
	height:15vh;
}
img.wp-image-213 {
    display: none;
}
	span.fz-28px {
    font-size: 22px;
}
	span.fz-48px {
    font-size: 40px;
}
	h1.entry-title {
    padding: 0;
    font-size: 11vw;
}

h4.wp-block-heading.has-text-align-center.has-large-font-size {
    padding: 6px 0;
}

	p.has-text-align-center.is-style-balloon-left-box.has-box-style.wp-container-content-1 {
    padding: 24px;
	font-size:8vw !important;
}
	.post-254>.article-header>h1.entry-title {
    font-size: 8vw;
}

	figure.wp-block-table.aligncenter{
    width: auto;
}

}

/* 最上部の余白を消す（上書き） */
body {
  padding-top: 0 !important;
  margin-top: 0 !important;
}

#content,
.main,
.container {
  padding-top: 0 !important;
  margin-top: 0 !important;
}