@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.1.3
-BLOG HEADER
-IN ARTICLE
-SIDE BAR
-MW WP FORM
*/
/************************************
** BLOG HEADER
************************************/
/*header adjustment*/
.navi-in > ul li {
    line-height: 110px;
    height: 110px;
 }
#header-container {
    height: 110px;
 }
@media screen and (max-width: 834px){
.header-container-in.hlt-top-menu {
    flex-direction: row;
}
.header-container-in.hlt-top-menu .header .header-in {
		display: flex;
	}
.logo-header img {
    width: 170px;
}
}

/************************************
** IN ARTICLE
************************************/

/*mokuji adjustment*/
.toc {
    border: 0px !important;
    font-size: 0.9em;
    padding: 1em 1.6em;
    display: block;
    background-color: #f7f7f7;
}
.toc .toc-list ul, .toc .toc-list ol {
    padding-bottom: 0.4em;
}

/* h2 */
.toc-list>li>a {
border-bottom: 1px solid #e3e3e3;
}
/* h3 
.toc-list>li li a::before {
font-family: "Font Awesome 5 Free";
content: "\f105";
font-weight: 900;
padding-right: 5px;
}
*/
.toc-list li a {
font-weight: 600;
}
.toc-list>li li a {
font-weight: 500;
}
.toc a:hover {
color: #E35454;
}

/*blogcard adjustment*/
.blogcard-site {
    display: none;
	}
.blogcard {
    padding: 2% 2% 1% 2%;
box-shadow: 7px 7px #ebebeb;
	}
.blogcard-label {
    top: -18px;
    left: 5px;
	}
.blogcard-thumbnail {
    margin-right: 2.3%;
}
/*related post in article adjustment*/
.rect-vertical-card .related-entry-card-wrap {
    padding: 15px;
    box-shadow: #dbdbdb 4px 4px 3px;
	}
/* tebot-cta icon */
.tebot-cta a::before {
  content: '';
  display: inline-block;
  width: 30px;
  height: 30px;
  background-image: url(https://anotete.co.jp/blog/wp-content/uploads/2024/04/logo_tebot-small.png);
  background-size: contain;
  vertical-align: middle;
}

/************************************
** SIDE BAR
************************************/
/*subheader adjustment*/
.blogtop-subheader {
	text-align: center;
	font-weight: 600;
	font-size: 3rem;
	background-color: #f4fafb00;;
    border-bottom: 1px solid #2a4551;
}
@media screen and (max-width: 834px){
	.blogtop-subheader {
	font-size: 1.5rem;
	}
	#header-container {
    height: 70px;
	}		
}
/*sidebar related post adjustment*/
.widget-entry-cards:not(.large-thumb-on) .card-title {
    font-size: 0.8em;
    padding-top: 10px;
    font-weight: 600;
}
.widget-entry-cards .a-wrap {
    padding: 7px;
    background-color: #ffffffbd;
}
/*sidebar profile box adjustment*/
.nwa .author-box {
    border: none;
	background-color: #ffffffd1;
}
.sidebar {
    padding-top: 0px;
}
.sidebar h3 {
    font-size: 1.2em;
    text-align: center;
}
.sidebarlikeh3 {
	font-size:1.2em;
	text-align:center;
	color: #fff; 
	background-color: #273a60;
	padding:12px;
	font-weight: bold;
	margin-bottom: -30px;
}
/*sidebar table contents adjustment*/
.nwa .toc {
    padding: 1.5em;
    background-color: #ffffffc9;
}
/*sidebar button adjustment*/
.btn-square {
    display: inline-block;
    padding: 0.5em 1.2em 0 1.2em;
    text-decoration: none;
    background: #f3f8fc;
    color: #223760;
    border-bottom: solid 3px #b2c3d3;
    border-radius: 3px;
    width: 100%;
    font-weight: 600;
    margin: 5px 0 2px 0;
	font-size: 17px;
}
.btn-square:hover,
.btn-square:active {
  background: #b2c3d3;
  color: #223760 !important;
  border-bottom-color: #b2c3d3;
  cursor: pointer;
}
.btn-square a:hover,
.btn-square a:active {
  color: #223760 !important;  /* 強制的に色を上書きしたいができない */
}
.btn-square:active {
  border-bottom: none;
  transform: translateY(4px);
}
.btn-square:hover + ul,
.btn-square:active + ul,
.btn-square:hover + ul li,
.btn-square:active + ul li {
  background: #FFF;
  color: #273a60;
}
.sidebar-downloads li {
	list-style: none;
	color: #223760;
	font-size: 0.95em;
	}
.sidebar-downloads  i.fas.fa-angle-right {
	font-size: 0.8em;
	}
/*tag adjustment*/
.tagcloud a {
  border-radius:10px;
}


/*kotei page adjustment*/
.post-1025 .date-tags {
display: none;
}

/************************************
** MW WP FORM
***********************************
.rformtitle {
	font-size: 12px;
	margin-bottom:-10px;
}
.downloadbox {
	margin-right: 20px;
}
.downloadbutton {
	background-color: #e35454;
	margin: 0 4em;
}
input[type=text], input[type=password], input[type=date], input[type=datetime], input[type=email], input[type=number], input[type=search], input[type=tel], input[type=time], input[type=url], textarea, select, .search-edit {
    font-size: 1.3em;

input[type=submit] {
    -webkit-appearance: none;
    border: 1px solid #e35454;
    background-color: #e35454;
    color: #fff;
    font-size: 1em;
}
.download_submitcontainer {
	text-align:center;
}
.rformtitle2 {
	font-size: 15px;
	margin-bottom: -5px !important;
}*/

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
}

/*834px以下*/
@media screen and (max-width: 834px){
}

/*480px以下*/
@media screen and (max-width: 480px){
}