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

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



#logo_loader.open {
    animation-name: slideOut;
    animation-fill-mode: forwards;
    animation-duration: 2s;
    animation-delay: 2s;
}




.article h1 {
  display:none;
}


.logo{
	text-align:left;
	padding:0px;
}


/*H2*/
.article h2{
	background-color:#f6f6f6;
	font-size: 1.5rem;
	color:#333333;
	border-radius:1px;
	padding:20px;
}

.bold{
	font-size: 1.3rem;
	color:#333333;
}

.wp-block-cocoon-blocks-sticky-box{
	font-size:1.1rem;
	font-family: 'Zen Antique', serif;
}

.footer-left, .footer-right{
	width:0%;
}

.footer-center, .footer-right{
padding:0;
}

.footer-center{
margin-left:20vw;
}

.footer-center{
	text-align:center;
	width:100%;
}

.footer {
  margin-top: 40px; /*フッターとコンテンツの間に余白追加*/
  border-top: 0; /*上部にボーダー追加*/
}
.footer-bottom {
  margin-top: 14px; /*フッター内上部の余白を詰める*/
}
.footer-bottom-logo { /*ロゴの位置調整*/
  float: none;
  bottom: auto;
  position: static;
  margin-bottom: 10px;
}
.footer-bottom-logo .logo-image {
  padding: 0;
max-width:250px;
  margin: 0 auto;
}
.footer-bottom-content { /*メニュー＆クレジットの位置調整*/
  float: none;
  text-align: center;
}
.navi-footer-in > .menu-footer { /*メニューの位置調整*/
  justify-content: center;
  margin-bottom: 1em;
}
.navi-footer-in a {
  color: #aab3b9; /*メニューの文字色*/
}
.navi-footer-in a:hover { /*メニューのマウスホバー時の指定*/
  color: #aab3b9; /*文字色を通常時と同じに*/
  background: none; /*背景色をなしに*/
  text-decoration: underline; /*アンダーラインを追加*/
}
.footer-bottom.fnm-text-width .menu-footer li {
  line-height: 1; /*メニューの区切りボーダーの高さを1文字分にする*/
}
.copyright {
  color: #aab3b9; /*クレジットの文字色*/
}
@media screen and (max-width: 834px) {
  .navi-footer-in > .menu-footer li.menu-item {
    border: none; /*モバイルでメニューのボーダーを消す*/
  }
}

.footer-bottom.fdt-logo.fnm-text-width.cf{
	display:none;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/


/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
	.header-container{
		display:none;
	}
}

/*481px以上*/
@media screen and (min-width: 481px){
	}
	
	/************************************
** グローバルメニュー PC
************************************/
 /* ロゴの大きさ・幅に関するもの */
.item-label{
	font-size:14px;
}

	.header-in{
		width:350px !important;
	}
	
.header-container-in.hlt-top-menu .logo-header img {
  vertical-align: left;
  margin: 20px 0 20px 20px;
}
#header-container {
  box-shadow: 0 0 10px rgba(30, 30, 30, .1);
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  z-index: 10;
}
.site-name-text-link {
  color: #fff;
}
.navi {
  background: none;
}
.navi-in > ul .sub-menu {
  background: #fff;
  box-shadow: 0 0 10px rgba(30, 30, 30, .1);
}
.navi-in > ul li {
  width: auto;
}
.navi-in a {
  font-size: 15px; /* ナビ文字大きさ */
  font-weight: bold;
  position: relative;
  color: #fff; /* ナビ文字色 */
  padding: 0 20px;
  display: block;
  text-decoration: none;
}
.navi-in a:hover {
  background: none;
}
.navi-in a:before {
  position: absolute;
  left: 0;
  bottom: 6px;
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  background: #fff; /* マウスON時の下線色 */
  transform: scale(0, 1);
  transition: 0.4s;
}
.navi-in a:hover:before {
  transform: scale(1);
}
.navi-in > ul .sub-menu a {
  color: #666; /* サブメニュー文字色 */
  font-size: 12px; /* サブメニュー文字の大きさ */
}
.navi-in > ul .sub-menu a:before {
  background: #42d5e7; /* サブメニューマウスON時の下線色 */
}
.header-container-in.hlt-top-menu .logo-header {
  max-height: 100%;
}
.header-small {
 	background-color: rgba(255,255,255,1) !important;;
}
.header-small .header-container-in.hlt-top-menu .logo-header img {
}

[id^="toc"]:target {
  padding-top: 85px;
  margin-top: -85px;
}
	
}

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

#header-container{
    background-color: rgba(255,255,255,0.5);
}

nav#navi{
	background-color:transparent !important;
}