@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){
  /*必要ならばここにコードを書く*/
}
/*ページタイトル非表示*/
.front-top-page #main .entry-title{
  display: none;
}
/*フロント固定ページの投稿日を非表示*/
.page .post-date{
  display: none;
}

/*フロント固定ページの更新日を非表示*/
.page .post-update{
  display: none;
}

/*フロント固定ページの投稿者名を非表示*/
.page .author-info{
  display: none;
}
/*メニューの間に線入れる*/
#navi .navi-in > ul > li{
  border-left: 1px solid #000000;
}

#navi .navi-in > ul > li:last-child{
  border-right: 1px solid #000000;
}

.navi-in > ul > .menu-item-has-children > a::after{ 
  right: 10px; 
}
/* ボックスメニューにホバーしたとき拡大する 開始 */
.box-menu {
    overflow: hidden;
    transition: all .1s;
}
.box-menu:hover {
    transform: scale(1.1);
    transition: all .1s;
}
/* ボックスメニューにホバーしたとき拡大する 終了 */
/*グローバルナビメニュー マウスオーバーでアンダーライン*/
#navi .navi-in a:after{
position: absolute;/*線の位置を絶対配置に*/
content: "";/*文字はなし*/
left: 0px;/*線の位置*/
bottom: 1px;/*線の位置*/
height: 1px;/*線の高さ*/
width: 100%;/*幅いっぱいに線を引く*/
background: #1b68ae;/*線の色*/
transform: scale(0,1);/*マウスオーバーの前は線を消す*/
transition: 0.3s;/*線が0→100%になるまでの秒数*/
}


#navi .navi-in a:hover:after{
transform: scale(1);/*マウスオーバー後、線を100%出す*/
}

.sidebar h3 {
    background-color:#1b68ae;
    padding: 7px 20px;
    margin: 40px 0 20px;
	color: #fff;
	border-radius: 7px ;
	font-size: 1em;
}

/*選択中のカテゴリーにアンダーライン*/
.navi-in .current-page-ancestor:after,
.navi-in .current-menu-item:after{
position: absolute;/*線の位置を絶対配置に*/
content: "";/*文字はなし*/
left: 0px;/*線の位置*/
bottom: 1px;/*線の位置*/
height: 1.5px;/*線の高さ*/
width: 100%;/*幅いっぱいに線を引く*/
background: #1b68ae;/*線の色*/
}

/* 新着記事表示 */

.new-entry-cards.large-thumb {
display: flex;
flex-wrap: wrap;
}

.new-entry-cards.large-thumb a {
width: 25%;
}

/768px以下/
@media screen and (max-width: 768px){
.new-entry-cards.large-thumb a {
width: 50%;
}
}

/480px以下/
@media screen and (max-width: 480px){
.new-entry-cards.large-thumb a {
width: 100%;
}
}

 
border:none;
 
cursor:pointer;
 
}
/*確認画面へ進むボタン用*/
 
.mw_wp_form_input .btn input{
 
background:url(img/input_btn.png) no-repeat;
 
width:150px;
 
height:30px;
 
text-indent:-9999px;
 
overflow:hidden;


<pre><code>/* フォームボタン */
.mw_wp_form [type=submit] {
	width: 150px;　/* ボタンの横幅の長さ */
	line-height: 2em; /* ボタンの縦幅の高さ */
	margin: 10px auto;
	background: #ffd0d6; /* ボタンの色*/
	color: #333; /* ボタンのテキストの色 */
	box-shadow: 0px 1px 3px rgba(0,0,0,.5); /* ボタンの影の設定 */
	border: 0; /* ボタンの枠線の設定 */
	border-radius: 2px; /* ボタンの角の丸みの設定 */
 }

.mw_wp_form [type=submit]:hover {
	background: #aee0dd; /* マウスカーソルを上に乗せた時のボタンの色 */
	color: #333; /* マウスカーソルを上に乗せた時のボタンのテキストの色 */
	box-shadow: 0px 1px 3px rgba(0,0,0,.5);/* マウスカーソルを上に乗せた時のボタンの影の設定 */
 }</code></pre>
	
.grecaptcha-badge {
visibility: hidden;
}

//お問い合わせページには表示させる
.page-id-24 .grecaptcha-badge { //お問い合わせのページIDを入れる
visibility: visible;
}
	
/*――「送信ボタン」デザイン――*/
 
.submit-btn input {
background-color:#ebbbbb;
border:0;
color:#ffffff;
font-size:1.3em;
font-weight:bolder;
margin:0 auto;
padding: 10px 35px;
border-radius: 3px;
cursor: pointer;
text-align:center;
}
 
.submit-btn {
text-align:center;
margin-top:20px;
　cursor: pointer;
}
 
.submit-btn input:hover {
	background: #EF5B9C;
	color: #FFFFFF;
　cursor: pointer;
}