@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
*/
@import url("top_style.css");
/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/*共通*/
.pc{
	display:block;
}
.sp{
	display:none;
}

body{
	background-color:#ffffff;
}


/*header*/



.eyecatch .parallax-area{
	background-repeat: no-repeat;
    background-size: cover;
	display:block;
}
.header-container-in{
	display:block;
}
.hlt-center-logo .logo-image span, .hlt-center-logo .logo-image a {
    display: inline-block;
    max-width: 30%;
}


.hlt-top-menu .logo-image span, .hlt-top-menu .logo-image a {
    display: inline-block;
    max-width: 100%;
}



.navi-in a::after{
	content: '';
  display: block;
  height: 1px;
  width: 80%;
  background: #000000;
  position: absolute;
  bottom: 0;
  left: 10%;
  transform: scale(0, 1);
  transition: .3s;
}
.navi-in a:hover{
	background:none;
}
.navi-in a:hover::after{
    transform: scale(1, 1);
}

.hlt-center-logo .navi-in > ul li {
    line-height: 40px;
}

.hlt-top-menu .navi-in > ul li {
    line-height: 60px;
}



/*footer*/
.footer{
	padding:50px;
	background-color:#105fac;
	color:#ffffff;
}
.footer a{
	color:#ffffff;
}
.footer-bottom.fdt-up-and-down .footer-bottom-content .navi-footer-in > ul{
	margin-bottom:50px;
}
.navi-footer-in > .menu-footer li:last-child{
	border:none;	
}
.navi-footer-in > .menu-footer li{
	border-left:none;
}

.footer-bottom-logo{
	display:none;
}

.copyright {
    margin-top: 8px;
    text-align: center;
}
.admin-panel{
	display:none;
}

@media (min-width: 800px) {
	
	footer #footer-in{
/*	width: 60%;
    display: flex;*/
}
	.footer-bottom.fnm-text-width .menu-footer li {
    width: 200px;
}

	
	
	
}

/*page*/
.post-date, .post-update, .post-author, .amp-back{
	display:none;
}
.eye-catch-wrap{
	display:none;
}
h1.entry-title{
	display:none;
}
/*ハンバーガーメニュー下線*/
.menu-drawer a {
  color: #333;
  text-decoration: none;
  padding: 6px;
  display: block;
  border-bottom: 1px solid;
  border-bottom-width: thin;
}


/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
 .pc{
	display:none;
}
.sp{
	display:block;
}
.header-container-in{
	display:none;
}
	
.eyecatch{
	display: none;		
}
	
	
}


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