@charset "UTF-8";

/*!
Theme Name: Custom Cocoon Child Custom
Description: Cocoon専用の子テーマ
Theme URI: 
Author: kony
Author URI: 
Template:   cocoon-master
Version:    1.0.0
*/

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

/* 色関係 */
.cl-rd {color:red;}     /* 赤 */
.cl-bl {color:#004085;} /* 青 */
.cl-gr {color:#155724;} /* 緑 */
.cl-dan { color:#721c24; } /*  */

/* アピールエリア画像 */
/*
#appeal
	{
	height: calc(100vw * calc(608 / 1022));
	}
*/

/*フロント固定ページのタイトルを非表示*/ 
.home.page .entry-title{ display: none; }

/* 横スクロールバーを出さない */
body{ overflow-x: hidden; }

/* トップに影をつける */
#header-container
	{
	position: relative; box-shadow: 0 5px 15px -5px rgba(0,0,0,.8);
	}

/* 外側 */
.fluid-box
	{
	width: 100vw;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	background-color:#dbedf3;
	padding: 40px;
	}

/* 内側 */
.fluid-box-inner
	{
	max-width:1250px;
	margin: 0 auto;
	padding: 25px;
	background-color: #fff;
	}

/* 固定ページ 投稿日と更新日時は非表示 */
.page .date-tags
	{
	display: none;
	}

/* 投稿日を表示して、更新日は非表示 */
.new-entry-cards .display-none
	{
	display: block;
	padding-top: 0.2em;
	text-align: right;
	}
.new-entry-card-update-date
	{
	display: none;
	}

/* トグル見出しは左揃え */
.toggle-button
	{
	text-align:left;
	}

/* メニュー部 */
#navi .navi-in>ul>li
	{
	width:auto;
	}
#navi .navi-in>ul>li>a
	{
	padding:0 1.4em;
	}


/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px)
	{
	}

/*834px以下*/
@media screen and (max-width: 834px)
	{
	.scrollable-table th, .scrollable-table td
		{
		white-space: normal;
		}
	}
/*767px以下*/
@media screen and (max-width: 767px)
	{
	#appeal .appeal-in
		{
		min-height: 200px;
		}
	}
/*480px以下*/
@media screen and (max-width: 480px)
	{
	}

/************************************
** recaptcha
************************************/
.grecaptcha-badge
	{
	/* 前面に出すなら値を大きく */
	z-index: 10000 !important;

	/* 表示を消す */
	visibility: hidden !important;

	/* 正の値を大きくすると上に、負なら下に移動 */
	bottom: 60px !important;
	}