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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/*-------------------------------------*/
/* ヘッダー */
/*-------------------------------------*/
div#bgHeader_uni{
	background: #1F1C51;
	margin: 0px 0px 0px 0px;
}
div#header_uni{
	margin: 0 auto;
	text-align: left;
	border: 0px solid #1F1C51;
	padding:0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
div#header_uni h1.uni{
	font-size: 22px;
	font-weight: bold;
	font-family:'Arial Black',Verdana,Helvetica,sans-serif;
	color: #fff;
	letter-spacing: 0.05em;
	padding: 15px 0px 5px 110px;
	margin: 0px 0px 0px 0px;
	display: block;
	background-image:url(https://kohyjapan.com/img_apt/logo_apt_85px.png);
	background-repeat:no-repeat;
	background-position:0 0px;
}
div#header_uni p.uni{
	color: #fff;
	font-weight: bold;
	padding: 5px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-family:Arial, Tahoma, Helvetica;
}
/*-------------------------------------*/
/*　ヘッダー ここまで	*/
/*-------------------------------------*/
/*-------------------------------------*/
/* フッター公開ページ用*/
/*-------------------------------------*/
.footer-bs {
	background-color: #1f1c51;
	padding: 30px 20px;
	color: rgba(255,255,255,1.00);
	margin-top: 50px;
	margin-bottom: 0px;
	margin-left:-15px;
	margin-right:-15px;
	border-bottom-right-radius: 6px;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 6px;
}
.footer-bs .footer-brand, .footer-bs .footer-nav, .footer-bs .footer-social, .footer-bs .footer-ns { padding:10px 25px; }
.footer-bs .footer-nav, .footer-bs .footer-social, .footer-bs .footer-ns { border-color: transparent; }
.footer-bs .footer-brand h1 {font-size:18px; font-weight:bold; font-family:'Arial Bold', Tahoma, Helvetica; margin-top:0px;} /*■追加*/
.footer-bs .footer-brand h2 { margin:0px 0px 10px; }
.footer-bs .footer-brand p { font-size:12px; color:rgba(255,255,255,0.70); font-family:Verdana,Arial,Helvetica,sans-serif;padding-left:20px;padding-bottom:20px;line-height:1.4;	font-weight:normal;	clear:both;}/*■追加*/

.footer-bs .footer-nav ul.pages { list-style:none; padding:0px; }
.footer-bs .footer-nav ul.pages li { padding:5px 0px;font-size: 14px;}/*■追加*/
.footer-bs .footer-nav ul.pages a { color:rgba(255,255,255,1.00); font-weight:bold; text-transform:uppercase; }
.footer-bs .footer-nav ul.pages a:hover { color:rgba(255,255,255,0.80); text-decoration:none; }
.footer-bs .footer-nav h4 {
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 3px;
	margin-bottom:10px;
	font-weight:bold;	/*■追加*/
}

.footer-bs .footer-nav ul.list { list-style:none; padding:0px; }
.footer-bs .footer-nav ul.list li { padding:5px 0px;font-size: 14px;}	/*■追加*/
.footer-bs .footer-nav ul.list a { color:rgba(255,255,255,0.80); }
.footer-bs .footer-nav ul.list a:hover { color:rgba(255,255,255,0.60); text-decoration:none; }

.footer-bs .footer-social ul { list-style:none; padding:0px; }
.footer-bs .footer-social h4 {
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 3px;
	font-weight:bold;	/*■追加*/
}
.footer-bs .footer-social li { padding:5px 4px;font-size: 14px;}	/*■追加*/
.footer-bs .footer-social a { color:rgba(255,255,255,1.00);}
.footer-bs .footer-social a:hover { color:rgba(255,255,255,0.80); text-decoration:none; }

.footer-bs .footer-ns h4 {
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 3px;
	margin-bottom:10px;
	font-weight:bold;	/*■追加*/
}
.footer-bs .footer-ns p { font-size:12px; color:rgba(255,255,255,0.70); font-family:Verdana,Arial,Helvetica,sans-serif;padding-left:20px;padding-bottom:20px;line-height:1.4;	font-weight:normal;	clear:both;}	/*■追加*/

@media (min-width: 768px) {
	.footer-bs .footer-nav, .footer-bs .footer-social, .footer-bs .footer-ns { border-left:solid 1px rgba(255,255,255,0.10); }
}
/*-----------------------------------------*/
/* フッター公開ページ用　ここまで */
/*-----------------------------------------*/

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
@media screen and (min-width:768px){
	/*　画面サイズが768px以上の場合読み込む　*/
	div#header_uni h1.uni{
		font-size: 22px;
		padding: 15px 0px 7px 100px;
	}
	div#header_uni p.uni{
		font-size: 16px;
		padding: 5px 0px 0px 0px;
		margin-bottom:12px;
	}
}
@media screen and (max-width:767px) { 
	/*　画面サイズが767px以下の場合読み込む　*/
	div#header_uni h1.uni{
		font-size: 18px;
		padding: 19px 0px 10px 100px;
	}
	div#header_uni p.uni{
		font-size: 14px;
		padding: 4px 0px 0px 0px;
		margin-bottom:17px;
	}
}
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

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

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