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

/************************************
** 子テーマ用のスタイルを書く


************************************/
/*必要ならばここにコードを書く*/

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
.grecaptcha-badge {
	visibility: hidden;
}

.header-search {
  width: 200px !important;
}

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

li.menu-item-75 {
	margin-left: 10px;
}

.header-search .search-box {
  margin-top: 10px;
  margin-left: 15px;
}

.header-search input[type="text"] {
  padding: 8px 14px;
  font-size: 14px;
  border-radius: 14px 14px 14px 14px / 50% 50% 50% 50%;
}

.header-search .search-submit {
  color: #378cb0;
}

div.logo-header .site-name::after {
  content: '不安障害･パニック障害を"根本から"治す方法';
  font-size: 18px;
  color: #9d5c44;
  margin-bottom: 10px;
}

.hlt-tm-right .navi-in > ul {
    justify-content: right;
	margin-right: 15px;
}


/*メインコンテンツ*/

.main {
	padding: 36px 40px;
}

main.main {
	background-color: #FFFCF0;
	color: #4D2A02;
}


/*監修*/
.wp-block-cocoon-blocks-sticky-box.blank-box.block-box.sticky.st-blue.is-style-bottom-margin-1em.has-bottom-margin {
	padding: 15px 20px;
}

.wp-block-media-text>.wp-block-media-text__content {
	padding: 0 4%;
}



h1.entry-title {
	line-height: 40px;
	font-size: 30px;
	margin-bottom: 50px;
}

.article h2 {
	font-size: clamp(18px,1.7vw,22px);
	padding: 35px 0 0 85px;
	display: flex;
	align-items: center;
}

h2.wp-block-heading.is-style-bottom-margin-4em.has-bottom-margin {

}

.article h3 {
	border-top: none;
	border-right: none;
	border-color: #FFB497;
}

.article h4 {
  border-top: none;
  border-bottom: double 5px #FFC778;
}

.is-style-information-box, .is-style-question-box, .is-style-alert-box, .is-style-memo-box, .is-style-comment-box, .is-style-ok-box, .is-style-ng-box, .is-style-good-box, .is-style-bad-box, .is-style-profile-box, .information-box, .question-box, .alert-box, .information, .question, .alert, .memo-box, .comment-box, .common-icon-box {
    padding: 40px 20px 40px 72px;
}

/*サイドバー*/

.sidebar {
	font-size: 20px;
	background-color: #FFFCF0;
	color: #4D2A02;
}

.widget-sidebar-title.widget-title {
	background-color: #FBE9DC;
}



.nwa .author-box .author-content {
    margin: 0;
    padding: 0em;
}

div.author-description {
	margin-top: 20px;
	font-size: 14px;
}

a.box-menu {
	box-shadow: none;
	min-height: 165px;
}

div.speech-balloon.has-text-color.has-background.has-border-color.has-cocoon-black-color.has-watery-red-background-color.has-ex-a-border-color {
	padding: 10px 20px 10px 20px;
}

div.navi-entry-card-content.widget-entry-card-content.card-content {
	display: none;
}


/*コメント*/

h2#comments {
	background-color: #f4f6e8;
	padding: 10px 0 5px 15px;
	border-left: solid 10px #b2d249;
	
}
p.comment-form-url {
	display: none;
		
	}

form#commentform p {
	margin-top: 10px;
}

.go-to-top-button {
	width: 3em;
	height: 3em;align-content
}

.go-to-top-button:hover {
  opacity: 1;
  transition: all 0.2s ease;
  transform: scale(0.97,0.97);
}


/*タグ一覧記事*/
.entry-title, .archive-title {
    font-size: 26px;
    margin: 16px 0 50px 0;
    line-height: 1.3;
}

.entry-content {
    margin-top: 3em;
    margin-bottom: 3em;
}

div.admin-pv {
	display: none;
}

/*PR*/

div.pr-label.pr-label-l {
	border: none;
	color: #4a4a4a;
	font-size: 0.7em;
	background-color: #f0f0f0;
	padding: 0.5em;
}


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

/*1160px以下*/
@media screen and (max-width: 1160px){
	nav#navi {
		display: none;
	}
}
	
	
/*1023px以下*/
@media screen and (max-width: 1023px){

div#header-container {
	display: none;
}
div#container {
	margin-top: 4em;
}
	
/*ヘッダーモバイルボタンの文字色と背景色を変更*/
.search-menu-button.menu-button,
.navi-menu-button.menu-button {
	background: #fff1c1;
	color :#4D2A02;
	height: 60px;
	padding-top:10px;
}
	
label#sidebar-menu-open {
	color :#4D2A02;
	padding-top:10px;
	}

.logo-menu-button.menu-button {
	background: #fff1c1;
	height: 60px;
}

.mobile-menu-buttons {
	background: #fff1c1;
}

}

/*870px以下*/
@media screen and (max-width: 870px){
  /*必要ならばここにコードを書く*/
a.site-name.site-name-text-link::after {
		display: none;
	}
}


/*600px以下*/
@media screen and (max-width: 600px){
	.wp-block-media-text__media {
		text-align: center;
	}
	.wp-image-1483.size-full.lazyautosizes.ls-is-cached.lazyloaded {
		width: 50%;
		margin-bottom: 20px;
	}
}


/*監修*/


/*480px以下*/
@media screen and (max-width: 480px){
	
h1.entry-title {
		font-size: 23px;
}
	
.article h2 {
    padding: 58px 25px 25px 85px;
}
	
.is-style-information-box, .is-style-question-box, .is-style-alert-box, .is-style-memo-box, .is-style-comment-box, .is-style-ok-box, .is-style-ng-box, .is-style-good-box, .is-style-bad-box, .is-style-profile-box, .information-box, .question-box, .alert-box, .information, .question, .alert, .memo-box, .comment-box, .common-icon-box {
    padding: 40px 20px 40px 20px;
}
	
.is-style-information-box::before, .is-style-question-box::before, .is-style-alert-box::before, .is-style-memo-box::before, .is-style-comment-box::before, .is-style-ok-box::before, .is-style-ng-box::before, .is-style-good-box::before, .is-style-bad-box::before, .is-style-profile-box::before, .information-box::before, .question-box::before, .alert-box::before, .information::before, .question::before, .alert::before, .memo-box::before, .comment-box::before, .common-icon-box::before {
	padding: 0;
    top: 0.7em;
    left: 50%;
	margin-top: -5px;
    margin-left: -0.5em;
    font-size: 24px;
    border: none;
    width: auto;
	}
	

}