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

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

/* 全体の設定
------------------------------------------------*/

.date-tags{display:none;}
.footer-meta{display:none;}
.content-only .header-container{display:block!important;}

.content, .footer {
	margin-top: 0;
}

.entry-content {
	margin: 0!important;
}

.post-86 .date-tags,
.post-111 .date-tags,
.post-106 .date-tags,
.post-118 .date-tags,
.post-104 .date-tags,
.post-297 .date-tags {
display: none;
}


/* 見出し
------------------------------------------------*/
.article h2, .article h3, .faq-question-label, .faq-answer-label{
	font-family: "Tenor Sans", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, "メイリオ", sans-serif;
}
/*h2 基本*/
.article h2{
	display: inline-block;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	background:none;
	font-size: 1.75rem;
	text-align: center;
	border-bottom: 3px solid #82D9B9;
	padding: 0 20px 20px 20px;
	margin-bottom: 60px !important;
}
/* h3基本 */
.article h3{
	font-size: 1.5rem;
	color: #5AB5BF;
	border:none;
	padding: 0;
	margin-bottom: 25px !important;
}

/* テーブル設定
------------------------------------------------*/
td {
	border: none!important;
	vertical-align: top;
}

tr {
	background-color: #FFFFFF!important;
}

/* 事例スライダー設定
------------------------------------------------*/
.n2_clear {
	width: 50%!important;
	margin:auto;
}


.hp_menu,.foot_btn a{display:none;}



#navi-in li:after {border-left:solid 1px #82D9B9;transform:rotate(40deg);position: absolute;
  content: "";	 width: 10px;
  height: 50px;
right:-10px; top:10px;}
#navi-in li:last-child::after {
    content: none;
	border:none;
}

#navi-in .sub-menu li:after{    content: none;
	border:none;}

#navi-in a:hover{background:transparent;}

.current-menu-item {
    margin-bottom: 0.5rem;
    background-image: repeating-linear-gradient(45deg, #82D9B9 0 2px, transparent 2px 4px);
	background-repeat: no-repeat;
    background-size: 4rem 0.4rem;
    background-position: center bottom;
    color: #353535;
    font-weight: bold;
    font-size: 26px;
    text-align: center;}

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

/*834px以下*/
@media screen and (max-width: 834px){
	/* 事例スライダー設定
	------------------------------------------------*/
	.n2_clear {
		width: 70%!important;
	}
	
	.slicknav_menu {
    background: none;
    
}
	.logo-header{display:none;}
	.slicknav_nav a{color:#000;    border-bottom: 1px #ccc solid;}
}




@media (max-width: 600px) {

/* ハンバーガーメニューのスタイル */
.hp_hamburger{
display:block;
  position: fixed;
  top: 30px;
  right: 30px;
  width: 30px;
  cursor: pointer;
  z-index: 1000; /* メニューより前に表示 */
}

.hp_hamburger span {
  display: block;
  height: 5px;
  width: 100%;
  background-color: #000; /* ボタンの色 */
  margin: 5px 0;
  transition: 0.4s;
}

/* メニューのスタイル */
.hp_menu{
display:block!important;
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  background-color: #efefef;
  opacity: 0;
  pointer-events: none; 
  transition: opacity 0.5s ease; 
  box-sizing: border-box;
  z-index: 500;
}

.hp_menu ul {
  list-style: none; 
  margin: 0; 
  padding: 0; 
}
.article ul li{ margin: 0; 
  padding: 0; }


.hp_menu li a{border-bottom:1px solid #000;
display:block;
color:#000;
font-weight:bold;
padding:10px 20px;
 text-decoration: none;}


/* メニューが開いたとき */
.hp_menu.open {
  opacity: 1; /* 不透明にする */
  pointer-events: auto; /* クリック可能にする */
}

/* バツ印に変わるハンバーガーボタン */
.hp_hamburger.active span:nth-child(1) {
  transform:rotate(45deg) translate(8px, 8px);
}

.hp_hamburger.active span:nth-child(2) {
  opacity: 0; /* 真ん中の線を透明にする */
}

.hp_hamburger.active span:nth-child(3) {
  transform: rotate(-45deg) translate(6px, -6px);
}

.foot_btn {margin:0;z-index:1000; position: fixed;
 bottom:0;
right:0;
left:0;}

.foot_btn a {
    background: #5AB5BF;
    
    display: flex!important;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    max-width: 380px;
    padding: 10px 25px;
    color: #fff;
    font-weight: 500;

 justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    padding: 10px 25px;
    transition: 0.3s ease-in-out;
    clip-path: polygon(5% 0%, 100% 0%, 95% 100%, 0% 100%);
font-weight:bold;
 text-decoration: none;
}

	#footer{display:none;}

}



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