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

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

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/


/************************************
** 全体
************************************/
.logo.logo-header.logo-text{
  background-color:transparent;	
}

.entry-title {
  display: none;
}

.article h2{
	padding: 10px 10px;
	border-radius: 10px;
}


/************************************
** PC
************************************/
/* PCメニューボタンライン */
#navi .navi-in > ul > li{
  border-right: 1px solid #eee;
}

#navi .navi-in > ul > li:last-child{
  border-right-width: 0;
}

.navi-in > ul > .menu-item-has-children > a::after{
  right: 10px;
} 

/************************************
** モバイル
************************************/
/* モバイルヘッダー 色 */
.mobile-header-menu-buttons.mobile-menu-buttons.has-logo-button{
background-color: #f15929;
/* background-color :	#ff8400;*/
}

.mobile-menu-buttons .menu-button > a {
 color: white;
}

.mobile-menu-buttons .menu-button {
 color: white;
}

/* メニューボタン位置 */
/*
.menu-open.menu-button-in{
 color:transparent;
}

.sidebar-menu-button.menu-button{
  background: url('https://iruma-tomo-seikotsuin.com/wp-content/uploads/2023/07/header_menu_1.png') no-repeat;
  background-size: 45px;
  background-position: 50%;
}
*/

/* スマホのサイドバーメニュー */
.sidebar-menu-content {
  color:black;
}

/* ナビゲーションメニュー、サイドバーの×ボタン */
/*
.menu-close-button {
  margin-right: 8%;
  text-align: right;
  color: #ba7373;
  opacity: 0.7;
}
*/

/* タイトル行丸くする */
.widget-sidebar-title.widget-title{
  padding: 8px 10px;
  border-radius: 10px;
}

/* モバイルヘッダー・フッターボタン 元の背景・アイコン・文字透過 */
.mobile-footer-menu-buttons.mobile-menu-buttons{
	/*background-color:transparent;*/
}

.box-menu-icon{
  //color: #d4dfbb;
}


/* ヘッダーメニュー右寄せ */
.sidebar-menu-icon.menu-icon{
  text-align: right;
  padding-right:30px;	
}
.sidebar-menu-caption.menu-caption{
  text-align: right;
  padding-right:20px;
}

/* モバイルフッター */
/* シャドウ除去 */
.mobile-footer-menu-buttons.mobile-menu-buttons{
  box-shadow: none;
}

/* アイコン、文字透過 */
.mobile-footer-menu-buttons.mobile-menu-buttons .menu-icon,
.mobile-footer-menu-buttons.mobile-menu-buttons .menu-caption{
	color:transparent;
}

/* モバイルフッターボタン画像 */
.mobile-footer-menu-buttons.mobile-menu-buttons li:nth-child(1){
  background: url('https://iruma-tomo-seikotsuin.com/wp-content/uploads/2023/07/footer_line.png') no-repeat;
  background-size: contain;
  background-position: 50%;
  background-color:#3bbe1c;
  margin: 1px 0;
  line-height:2.3;
  border-radius: 15px;
}

.mobile-footer-menu-buttons.mobile-menu-buttons li:nth-child(2){
  background: url('https://iruma-tomo-seikotsuin.com/wp-content/uploads/2023/07/footer_tel.png') no-repeat;
  background-size: contain;
  background-position: 50%;
  background-color:#ff8400;
  margin: 1px 0;
  line-height:2.3;
/*  animation: fluffy1 2s ease infinite; */
  border-radius: 15px;
}

.mobile-footer-menu-buttons.mobile-menu-buttons li:nth-child(3){
  background: url('https://iruma-tomo-seikotsuin.com/wp-content/uploads/2023/07/footer_map.png') no-repeat;
  background-size: contain;
  background-position: 50%;
  background-color:#4169E1;
  margin: 1px 0;
  line-height:2.3;
  border-radius: 15px;
}

/*モバイルフッターボタン画像ゆらす*/
@keyframes fluffy1 {
  0% { transform: translateX(0); }
  10% { transform: translateX(-2px) rotate(-1deg); }
  20% { transform: translateX(2px) rotate(1deg); }
  30% { transform: translateX(-2px) rotate(-1deg); }
  40% { transform: translateX(2px) rotate(1deg); }
  50% { transform: translateX(-2px) rotate(-1deg); }
  60% { transform: translateX(2px) rotate(1deg); }
  70% { transform: translateX(-2px) rotate(-1deg); }
  80% { transform: translateX(2px) rotate(1deg); }
  90% { transform: translateX(-2px) rotate(-1deg); }
  100% { transform: translateX(0); }
}

/* 記事タグデザイン */
.article h2 {
  position: relative;
  background: transparent;
  color:black;
  border:none;
}

.article h2:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 7px;
  background: -webkit-repeating-linear-gradient(-45deg, #d4dfbb, #d4dfbb 2px, #fff 2px, #fff 4px);
  background: repeating-linear-gradient(-45deg, #d4dfbb, #d4dfbb 2px, #fff 2px, #fff 4px);
}


.sidebar h3 {
  position: relative;
  background: transparent;
  color:black;
  border:none;
}

/* サイドバータグデザイン */
.sidebar h3:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 7px;
  background: -webkit-repeating-linear-gradient(-45deg, #d4dfbb, #d4dfbb 2px, #fff 2px, #fff 4px);
  background: repeating-linear-gradient(-45deg, #d4dfbb, #d4dfbb 2px, #fff 2px, #fff 4px);
}

/* PCの画面サイズでのみ適用するメディアクエリ */
@media screen and (min-width: 768px) { /* 768pxは一般的なブレークポイントですが、サイトに合わせて調整してください */
    #box_menu-2 {
        display: none;
    }
}

/* サイドバー インスタグラム */
.sbi_header_text.sbi_no_bio h3{
  border:none;
}

/* サイドバー インスタグラム ボタン */
.sidebar .sns-follow-buttons a {
  width: 18%; /*ボタンの幅*/
}
.sidebar .sns-follow {
  margin: 0 0 24px 0;
}
.sidebar .sns-follow-buttons a {
  border-radius: 50px;
}
.sidebar .instagram-button {
  background-color: #c522b8 !important;
}

.sidebar .sns-follow-buttons {
  justify-content: center; /*ボタンを中央寄せにする*/
}



#appeal {
    height: calc(100vw * calc(200 / 800));
}

/*アピールエリアの高さ設定　スマホ*/
@media (max-width: 767px){
#appeal {
height: 80vw; 
}