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

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

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

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

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

/************************************
** ■ヘッダーメニュー ホバーエフェクト化のカスタマイズ
************************************/
#navi .navi-in a {
  position: relative;
}
#navi .navi-in a::after {
  position: absolute;
  color: rgba(255,255,255,1);
  bottom: 0px;
  left: 0;
  display: block;
  content: "";
  width: 100%;
  height: 4px;
  background: #a4e8e6;
  transform: scaleX(0);
  transition: transform 0.4s;
}
#navi .navi-in a:hover::after {
  transform: scaleX(1);
  transition: transform 0.3s;
}
/* フォームの幅　スマホ用*/
.search-edit, input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea, select {
  padding: 11px;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 15px;
  width: 100%;
}
/* フォームの幅　PC用*/
@media screen and (min-width:768px){
.search-edit, input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea, select {
  padding: 11px;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 18px;
  width: Auto;
}
}
/* パソコン注文用　ブロック要素ごとリンクする*/
.blink1 a { display:block;
width: 90%; /* 横幅 */
background-color:#FFFFFF;
border:5px solid #000080;
padding:10px; /* a要素内の余白 */
text-decoration: none;
}

 /* 以下マウスを載せたときのスタイル */
.blink1 a:hover { background-color: #9999FF;
 color:#222222; }
/* ここまでパソコン注文用　ブロック要素ごとリンクする*/

/* googleフォーム */
.gform{
    position:relative;
    width:100%;
    height:0;
    padding-top:105%;
	text-align: center;
}
.gform iframe{
    position:absolute;
    top:0;
    left:35px;
    width:85%;
    height:100%;
}
.frame {
  display: flex;
  align-items: center;
  justify-content: center;
}
/* ここからエントリーカード */
.card-thumb img {
  width: 30%;
  margin-left: 100px;
}
/* ここまでエントリーカード */