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

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

.page-id-2 header{
   display: none;
}

.sidebar-items{
	font-family: "Arial";
	font-weight:bold;
	background-color: #fff;
	width:100%;
	height:100px;
	padding:4px 0 4px 10px;
	display:flex;
	align-items:center;
	margin:3px 0;
	border:solid 2px #000000;
	border-radius:10px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
.sidebar-items:hover{
	background-color: #ceffc9;
}

.box-1{
    padding: 1em;
    margin: 0;
    background: #EDFDED;
	border-radius:20px;
}

h3{
	background:#ffffff;
}

.seachbox{
	width:100%;
	margin: 0 auto;
}



.flex-table, .flex-table2{
	width: 100%;
	margin: 0 auto 20px auto;
}
.table-scroll{
  overflow-x: scroll;
}


.parent1{
	position:relative;
}

.child1{
	width:20%;
	height:20%;
	position:absolute;
	bottom:50%;
	right:20%; 
}

.annotation{
	font-size:8px;
	text-align:right;
}

.cv_btn { 
	display: inline-block;
	padding: 2em 1.5em;
	margin: 0 auto;
	color: #fff;
	border-radius:10px;
	text-decoration: none;
	font-weight:bold;
	text-align:center;
	background: linear-gradient(to right, #ffd900, #ff7600);
	transition: all ease .3s;
	position: relative;
}

.cv_btn::after { 
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	transform-origin: center center;
	width: 100%;
	height: 100%;
	border: 1px solid orange;
	opacity: 0;
	content: "";
	animation: btn-pulse 1s infinite linear;
}

@keyframes btn-pulse {
  0% { transform: scale(1); opacity: 1;}
  100% { transform: scale(1.2, 1.5); opacity: 0;}
}

.noncv_btn{
	display: inline-block;
	padding: 2em 1.5em;
	margin: 0 auto;
	color: #fff;
	border-radius:10px;
	text-decoration: none;
	font-weight:bold;
	text-align:center;
	background:#a9a9a9;
	position: relative;
}


.noncv_btn:hover{
	color:#000;
}




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

}

/*834px以上（PCのみ）*/
@media screen and (min-width: 834px){
  /*必要ならばここにコードを書く*/
	h3{
		width:75%;
		background:#ffffff;
	}
	
	.seachbox{
		width:75%;
		margin: 0 auto;
	}
	
	.flex-table{
		width: 60%;
		margin: 0 auto 50px auto;
	}
	.flex-table2{
		width: 75%;
		margin: 0 auto 50px auto;
	}

	.child1{
		width:15%;
		height:15%;
		position:absolute;
		bottom:50%;
		right:25%; 
	}
	.box-1{
	    padding: 1em;
    	margin: 2em 1em;
    	background: #EDFDED;
		border-radius:20px;
	}
	.seachbox-sp{
		display: none;
	}
	.pc_hidden{
		display: none;
	}

}

/*834px以上（SPのみ）*/
@media screen and (max-width: 833px){
  /*必要ならばここにコードを書く*/
	.seachbox{
		display: none;
	}

	/*絞り込み検索アコーディオン設定*/
	/*ベース*/
	.toggle {
		display: none;
	}

	/*タイトル*/
	.Label {
		padding: 0.5em;
		font-weight: bold;
		display: block;
		color: #fff;
		background:#C0C0C0;
	}
	/*タイトル横の矢印*/
	.Label::before{
		content:"";
		width: 6px;
		height: 6px;
		border-top: 2px solid #fff;
		border-right: 2px solid #fff;
		-webkit-transform: rotate(45deg);
		position: absolute;
		top:calc( 50% - 3px );
		right: 20px;
		transform: rotate(135deg);
	}
	.Label,
	.ac-content {
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		transform: translateZ(0);
		transition: all 0.3s;
	}

	/*本文*/
	.ac-content {
		height: 0;
		margin-bottom:10px;
		padding:0 20px;
		overflow: hidden;
	}
	/*開閉時*/
	.toggle:checked + .Label + .ac-content {
		height: auto;
		padding:20px ;
		transition: all .3s;
	}
	.toggle:checked + .Label::before {
		transform: rotate(-45deg) !important;
	}
	/*絞り込み検索アコーディオン設定*/
	
	.sp_hidden{
		display: none;
	}
}

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


}