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

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

.mobile-header-menu-buttons{
	background-color: #ffe600;/*yellow*/
	height: 80px;
}
	.logo-menu-button {
		background-color: #ffe600;
	}

	/*◆ここはレスポンシブちぇっくを行うこと*/
	.logo-menu-button a {
		/*margin-right: 50px;*/	
	}
	.logo-menu-button img{
	max-height: 80px;
	}
	.menu-button-in{
		margin-right: 8px;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.fa-star{
		display: none;
	}
/*****/
.main{
	background-color: #ffe600;
}

.custom-container {
  display: flex;
  justify-content: center; /* 子要素を中央に配置 */
  flex-direction:column;
	
	border-style: solid;
    border-width: 3px;
    border-color: #949495;
	
}
.custom-item {
  /*margin: 0 5px;*/
	margin:5px;
	background-color: #ffc107; /*Orange*/
}


.custom-item-sample {
  /*margin: 0 5px;*/
	margin: 0 auto;
	background-color: #ffc107;
}

.custom-item-box{
	/*width:31%;*/
/*height:50px;*/
	float:left;
	margin:3px;
}

.font00{
  color:#000dff; /*blue*/
	font-weight: bold;
	    text-align: center;
    display: flex;
    justify-content: center; /* 水平中央 */
    align-items: center;
}

.font01{
  color:#000dff; /*blue*/
	font-weight: bold;
	border-bottom: dotted 2px #000dff;
}




.custom-item-left{
	width:33%;
	/*background-color:red;*/
}

.custom-item-center{
	width:60%;
	 /*background-color:blue;*/
}

.custom-item-right{
	/*width:31%;
	background-color:green;
	*/
}

.custom-item img {
	/*width: 93%;
	margin:5px;
	*/
}

.flow-img {
	width: 93%;
	margin:5px;
}


.main_tel_img{
	width: 90%;
}

.main_futan_img{
	width: 70%;
	margin:5px auto;
}

.main_kessai_img{
	width: 70%;
	margin:5px auto;
}


/*----*/
.radius_test {
    width: 70%;               /* 幅指定 */
	/*background: linear-gradient(#41f990 1%, #20e278 9% , #009245 90%);*/
	background: linear-gradient(#2fba6d 5% , #009245 95%);
    border-radius: 10px;        /* 角丸指定 */
	display: flex;
    justify-content: center; /* 子要素を中央に配置 */
    flex-direction:column;
	/* 枠線指定 */
	border-style: solid;
    border-width: 3px;
	border-color: #009245; /* Green */
}



.font02{
	color:#ffffff; /*white*/
	font-weight: bold;
	/*text-shadow: 3px 4px 3px rgb(61 70 70);*/
	text-shadow: 2px 3px 3px rgba(0, 0, 0, 0.4);
}

/*最小値:1.1rem → 可変（0.9rem + 0.625vw（画面幅320px:2px, 800px:5px, 1200px:7.5px））→ 最大値:1.6rem*/
.font-size-S {
    font-size: clamp(1.1rem, calc(0.9rem + 0.625vw), 1.6rem);
}

#id-font02{
	margin-bottom: 0em;
}


/*****/
.mobile-footer-menu-buttons{
	background-color: #ffe600;
}


.mobile-footer-menu-buttons a{
	width: 70%;
	margin: 5px;
}


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

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

}

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

}
		
}