@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.0.7
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/*モバイル横ずれ防止く*/
#container{
overflow:hidden!important;
}
/*ヘッダートップキャッチフレーズ*/
.tagline{background-color:#000;
color:#fff;
margin:0px;
}
/*分類タグ非表示*/
.cat-label{
	display:none;
}
/* 投稿日付を非表示*/
.post-date {
    display:none;
}
.post-update{
	display:none;
}
/*編集者名を非表示*/
.author-info {
    display: none;
}
/*フロント固定ページのタイトルを非表示*/
.home.page .entry-title{
  display: none;
}
/*フロント固定ページの投稿者名を非表示*/
.home.page .author-info{
  display: none;
}
/*コメント非表示*/
.comment-area{
	display:none;
}
.navi-in{
	width:100%;
}
body{
font-family: "Noto Sans JP","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

.conditions{display: flex;}
.conditions .off{width: 30%; margin: 1%; padding: 0 2%; border: solid 1px #c5aa4d; background: #eae5d1db; font-weight:bold;}
.conditions .off .box-basic{background: #e66676; font-size: 21px; color: #fff !important;}

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

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

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

/*835px以上*/
@media screen and (min-width: 835px){
  /*必要ならばここにコードを書く*/
}
/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}
/*580px以上*/
@media screen and (min-width: 581px){
	.sp{
		display:none;
	}
	.visible-xs{
		display:none;
	}
	.flex_reverse{
	flex-direction:row-reverse;
}
}
/*580px以下*/
@media screen and (max-width: 580px){
  /*必要ならばここにコードを書く*/
	.pc{
		display:none;
	}
	
	.conditions{display: block;}
.conditions .off{width: 96%; margin: 1%; padding: 0 2%; border: solid 1px #c5aa4d; background: #eae5d1db; font-weight:bold;}
	
}

section#home-1 img {
    object-fit: cover!important;
    object-position: 30% 85%!important;
}
@media screen and (max-width: 580px){
.info_mid{
	position: absolute!important;
    top: 10%!important;
    right: 0vw!important;	
}
	}

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

.top_news p{
    position: relative;
    display: flex;
    text-decoration: none;
    color: #333;
    background: #F3F3F3;
    align-items: center;
    font-size: 14px !important;
    margin :0 0 15px 0 !important;
　  pointer-events: none;
	padding: 3%;
}

.top_news_text{
	font-size:14px !important;
	font-weight:400 !important;
}
.menu-case{
	display: flex;
    flex-direction: column;
    line-height: 14px;
    transform: translateY(23px);
}

/* 20251205 追記 */
.top-flow-section {
  width: 90%;
  max-width: 1000px;
  margin: 0 auto;
  padding: 40px 0;
}

.top-flow-block {
  display: flex;
  align-items: center;
  gap: 30px;
  margin-bottom: 50px;
  padding-bottom: 40px;
  border-bottom: 2px solid #FF2D92;
}

.top-flow-img img {
  width: 100%;
  max-width: 380px;
  border-radius: 10px;
  border: 4px solid #CEB774;
}

.top-flow-text {
  flex: 1;
  line-height: 1.8;
  font-size: 1rem;
  color: #333;
}

/* レスポンシブ（スマホ） */
@media (max-width: 768px) {
  .top-flow-block {
    flex-direction: column;
  }
  .top-flow-img img {
    max-width: 100%;
  }
  .top-flow-text {
    margin-top: 15px;
  }
}
/* 20251205 追記 end */