@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.1.1
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
.article h2 {
    padding: 0;
    background: none;
	color:#000;
}

.article h3 {
  border: none;
    padding: 0;
}

.article h4 {
    border: none;
    padding: 0;
}
.article h5 {
    border: none;
    padding: 0;
}
.article h6 {
    border: none;
    padding: 0;
}

.article h2 {
  border-bottom: solid 3px #494949;
  position: relative;
}

.article h2:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #000;
  bottom: -3px;
  width: 20%;
}




#post-2.article h2 {
  border-bottom: solid 3px #00FF00;
  position: relative;
}

#post-2.article h2:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #228b22;
  bottom: -3px;
  width: 20%;
}


.article h3 {
  color: #494949;/*文字色*/
  /*padding: 0.25em 0.5em;上下 左右の余白
  background: transparent;/*背景透明に
  border-left: solid 5px #494949;/*左線*/
}

/*a 設定*/
a{
	
	color:#3498db;
}
a:hover{
	color:#2ecc71;
}

/*ボタンの設定*/
.wp-block-file__button{
  position: relative;
  display: inline-block;
  font-weight: bold;
  padding: 0.25em 0.5em;
  text-decoration: none;
  color: #81D742;
  background: #ECECEC;
  transition: .4s;
}

.wp-block-file__button:hover {
  background: #81D742;
  color: white;
}

/*パンくず設定*/
.cat-link{
	background: #ECECEC;
	color:#81D742;
}

/*ヘッダーの画像*/

#header-container{
    /*位置の設定*/
    width: 100%;
    top: 0;
    left: 0;

    /*背景画像の設定*/
    background-image: url("https://www.toyonokuni.jp/wp-content/uploads/3430982_l-min_R.png");
    background-size:cover;

    /*透過の設定*/
}

.logo-header{
  opacity:1.0 !important;
}

#navi{
	background-color: transparent;
}



.hlt-center-logo{
	background-color:#b0e6f5;
}

/*協会ロゴウィジェット用*/
.klogo{
	height:45px;
	vertical-align: sub;
}

/*スマホ用ロゴ*/
.smahologo{
	background-color:#fff;
}





/*
.footer-in h3{
  position: relative;
  display: inline-block;
  padding: 0 55px;
}

.footer-in h3:before, .footer-in h3:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 45px;
  height: 1px;
  background-color: black;
}

.footer-in h3:before {
  left:0;
}
.footer-in h3:after {
  right: 0;
}

*/
/*h1タイトル非表示*/
.front-top-page #main .entry-title{
  display: none;

}
h1.logo-image{
padding: 0;
}


/*余白をなくすおまじない*/
.content { 
margin-top: 0; 
}

#appeal{
	z-index:10;
	position: relative;
}
#main{
	margin-top: -35px; 
	z-index:0;
}




/*協会バナー*/
.kyoukailink{
  text-align: center;
	transition: all 0.6s ease 0s;
	padding-bottom:20px;
}

/* センター側のaリンク設定*/
.a1{
  position: relative;
  display: inline-block;
  transition: .3s;
	font-size: xx-large;
	color:#494949;
	
}
.a1:hover{
	color:#fff;
}

.a1p{
			padding-top:-30px;
	margin-top:-30px;
}

.m-size{
		padding-top:-40px;
	margin-top:-40px;
	padding-bottom:-30px;
	margin-bottom:-30px;
}

/* 協会側のaリンク設定*/
.a2p{
		padding-top:-50px;
	margin-top:-50px;
}
.a2 span {
  display: inline-block;
	font-size: xx-large; 

}
.a2 span {
  transition: .5s;
}
.a2:hover span {
  -webkit-transform: rotateX(360deg);
  transform: rotateX(360deg);
}

.kyoukai-size{
			padding-top:-30px;
	margin-top:-30px;
	padding-bottom:-30px;
	margin-bottom:-30px;
}

/*フッター　リンク*/
.menu-footer a:hover{
	color:#000 !important;
	opacity:0.5;
}


/*人気記事横並び*/
.new-entry-cards.large-thumb {
    display: flex;
    flex-wrap: wrap;
}

.new-entry-cards.large-thumb a {
    width: 33.333%;
}







/*以下フェードイン表示の指定*/
.fadein {
    opacity: 0;
    animation: fadein 1s ease forwards;
}
@keyframes fadein {
    100% {  opacity: 1;}
}
 
/*以下遅延の指定*/
.txt01 {animation-delay: 3s;}
.txt02 {animation-delay: 3.5s;}
.txt03 {animation-delay: 4s;}
.txt04 {animation-delay: 4.5s;}
.txt05 {animation-delay: 5s;}
.txt06 {animation-delay: 5.5s;}
.txt07 {animation-delay: 6s;}
.txt08 {animation-delay: 6.5s;}


.effect-fade {
　opacity : 0;
　transform : translate(0, 45px);
　transition : all 300ms;
}

.effect-fade.effect-scroll {
　opacity : 1;
　transform : translate(0, 0);
}




/*フェードイン設定*/
.an4-fadeleft {
    background-color:#ff7f50;
    font-size: 30px;
    font-weight: bold;
    animation-name: fadeleft;
    animation-duration: 2s;
    animation-iteration-count: infinite;
}
@keyframes fadeleft {
from {
    opacity: 0;
     transform: translateX(150px);
}
to {
    opacity: 1;
    transform: translateX(0);
}
}


























/*768px以下*/
@media screen and (max-width: 768px){
  .new-entry-cards.large-thumb a {
      width: 50%;
  }
}

/*480px以下*/
@media screen and (max-width: 480px){
  .new-entry-cards.large-thumb a {
      width: 100%;
  }
} 


.logo-header a{
padding:;
  background-image: none;
  background-position:none;
  background-size:none;
  transition:none;
	text-decoration:none;
}
.logo-header a:hover {
  background-position:none;
  color: none;
}

#menu-navi a{
	padding:;
  background-image: none;
  background-position:none;
  background-size:none;
  transition:none;
	text-decoration:none;
}

#menu-navi a:hover {
  background-position:none;
  color: none;
}


/*ボックスメニューリンク*/
.box-menus a{
	
}
/* ボックスメニューの設定 */
.box-menu{
    background: #fff; /* 背景色 */
    box-shadow: inset 1px 1px 0 0 #72685E, 1px 1px 0 0 #72685E, 1px 0 0 0 #72685E; /* 枠線の設定 */
}
.box-menu-icon{
    color: #339432; /* アイコンの色 */
}
.wwa .box-menu {
    width: calc(100%/6); /* メニューの数 */
}
/* オンマウス時の設定 */
.box-menus a{
  background-image: linear-gradient(rgba(0,0,0,0) 50%, rgba(0,255,0,0.9) 50%);
  background-position: 0 0;
  background-size: auto 200%;
  transition: .3s;
	text-decoration:none;
}




.box-menus a:hover{
	 background-position: 0 100%;
  color: #fff !important;
    box-shadow: none; /* 枠線を消す */
  
}

.box-menu-label{
	font-size:20px;
}

.box-menu-description{
	font-size:13px;
}




/* フッターの背景画像　
#footer {
	background-image: url(https://www.toyonokuni.jp/wp-content/uploads/3771.png);
	background-size: cover;

}


*/

/*whatsnew 設定*/
.whatsnew a{
	color:#228b22;
}

.whatsnew a:hover{
	color:#fff;
	background-color:#00FF00 !important;
}


/*トップメニュー設定*/
#menu-topmenu a:hover{
	background-color:#C1E0B5;
}



.navi-footer-in > .menu-footer { /*メニューの位置調整*/
  justify-content: center;
  margin-bottom: 1em;
}




@media screen and (max-width: 834px) {
  .navi-footer-in > .menu-footer li.menu-item {
    border: none; /*モバイルでメニューのボーダーを消す*/
  }
}
@media screen and (max-width: 460px) {
  .navi-footer-in > .menu-footer li.menu-item { /*モバイルでメニューを1カラムにする*/
    width: 100%;
    display: block;
    flex: auto;
    padding: 0.3em 0;
  }
}





/************************************
** ブログカード（本文挿入）
***********************************/
.blogcard {
	padding: 1rem;
	position: relative;
	
}

.blogcard:hover{
	background-color:#ddd;
	color:#fff;
}

.internal-blogcard{
    border-color: #ddd !important; /* 枠線の色を変更 */
	
}

a.blogcard-wrap:hover{
	background-color: transparent!important;
	
}

a.blogcard-wrap:hover img.blogcard-thumb-image{
	
}




.blogcard-thumbnail img{
	height:85px;
}


.blogcard-thumbnail {
	line-height: 0;
	margin-right: 1rem;
	overflow: hidden;
}

.blogcard-title{
	margin-bottom: .5rem;
}

.blogcard-snipet{
	font-size: 70%;
	line-height: 1.7;
	padding-right: 10%;
}

@media screen and (max-width: 480px){
	.blogcard-thumbnail{
		width: 40%;
	}
	.blogcard-snipet{
		display: none;
	}
}

.internal-blogcard-footer{
	display: none; /* 内部ブログカードのアイコンとURLを非表示 */
}

/*.blogcard::before{
	content: 'あわせて読みたい'; /* タイトルの文言 
	position: absolute;
	top: -.8rem;
	left: auto;
	font-size: 50%;
	background-color: #68d6cb; /* タイトルの背景色 
	padding: .6em 1em;
	font-weight: bold;
	color: #fff;  /* タイトルの文字色 
	border-radius: 2px;
}*/
 /* 
.internal-blogcard::after{
	content: '続きを読む \00bb';内部リンク右下枠の文言 
	position: absolute;
	bottom: .5rem;
	right: 1rem;
	font-size: 70%;
	background-color: #333; /* 内部リンク右下枠の背景色
	padding: .4em 3em;
	color: #fff; /* 内部リンク右下枠の文字色
}
 */

.item1 {
	border: inset 0px #66FF66;
  /*border-radius: 0px;
  background: #66FF66;*/
  padding: 20px;
  margin: 10px;
  text-align: center;
  width:250px !important;
	/*color:#fff;*/
	
	/*cursor: pointer;
  transition: all 0.3s ease 0s;*/
}

.item1 a{
  color:#000;


}

.item1 p{
	text-size-adjust: auto;
}

.item1 a:hover{
  /*color:#fff;*/
  opacity:0.5;

}
/*
.item1:hover{
  border-bottom-color: transparent;
  transform: translateY(0.1875em);

}
*/
.imgblock{
	background-image:url("https://www.toyonokuni.jp/kyoukai/wp-content/uploads/sites/3/2021/01/044sukagamino17103_TP_V4-2.png")!important;
	
}

.imgblock a{
	color:#000 !important;
}


.block3 {
		border: inset 0px #66FF66;
  /*border-radius: 0px;
  background: #66FF66;*/
  padding: 20px;
  margin: 10px;
  text-align: center;
  width:250px !important;
	/*
  border-radius: 0px;
  background: #DCEFF5;
  padding: 20px;
  margin: 10px;
  text-align: center;
  width:250px !important;
	*/
	transition: all 0.6s ease 0s;
	
}

.block3 a:hover{
	color:#ccc;
}


.block3:hover{
	  cursor: pointer;
  transform: scale(1.1, 1.1);
}



.img {
  max-width: 100%;
  height: auto;
}
p1 {
  text-align: left;
}

.flexbox1{
	justify-content: center;
	
}

.flexbox1 a:link{
	display:initial;
}



/* ここから下がボタンのCSS　*/

a.btn-open  {
  color: #000;
  background-color: #fff100;
  border-bottom: 5px solid #ccc100;
}

a.btn-open:hover {
  margin-top: 3px;
  color: #000;
  background: #fff20a;
  border-bottom: 2px solid #ccc100;
}




/*
#content-in{
	background-color: rgba(255,0,0,0.0);
}

#main{
	background-color: rgba(255,0,0,0.0);

}

*/

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


::-webkit-scrollbar {
    width: 12px;
}
::-webkit-scrollbar-thumb {
    border-radius: 30px;
    background: linear-gradient(#52BCDE,#c9f1f1);
}
::-webkit-scrollbar-track {
    border-radius: 30px;
    background: #eaeaea;
}


/*フッターカラム消したい*/
.footer-left{
	display:none;
}
.footer-widgets{
  display: flex;
  justify-content: center;
  align-items: center;
}



/*モバイルフッターメニュー　背景 */
.mobile-footer-menu-buttons > li{
	background-color:;
}





 
/* Responsive */
@media ( min-width : 600px ){
    .flexbox1 {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    }
  .item1 {
    width: 25%;
  }
}



/* モバイル用の設定 */
@media screen and (max-width: 599px){
    .box-menus .box-menu {
	width: calc(100%/3); /* メニューの数 */
	}
    .box-menu-label{
	font-size: 10px; /* 文字サイズ */
	}
	.box-menu{
	min-height: 50px; /* 高さ */
	}
	#appeal-in{
		display:none;
	}
		/*.item1 img {
  display:none;
	}*/
}


/*ろうあ大会*/
.taikai{
	padding-bottom:-100px;
	margin-bottom:-100px;
}


#box_menu-5{
		padding-top:-20px;
	margin-top:-20px;
}

.a3p{
		padding-bottom:-20px;
	margin-bottom:-20px;
	font-size:30px;
}

.sp1{
	font-size:2rem;
	
}

input.wpcf7-form-control.wpcf7-submit{
	border: 2px dashed #000;
	background-color:#B0E6F5;
}




/*ろうあ大会ボタン*/
*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 62.5%;
}

.btn1,
a.btn1,
button.btn1 {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
}

a.btn--yellow {
  color: #fff;
  background-color: #228b22;
  border-bottom: 5px solid #1b6f1b;
}

a.btn--yellow:hover {
  margin-top: 3px;
  color: #fff;
  background: #2aae2a;
  border-bottom: 2px solid #228b22;
}




.button04 a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
  padding: 1em 2em;
  width: 300px;
  color: #2285b1;
  font-size: 18px;
  font-weight: 700;
  border: 3px solid #a0c4d3;
  border-radius: 10px;
}

.button04 a::after {
  content: '';
  width: 5px;
  height: 5px;
  border-top: 3px solid #2285b1;
  border-right: 3px solid #2285b1;
  transform: rotate(45deg);
}

.button04 a:hover {
  color: #333333;
  text-decoration: none;
  background-color: #a0c4d3;
}

.button04 a:hover::after {
  border-top: 3px solid #333333;
  border-right: 3px solid #333333;
}






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

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

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

	z-index:0;
}
	
	.btninput{
		display:none;
	}
	
	.item1 {
  text-align: center;
  width:130px !important;
		/*height:190px;*/
		float:left;
		  /*padding: 10px;*/
  /*margin: 5px;*/
	}
	
		.block3 {
  text-align: center;
  width:130px !important;
		/*height:210px;*/
		float:left;
		  /*padding: 10px;*/
  /*margin: 5px;*/
	}
	
	.blogcard-snippet{
		display:none;
	}
	.blogcard-title {

	}
	
	
}