@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){
  /*必要ならばここにコードを書く*/
}

/*----------------------------------------
全ての固定ページで日付を非表示にする
----------------------------------------*/
.page .date-tags {
display: none;
}

/*----------------------------------------
全ての固定ページでアイキャッチ画像を非表示にする
----------------------------------------*/
.page .eye-catch-wrap {
display: none;
}

/************************************
** SNS ボタンをまとめて丸くする
************************************/

/*シェア・フォローボタンの枠組み*/
.sns-share.ss-top .sns-share-buttons,
.sns-share.ss-bottom .sns-share-buttons,
.sns-follow.sf-bottom .sns-follow-buttons,
.sns-follow.sf-widget .sns-follow-buttons {
	justify-content: center; /*中央に寄せる*/
	flex-wrap: wrap; /*折り返す*/
}

/*シェア・フォローボタンのリンク*/
.sns-share.ss-top .sns-buttons a,
.sns-share.ss-bottom .sns-buttons a,
.sns-follow.sf-bottom .sns-buttons a,
.sns-follow.sf-widget .sns-buttons a {
	width: 40px; /*横幅*/
	height: 40px; /*高さ*/
	margin-right: 4px; /*右側の余白*/
	margin-left: 4px; /*左側の余白*/
	border-radius: 50%; /*丸み*/
}

/*プロフィールウィジェットのリンク*/
.sns-follow.sf-profile .sns-buttons a {
	border-radius: 50%; /*丸み*/
}

/*シェアボタンのアイコン*/
.sns-share.ss-top .sns-buttons a .social-icon,
.sns-share.ss-bottom .sns-buttons a .social-icon {
	font-size: 18px; /*アイコンの大きさ*/
}

/*フォローボタンのアイコン*/
.sns-follow.sf-bottom .sns-follow-buttons .follow-button,
.sns-follow.sf-widget .sns-follow-buttons .follow-button {
	font-size: 24px; /*アイコンの大きさ*/
}

/*シェアボタンのキャプション*/
.sns-share.ss-top .sns-buttons a .button-caption,
.sns-share.ss-bottom .sns-buttons a .button-caption {
	display: none; /*非表示*/
}

/*シェア・フォローボタンのシェア数*/
.sns-share.ss-top .sns-buttons a .share-count,
.sns-share.ss-bottom .sns-buttons a .share-count,
.sns-follow.sf-bottom .sns-buttons a .follow-count,
.sns-follow.sf-widget .sns-buttons a .follow-count {
	right: -2px; /*右側からの距離*/
	bottom: -2px; /*下側からの距離*/
	padding: 2px; /*内側の余白*/
	font-size: 10px; /*文字の大きさ*/
	border: solid 1px; /*線*/
	border-radius: 3px; /*丸み*/
	background-color: inherit; /*背景色*/
}

/*シェア数の表示が必要ないシェア・フォローボタン*/
.sns-share.ss-top .sns-buttons a .share-count:empty,
.sns-share.ss-bottom .sns-buttons a .share-count:empty,
.sns-follow.sf-bottom .sns-buttons a .follow-count:empty,
.sns-follow.sf-widget .sns-buttons a .follow-count:empty {
	padding: 0; /*内側の余白*/
	border: 0; /*線*/
}

/*サイト名を非表示*/
.site-name-text {
display: none;
}

/*** 行ヘッダーを追加 ***/
.add-row-header td:first-child {
	background-color: #dcdded;
	font-weight:bold;
}

/*トップページ上部の余白を削除*/
#main {
	padding-top: 0px;
}

.content {
	margin-top: 0px;
	padding-top: 0px;
}

.article h1 {
	margin-top: 0;
}

.article .entry-content {
	margin-top: 0;
}

/*----------------------------------------
メニューをグラデーション化
グローバルナビメニューに仕切り線
----------------------------------------*/
/*メニューの背景を上下グラデーション*/
#navi.navi.cf{
	background: linear-gradient(#1b2181,#1b2181);
}

/*メニューの下層の背景を上下グラデーション*/
#header-container{
	background: linear-gradient(#1b2181,#1b2181);
}

/*メニューの下層の背景を左右グラデーション*/
#header-container{
	background: linear-gradient(to right, #1b2181 0%, #1b2181 10%, #1b2181 100%);
}

/*サブメニューの背景を変更*/
#navi .navi-in > .menu-header .sub-menu{
	background: #5459a1;
}

/*1番左と2番目の仕切り線*/
#navi .navi-in > ul li{
	border-right: 1px solid #1b2181;
	border-left: 1px solid #1b2181;
}

/*左から3番目以降の仕切り線*/
#navi .navi-in > ul li + li{
	border-right: 1px solid #1b2181;
	border-left: none;
}

/*サブメニューの仕切り線は無し*/
#navi .navi-in > ul ul li{
	border-right: none;
	border-left: none;
}

/*----------------------------------------
Contact Form 7カスタマイズ
----------------------------------------*/
/*スマホContact Form 7カスタマイズ*/
@media(max-width:500px){
.inquiry th,.inquiry td {
display:block!important;
width:100%!important;
border-top:none!important;
-webkit-box-sizing:border-box!important;
-moz-box-sizing:border-box!important;
box-sizing:border-box!important;
}
.inquiry tr:first-child th{
border-top:1px solid #d7d7d7!important;
}
/* 必須・任意のサイズ調整 */
.inquiry .haveto,.inquiry .any {
font-size:10px;
}}
/*見出し欄*/
.inquiry th{
text-align:left;
font-size:14px;
color:#444;
padding-right:5px;
width:30%;
background:#f7f7f7;
border:solid 1px #d7d7d7;
}
/*通常欄*/
.inquiry td{
font-size:13px;
border:solid 1px #d7d7d7;
}
/*横の行とテーブル全体*/
.entry-content .inquiry tr,.entry-content table{
border:solid 1px #d7d7d7;
}
/*必須の調整*/
.haveto{
font-size:10px;
padding:5px;
background:#e60033;
color:#fff;
border-radius:2px;
margin-right:5px;
position:relative;
bottom:1px;
}
/*任意の調整*/
.any{
font-size:10px;
padding:5px;
background:#2ca9e1;
color:#fff;
border-radius:2px;
margin-right:5px;
position:relative;
bottom:1px;
}

/*ラジオボタンを縦並び指定*/
.verticallist .wpcf7-list-item{
display:block;
}

/*送信ボタンのデザイン変更*/
#formbtn{
display: block;
padding:15px;
width:300px;
background:#ff5500;
color:#fff;
font-size:18px;
font-weight:bold;
border-radius:10px;
margin:25px auto 0;
}

/*送信ボタンマウスホバー時*/
#formbtn:hover{
background:#fff;
color:#ff5500;
border:2px solid #ff5500;
}


/*ブログカードに動きを付ける*/
.a-wrap:hover {
background-color: #f1d2e02b;
transform: translateY(-2px);
box-shadow: 2px 2px 6px 0 #f6f6f6;
}