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

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

/*******************************
* 固定ページ記事タイトル非表示
********************************/
/* タイトル非表示 */
.article h1,
		.date-tags {
			display: none;
		}

/* 画像横幅いっぱい */
/* クラス指定 .my-cover-full */
.my-cover-full{
margin-right: calc(50% - 50vw);
margin-left: calc(50% - 50vw);
width: auto;
}

/* 画像ズームイン */
/* クラス指定 .zoomin */ 

.zoomin {
    overflow: hidden;
}

.zoomin img {
    transition: transform .6s ease;
}

.zoomin:hover img {
    transform: scale(1.1);
}

/*ヘッダー下余白調整*/
.content {
    margin-top: 0px;
}
.main {
	padding: 0px;
}
@media screen and (max-width: 834px) {
    main.main, div.sidebar {
        padding: 0px;
   }
}

/*ヘッダーの文字色と背景色を変える追加CSS*/
.menu-button-in　OFF{
	color: #2ca9e1!important;
	background-color: rgba(255, 255, 255, 0.1); !important;

}

.rightmove2 {
position: relative; /* 今の位置を基準 */
left: 130px; /* 右から30px */

}
.flexbox {
display: flex;
  align-items: center; /* 縦方向の中央揃え */
  justify-content: center; /* 横方向の中央揃え（必要なら） */
  height: 200px; /* 必要な高さに設定 */
}

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

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

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