@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.1.3
-BLOG HEADER
-IN ARTICLE
-SIDE BAR
*/

navi-in > ul {
    display: flex;
    flex-wrap: nowrap;
}


/************************************
** hubspot form adjustment
************************************/
/* 埋め込みフォーム全体の余白を最小化する */
.hsfc-Step__Content {
	border: 20px #f7f7f7 solid;
	padding: 25px !important;
	margin: 25px;
}

/* フォーム内の各フィールドの間隔も詰めたい場合 */
.hs-form-html .hs-form-field {
    margin-bottom: 10px !important; /* お好みのサイズに調整してください */
}

/************************************
** BLOG HEADER
************************************/
/*header adjustment*/
.navi-in > ul li {
    line-height: 110px;
    height: 110px;
 }
#header-container {
    height: 110px;
 }
.header-container-in {
	width: 100%;
	font-weight:600;
	box-shadow: 0 0 10px 0 #e5e5e5;
}
.header-container-in a {
	color: #282e34;
}


.navi-in > ul {
	justify-content: center;
}

@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,h3,h4,h5,h6 */
.article h2, .article h3, .article h6{
    margin: 2em 0 1em 0;
}

/* h2 */
.toc-list>li>a {
border-bottom: 1px solid #e3e3e3;
}
 .article h2{
  font-size: 23px;
}
 .article h3{
  font-size: 21px;
  border-top: none;
	border-left: 0px;
	border-right: none;
	line-height: 1em;
	padding: 10px 0 17px 5px;
	
}

.inshi_cta_box {
	margin:20px;
}

/*480px以下*/
@media screen and (max-width: 480px){
  .article h3{
  font-size: 18px !important;
}
}
/* h4 */
.article h4 {
    font-size: 17px;
    border-color: #273a60 !important;
    padding: 7px 0 12px 10px;
    border-bottom: none;
    margin: 1.2em 0 1em 0;
    border-bottom: 1px dotted;
	border-top : none;
}

/* h5 */
.article h5 {
    font-size: 17px;
    border-color: #273a60 !important;
    padding: 7px 0 12px 10px;
    border-bottom: none;
    margin: 1.2em 0 1em 0;
    border-bottom: 1px dotted;
}

.toc-list li a {
font-weight: 600;
}
.toc-list>li li a {
font-weight: 500;
}
.toc a:hover {
color: #E35454;
}

/* faq adjustment */
.faq-question {
	margin-bottom: 0;
}
.blank-box {
	padding: 0 0 0 15px;
}

/*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;
}

/* apply border-radious's just for fun */
.main {
    border-radius: 20px;
}
.author-box {
    border-radius: 20px;
	 box-shadow: 5px 5px 5px #f2f2f2;
}
.author-box p {
    margin-top: 0.3em;
    line-height: 1.3;
    font-size: 14px;
}
author-box .author-name {
    font-size: 1em;
    margin-bottom: 0.7em;
}
.author-box .author-name a {
	text-decoration: none;
	color: #e1716c;
}
.card-thumb img {
    border-radius: 20px;
}
.widget-entry-cards .a-wrap {
    border-radius: 20px;
}
.sidebar h3 {
    border-radius: 15px;
}
.card-thumb img {
    border-radius: 0 40px 0 0;
}
.nwa .author-box img {
	width: 80%;
}

/************************************
** SIDE BAR
************************************/
/* カテゴリ */
.custom-sidebar-menu {
    background-color: transparent;
    /* 全体のborder-topを消す、またはここを0にします */
    border-top: none; 
}

.custom-sidebar-menu .menu-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 5px;
    text-decoration: none;
    color: #333333;
    font-size: 15px;
    border-bottom: 1px solid #dddddd;
    transition: background-color 0.3s;
}

/* 一番上の項目だけ個別に指定 */
.custom-sidebar-menu .menu-item:first-child {
    border-top: none;     
    padding-top: 15px;     
    padding-bottom: 10px; 
}

/* 一番下の設定 */
.custom-sidebar-menu .menu-item:last-child {
    border-bottom: none; 
}

/* フォルダアイコンの設定 */
.custom-sidebar-menu .menu-item span:first-child::before {
    content: "\f07b";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 10px;
    color: #31363f;
}

.custom-sidebar-menu .menu-item:hover {
    background-color: rgba(0, 0, 0, 0.05);
}

.custom-sidebar-menu .arrow {
    width: 7px;
    height: 7px;
    border-top: 2px solid #31363f;
    border-right: 2px solid #31363f;
    transform: rotate(45deg);
    margin-right: 5px;
}




/*subheader adjustment*/
.widget-entry-cards .a-wrap {
    padding: 12px !important;
}

.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;
	border-radius: 10px;
}
/*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 1em;
    text-decoration: none;
    background: #f3f8fc;
    color: #223760;
    font-weight: 600;
}
/*
.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;
}



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

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

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