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

/************************************
** 子テーマ用のスタイルを書く
************************************/
.sns-share{
	display:none;
}
#toc{
display:none;
}
.article-footer{
	display:none;
}
.under-entry-content{
	display:none;
}
.date-tags{
	display:none;
}


.logo{
	background-color:rgb(0, 0, 0, 1);
}
.tagline{
	display:none;
}
/* スマホ画面のスタイル */
.logo-header img {
  max-width: 100%; /* 画面幅に合わせて画像を表示 */
}

body .header-container{
    line-height: 0px !important;
}

.logo{
	padding:0px;
}

/* PC画面のスタイル */
@media only screen and (min-width: 768px) {
  .logo-header img {
    width: 400px; /* 画像の横幅を固定値に設定 */
    height: auto; /* 高さは自動調整 */
    float: center !important; /* 中央寄せ */
  }
  .logo-header a{
    float: center; /* 中央寄せ */
}
}

.entry-title{
	display:none;
}

.footer-bottom-logo{
	display:none;
}
.footer-bottom{
	margin-top:0px;
}

#footer{
	background-color:rgb(0, 0, 0, 1);
	margin-top:0px;
	color:white;
	font-weight:bold;
}
.widget_text{
	margin-bottom:0px !important;
}
#footer a{
		text-decoration:none;
	font-size:.8em;
}

#content{
	margin-top:0px;
}

#main{
	padding:0px;
	border:0px;
}

#main img{
	max-width:100%;
	margin-bottom:0px !important;
}

.wp-block-image{
	border:0px;
	margin:0px !important;
}



.image-container p{
}


.image-container2 {
  position: relative;  /* h2を画像の上に配置するために必要 */
  height: 300px !important;       /* 高さを設定、画像のサイズに応じて調整 */
  background-image: url('https://medivoke.co.jp/wp-content/uploads/2024/11/bill-mackie-iF6nfBH9vNA-unsplash-scaled.jpg');  /* 背景画像のURLを指定 */
  background-size: cover;  /* 画像をコンテナのサイズに合わせて拡大縮小 */
  background-position: center;  /* 画像の位置を調整 */
  display: flex;
  justify-content: left;  /* 横方向で中央寄せ */
  align-items: flex-end;      /* 縦方向で中央寄せ */
  color: white;             /* テキストの色（白） */
		margin-bottom:0px !important;
}



.entry-content{
	margin-top:0px;
	margin-bottom:0px !important;
}

.article{
	margin-bottom:0px !important;
}

.go-to-top-button{
	display:none;
}

.image-container3 {
  position: relative;  /* h2を画像の上に配置するために必要 */
  height: 300px !important;       /* 高さを設定、画像のサイズに応じて調整 */
  background-image: url('https://medivoke.co.jp/wp-content/uploads/2024/11/tim-trad-p2SMKBZ0mtM-unsplash-scaled.jpg');  /* 背景画像のURLを指定 */
  background-size: cover;  /* 画像をコンテナのサイズに合わせて拡大縮小 */
  background-position: center;  /* 画像の位置を調整 */
  display: flex;
  justify-content: right;  /* 横方向で中央寄せ */
  align-items: flex-end;      /* 縦方向で中央寄せ */
  color: white;             /* テキストの色（白） */
		margin-bottom:0px !important;
}

.image-container4 {
  position: relative;  /* h2を画像の上に配置するために必要 */
  height: 300px !important;       /* 高さを設定、画像のサイズに応じて調整 */
  background-image: url('https://medivoke.co.jp/wp-content/uploads/2024/11/bill-mackie-iF6nfBH9vNA-unsplash-scaled.jpg');  /* 背景画像のURLを指定 */
  background-size: cover;  /* 画像をコンテナのサイズに合わせて拡大縮小 */
  background-position: center;  /* 画像の位置を調整 */
  display: flex;
  justify-content: left;  /* 横方向で中央寄せ */
  align-items: flex-end;      /* 縦方向で中央寄せ */
  color: white;             /* テキストの色（白） */
		margin-bottom:0px !important;
}

.image-container5 {
  position: relative;  /* h2を画像の上に配置するために必要 */
  height: 300px !important;       /* 高さを設定、画像のサイズに応じて調整 */
  background-image: url('https://medivoke.co.jp/wp-content/uploads/2024/11/alvaro-pinot-6tWCLnsCFfM-unsplash-scaled.jpg');  /* 背景画像のURLを指定 */
  background-size: cover;  /* 画像をコンテナのサイズに合わせて拡大縮小 */
  background-position: center;  /* 画像の位置を調整 */
  display: flex;
  justify-content: right;  /* 横方向で中央寄せ */
  align-items: flex-end;      /* 縦方向で中央寄せ */
  color: white;             /* テキストの色（白） */
		margin-bottom:0px !important;
}

.image-container6 {
  position: relative;  /* h2を画像の上に配置するために必要 */
  height: 300px !important;       /* 高さを設定、画像のサイズに応じて調整 */
  background-image: url('https://medivoke.co.jp/wp-content/uploads/2025/10/2830956_s.jpg');  /* 背景画像のURLを指定 */
  background-size: cover;  /* 画像をコンテナのサイズに合わせて拡大縮小 */
  background-position: center;  /* 画像の位置を調整 */
  display: flex;
  justify-content: left;  /* 横方向で中央寄せ */
  align-items: flex-end;      /* 縦方向で中央寄せ */
  color: white;             /* テキストの色（白） */
		margin-bottom:0px !important;
}

.contents-inside{
	padding:1em;
	background-color:rgba(0, 0, 0, 0.5);
text-align:center;
	margin-bottom:1em;
}
.contents-inside p{
margin-bottom:0px;
	font-size:.8em;
}
.contents-inside h2{
padding:0px;
	margin:0px;
}

.contents-inside button {
	margin-top:.5em;
  position: relative;              /* 擬似要素のために位置を相対的に設定 */
  border: 2px solid white;        /* ① borderは2pxで白色 */
  background-color: transparent;  /* ② 通常時は背景は透明 */
  color: white;                   /* ② 通常時は文字色は白色 */
  padding: 10px 40px;             /* ボタンの余白 */
  font-size: 16px;                /* フォントサイズ */
  cursor: pointer;               /* マウスカーソルをポインターに変更 */
  overflow: hidden;               /* 擬似要素がボタン外に出ないようにする */
  transition: color 0.5s;         /* 文字色の変化は0.5秒で */
  z-index: 1;                     /* ボタンのテキストが前面に表示されるように */
}

.contents-inside button::before {
  content: '';                    /* 擬似要素の内容 */
  position: absolute;             /* 擬似要素の位置 */
  top: 0;                          /* 擬似要素をボタン上部に配置 */
  left: 0;                         /* 擬似要素をボタン左端に配置 */
  width: 100%;                     /* 擬似要素の幅はボタンの幅 */
  height: 100%;                    /* 擬似要素の高さはボタンの高さ */
  background-color: white;        /* 背景色は白 */
  transform: translateY(100%);    /* 擬似要素を下に配置して隠す */
  transition: transform 0.5s;      /* 擬似要素のトランジション */
  z-index: -1;                    /* 擬似要素が背景としてボタンの後ろに表示されるように */
}

.contents-inside button:hover::before {
  transform: translateY(0);       /* ホバー時に下から上にスワイプ */
}

.contents-inside button:hover {
  color: black;                   /* ③ ホバー時に文字色が黒色 */
}




.article h2{
	background-color:transparent;/*背景色リセット*/
}

.header-container{
background-color:black !important;
}

#content-in{
	width:100%;
}

#breadcrumb{
	display:none;
}

.wp-block-table{
margin-bottom:0px !important;
}

.wpcf7-form-control-wrap input{
    border-radius:0px !important;
    border:0px !important;
    background-color:#e8e8e8 !important;
    }


.wpcf7-form-control-wrap textarea{
    border-radius:0px !important;
    border:0px !important;
    background-color:#e8e8e8 !important;
    }


.wpcf7{
text-align:center;
	margin-bottom:0px !important;
}



.wpcf7-form{
margin-left:1em !important;
margin-right:1em !important;
	padding-top:0px !imoprtant;
}


@media only screen and (min-width: 768px) {
  .wpcf7-form {
    max-width: 100%;
  }

  .entry-content .wpcf7{
    display: flex;
    justify-content: center; /* コンテンツを中央に配置 */
    align-items: center; /* 縦方向も中央に配置 */
    text-align: center; /* 中のテキストを中央に配置 */
  }
}


.margin-bottom-05{
	margin-bottom:.5em !important; 
}

.margin-bottom-zero{
	margin-bottom:0em !important;
}




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

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

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