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

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

/*SNSフォローボタン*/
.sns-follow-message{
	font-weight: bold; /*太字*/
	color: #612D39; /*文字色*/
}
.sns-follow-buttons {
	justify-content: center; /*中央寄せ*/
}
.sns-follow-buttons a {
	border-radius: 50%; /*丸くする*/
	font-size: 20px; /*アイコンのサイズ*/
	margin: 0 20px; /*ボタン同士の間隔*/
}
#main .sns-follow a {
	width: 40px; /*ボタンの横幅*/
	height: 40px; /*ボタンの高さ*/
background-color: #b9c42f; /*背景色*/
}

.sns-follow-buttons a:last-child{
  margin-right: 2%;
}

/*固定ページの投稿日・更新日・著者情報を消す*/
.page .date-tags,
.page .author-info {
    display: none;
} 

/*フッター*/
.footer {
  margin-top: 40px; /*フッターとコンテンツの間に余白追加*/
  background: #FFAD33; /*フッター背景色*/
  border-top: 4px solid #4D340F; /*上部にボーダー追加*/
}
.footer-bottom {
  margin-top: 14px; /*フッター内上部の余白を詰める*/
}
.footer-bottom-logo { /*ロゴの位置調整*/
  float: none;
  bottom: auto;
  position: static;
  margin-bottom: 10px;
}
.footer-bottom-logo .logo-image {
  padding: 0;
  max-width: 160px; /*ロゴ画像を少し大きく*/
  margin: 0 auto;
}
.footer-bottom-content { /*メニュー＆クレジットの位置調整*/
  float: none;
  text-align: center;
}
.navi-footer-in > .menu-footer { /*メニューの位置調整*/
  justify-content: center;
  margin-bottom: 1em;
}
.navi-footer-in a {
  color: #1A1105; /*メニューの文字色*/
}
.navi-footer-in a:hover { /*メニューのマウスホバー時の指定*/
  color: #1A1105; /*文字色を通常時と同じに*/
  background: none; /*背景色をなしに*/
  text-decoration: underline; /*アンダーラインを追加*/
}
.footer-bottom.fnm-text-width .menu-footer li {
  line-height: 0; /*メニューの区切りボーダーの高さを1文字分にする*/
}
.copyright {
  color: #1A11059; /*クレジットの文字色*/
}

@media screen and (max-width: 460px) {
  .navi-footer-in > .menu-footer li.menu-item { /*モバイルでメニューを1カラムにする*/
    width: 100%;
    display: block;
    flex: auto;
    padding: 0.3em 0;
	margin-bottom: 8px;
  }
}

/*モバイル用画像はみ出し防止*/
.wp-block-image{ max-width: 100%; height: auto; }
figure{ max-width: 100%; height: auto; }　　
img { max-width: 100%; height: auto; }　




/*コンタクトフォーム*/
.wpcf7 input[type="submit"] {
width:100px;
padding:15px;
border-radius:10px;
-webkit-border-radius: 10px;  
-moz-border-radius: 10px;
border: none;
box-shadow: 0 3px 0 #ddd;
background: #ffad33;
transition: 0.3s;
}
.wpcf7-submit:hover {
background: #a4dd6c;
transform: translate3d(0px, 3px, 1px);
-webkit-transform: translate3d(0px, 3px, 1px);
-moz-transform: translate3d(0px, 3px, 1px);
}


/*コンタクトフォーム横幅調整*/

.wpcf7 input[name="your-name"] { /* 名前入力欄 */
	width: 600px; max-width: 100%; 
}
.wpcf7 input[name="your-email"] { /* メール入力欄 */
	width: 600px; max-width: 100%;
}
.wpcf7 input[name="your-subject"] { /* タイトル入力欄 */
	width: 600px; max-width: 100%;
}
.wpcf7 textarea[name="your-message"] { /* 本文入力欄 */
	width: 600px; max-width: 100%;
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
.wpcf7 input[name="your-name"] { /* 名前入力欄 */
	width: 100%;
}
.wpcf7 input[name="your-email"] { /* メール入力欄 */
	width: 100%;
}
.wpcf7 input[name="your-subject"] { /* タイトル入力欄 */
	width: 100%;
}
.wpcf7 textarea[name="your-message"] { /* 本文入力欄 */
	width: 100%;
}
}

/*コンタクトフォーム横幅調整ここまで*/

/*ヘッダー、アピールエリア*/
.apple{
height:98vh;
background-position:center;
}
.appeal-in{
width:100%;
height:98vh!important;

}
.appeal-content {
background-color:transparent;/*ロゴ部分の背景色を透明にしている*/
}
.appeal-logo{
width:200px;/*ロゴの大きさ*/
}

@media screen and (max-width: 1029px){
.apple{
 height:98vh;
 background-position:bottom;
 }
}

.header-container {
 position: fixed;
z-index: 9999;
top: 0;
background-color: rgba(255,255,255,0);
}

/*ヘッダー、アピールエリアここまで*/


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

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

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


}