@charset "UTF-8";

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

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

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

}

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

}


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

}

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

}

/************************************
**　ロゴ
************************************/

.logo,
.tagline{
	text-align:left;
}

.logo-text{
	padding:20px 0 0;
}
	
.site-name-text{
	font-size:140%;
	xfont-weight:bold;}

.header {
	background-color:inherit;
	border-bottom:#76ace3 solid 5px;
	xborder-bottom:#00274F solid 5px;
}

.tagline{
	display:none;
}

/************************************
**　見出し
************************************/

.article h3 {
  border-left: 6px solid #A1C5E7;
  border-right: none;
  border-top: none;
  border-bottom: 1px dotted #ccc;
  background-color:#FFF;
}

.cat-link {
	background-color:#A1C5E7 !important;}

.cat-label {
	background-color:#A1C5E7 !important;}






/************************************
** トップページカスタマイズ
************************************/

.home #main h1{
	display:none;
}

.wp-block-column h3{
	border-left: 8px solid #A1C5E7;
  border-right: none;
  border-top: none;
  border-bottom: 1px dotted #ccc;}


.top-loginbox{
    padding: 0.5em 1em;
    margin: 2em 0;
    background: -webkit-repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px);
    background: repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px);
}
.top-loginbox p {
    margin: 0; 
    padding: 0;
	text-align: center;
}


/************************************
** ボタン
************************************/
.p-button {
    max-width: 240px;
    margin: 0 auto;
}

.p-button a {
    display: block;
    margin:25px 0;
    padding: 0.4em 1em;
    border-radius: 2em;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
	xbackground: #A2CA92;
    xbackground: #eba02f;
	background: #66c2c3;
    xbox-shadow: 0 5px 15px rgba(235, 160, 47, .5);
    text-align: center;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    opacity:1;
}

.p-button a:hover{
    box-shadow:none;
    transform: translateY(-3px);
    opacity:1;
}




/************************************
** 特保記事
************************************/

.theme-title {
  position: relative;
  padding: 0.5em;
  background: #e0edff;
font-weight:bold;
}

.theme-title::before {
  position: absolute;
  content: '';
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 15px transparent;
  border-right: solid 20px rgb(149, 158, 155);
}


.theme-title-text{
font-size:120%;
font-weight:bold;}

.mid-title {
  position: relative;
  padding: 0.6em;
  background: #e0edff;
font-size:90%;
font-weight:bold;
}

.mid-title:after {
  position: absolute;
  content: '';
  top: 100%;
  left: 30px;
  border: 15px solid transparent;
  border-top: 15px solid #e0edff;
  width: 0;
  height: 0;
}

.theme-ul{}

.theme-ul li {font-size:90%;
line-height:2;
border-bottom:#CCC dashed 1px;}


.block-title{
font-weight:bold;
font-size:110%;}



/************************/
/*吹き出し（フラット）
/************************/

.sbs-flat .speech-balloon{
background-color: #EEF5FF; /*背景色*/
border: solid 1px #EEF5FF; /*枠線形状・色*/
}

/*左アイコン用　▲部分*/
.sbs-flat .speech-balloon::before,
.sbs-flat .speech-balloon::after {
border-right-color: #EEF5FF;
border-left-color: #EEF5FF;
}

/* 右アイコン用　▲部分*/
.sbs-flat.sbp-r .speech-balloon::before,
.sbs-flat.sbp-r .speech-balloon::after {
border-right-color: #EEF5FF;
border-left-color: #EEF5FF;
}



/************************/
/*チャレンジテーマボタン
/************************/

.btn-sidebox{
	text-align:center;}


.btn-sizechange {
  display: inline-block;
  text-decoration: none;
  font-weight: 700;
  color: #00468E;
  text-align: center;
  width: inherit;
  min-width: 188px;
  border: 2px solid #00468E;
  padding: 12px 16px;
  position: relative;
  opacity: 1 !important;
  transition: all 0.3s;
}
.btn-sizechange:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 0;
  height: 0;
  opacity: 0;
  background-color: #00468E;
  transition: all 0.3s;
  pointer-events: none;
}
.btn-sizechange span {
  position: relative;
  z-index: 99;
}
.btn-sizechange:hover {
  color: #FFF;
  transform: scale(0.9);
}
.btn-sizechange:hover:after {
  width: 100%;
  height: 100%;
  opacity: 1;
}


/************************/
/*ブログカードカスタマイズ
/************************/

.internal-blogcard-footer {
display:none;
}

.blogcard-type .blogcard-label{
  background-color:#66c2c3;
  color:#fff;
  border: 0px solid ;
  xtop:-10px;
}