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

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

.new-news {
	max-width: 55% !important;
	min-height: 150px;
	border-radius: 50px 0 0 50px;
}

.box-price {
	width: 70vw;
	margin: 0 auto;
}
.box-vacant {
	width: 60vw;
	margin: 0 auto;
}
.box-map {
	width: auto !important;
	aspect-ratio: 50 / 44 !important;
}
.box-news {
	width: 70vw;
	margin: 0 auto;
}
.box-faq {
	width: 70vw;
	margin: 0 auto;
}
.box-profile {
	width: 75vw;
	margin: 0 auto;
}

.menu-subtitle {
	width: 18vw !important;
	margin-right: auto;
}
.menu-subtitle a {
	color: #2e7919 !important;
}

.vacant-table {
	border: 3px solid #2e7919;
	border-radius: 20px;
}
.vacant-table table:not(.has-border-color) :where(th, td) {
    border-bottom: 3px solid #2e7919;
}
.vacant-table td:first-child,th:first-child {
    border-left: none;
}
.vacant-table td:first-child,th:first-child {
    border-bottom: 3px solid white;
}
.vacant-table td:first-child,th:first-child {
    border-right: 3px solid #2e7919;
}
.vacant-table tr:last-child td {
    border-bottom: none;
}
.vacant-table table tr td:first-child {
  border-top: 3px solid #2e7919;
}
.vacant-table tr td:nth-of-type(1) {
	color: white;
	background-color: #2e7919;
}

.otoiawase {
	color: #2e7919;
}

.faq-wrap.is-style-accordion.has-border-color.not-nested-style > .faq > dt.faq-question.faq-item.active {
    border-radius: 50px 50px 0 0;
}
.banner-content{
	background: #F3D07E;
    color: #CC0000;
    border: 1px solid #fff;
    font-size: 20px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 610px;
    height: 98px;
    margin: 0 auto 30px;
}


/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1024px){
  /*必要ならばここにコードを書く*/
	.banner-content{
		
	}
		.header-container-in.hlt-top-menu {
    	height: 0 !important;
	}
	main.main, div.sidebar {
    	padding: 0 !important;
    }
	.new-news {
		max-width: 100% !important;
		margin: 0 !important;
		margin-top: 50px !important;
		max-width: 100% !important;
		min-height: 200px !important;
		border-radius: 0 !important;
	}
	.sp-img1 {
		min-height: 120px;
	}
	.wp-block-cover .wp-block-cover__inner-container {
		width: 90%;
	}
	h2 .fz-48px {
		font-size: 30px;
	}
	h1 .fz-48px {
		font-size: 38px;
	}
	h2 .fz-40px {
    font-size: 30px;
	}
	.article h2 {
        font-size: 20px;
        padding: 0.6em 0.6em !important;
    }
	.article h1 {
        font-size: 20px;
        padding: 0.6em 0.6em !important;
		width: 100%;
    }
	.box-price {
		width: 90vw;
		min-height: 1350px !important;
	}
	.box-vacant {
		width: 90vw;
		min-height: 1450px !important;
	}
	.box-map {
		width: auto !important;
		aspect-ratio: 50 / 44 !important;
	}
	.box-news {
		width: 90vw;
		min-height: 950px !important;
	}
	.box-faq {
		width: 90vw;
		height: 1670px !important;
	}
	.box-profile {
		width: 90vw;
		min-height: 660px !important;
	}
	.footer-cover {
		height: 1050px !important;
	}
	.article ul, .article ol {
        padding-left: 0;
    }
	.oshirase-right {
		padding-right: 1rem !important;
	}
	.sp-size {
		width: 90vw;
		margin: 0 auto;
	}
	
	.mobile-menu-buttons .menu-icon {
		font-size: 0;
	}
	.mobile-menu-buttons .menu-button:nth-of-type(1) {
		flex-grow: 0;
	}
	.mobile-menu-buttons .menu-button:nth-of-type(2) {
		width: 200px;
		padding-left: 0;
	}
	.mobile-menu-buttons .menu-caption {
    	visibility: visible !important;
		font-size: 0;
	}
	
	.menu-subtitle {
	width: auto !important;
	margin-right: unset;
}
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
	.header-container-in.hlt-top-menu {
    	height: 0 !important;
	}
	main.main, div.sidebar {
    	padding: 0 !important;
    }
	.new-news {
		max-width: 100% !important;
		margin: 0 !important;
		margin-top: 50px !important;
		max-width: 100% !important;
		min-height: 300px !important;
		border-radius: 0 !important;
	}
	.sp-img1 {
		min-height: 120px;
	}
	.wp-block-cover .wp-block-cover__inner-container {
		width: 90%;
	}
	h2 .fz-48px {
		font-size: 30px;
	}
	h1 .fz-48px {
		font-size: 38px;
	}
	.article h2 {
        font-size: 20px;
        padding: 0.6em 0.6em !important;
    }
	.article h1 {
        font-size: 20px;
        padding: 0.6em 0.6em !important;
		width: 100%;
    }
	.box-price {
		width: 90vw;
		min-height: 2600px !important;
	}
	.box-vacant {
		width: 90vw;
		min-height: 2300px !important;
	}
	.box-map {
		width: auto !important;
		aspect-ratio: 50 / 44 !important;
	}
	.box-news {
		width: 90vw;
		min-height: 1200px !important;
	}
	.box-faq {
		width: 90vw;
		height: 1300px !important;
	}
	.box-profile {
		width: 90vw;
		min-height: 1300px !important;
	}
	.footer-cover {
		height: 1500px !important;
	}
	.article ul, .article ol {
        padding-left: 0;
    }
	.oshirase-right {
		padding-right: 1rem !important;
	}
	.sp-size {
		width: 90vw;
		margin: 0 auto;
	}
	
	.mobile-menu-buttons .menu-icon {
		font-size: 0;
	}
	.mobile-menu-buttons .menu-button:nth-of-type(1) {
		flex-grow: 0;
	}
	.mobile-menu-buttons .menu-button:nth-of-type(2) {
		width: 200px;
		padding-left: 0;
	}
	.mobile-menu-buttons .menu-caption {
    	visibility: visible !important;
		font-size: 0;
	}
}

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



/* PCで観ると"pc"のclassがついた画像が表示 */
.pc { display: block !important; }
.sp { display: none !important; }
/* スマホで観ると"sp"のclassがついた画像が表示 */
@media only screen and (max-width: 1024px) {
.pc { display: none !important; }
.sp { display: block !important; }
}

/* スマホの時だけ改行させるクラス */
.br-sp {
    display: none;
}
@media screen and (max-width: 480px) {
    .br-sp {
        display: block;
    }
}