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

/************************************
** 子テーマ用のスタイルを書く
************************************/
body {
	letter-spacing: 0.1rem;
}

.main {
	border-width: 1px;
	border-color: var(--cocoon-xx-thin-color);
}

/* grand header */
.site-name-text {
	font-size: 24px;
}
.header-in {
	flex-direction: unset;
	justify-content: unset;
}

/* grand fotter */
.footer-bottom-logo {
	float: unset;
	position: relative;
}
.footer-bottom-content {
	float: unset;
	text-align: center;
	font-size: 12px;
}
.copyright {
	margin-top: 2rem;
}

/* sidebar */
.sidebar {
	padding: 0;
	background-color: unset;
	font-size: 0.9375rem;
}
.nwa .author-box {
	padding-top: 27px;
	background-color: #fff;
	border-color: var(--cocoon-xx-thin-color);
}
.nwa .author-box .author-content {
	padding-top: 12px;
}
.nwa .author-box .author-name {
	margin-bottom: 12px;
}
.nwa .author-box p {
	font-size: 0.875rem;
	line-height: 1.5;
}
.sidebar .wp-block-search__label {
	display: none;
}
.nwa .toc {
	width: 100%;
	padding-top: 1em;
	padding-bottom: 1.2em;
	background-color: #fff;
	border: var(--cocoon-x-thin-color) 1px solid;
}
.nwa .toc-list {
	list-style: disc;
	padding-left: 1.2rem;
	font-size: 0.875rem;
	line-height: 1.4;
}
.nwa .toc-list li {
	margin-bottom: .4rem;
}

/* entry */
.body .article, .entry-categories-tags {
	margin-bottom: 3.4rem;
}
.related-entry-card-title, .entry-card-title {
	font-size: 1rem;
}
.related-entry-heading, .comment-title {
	border-bottom: 1px solid var(--wp--preset--color--key-color);
	font-size: 1rem;
}
.related-entry-main-heading {
	display: block;
	width: fit-content;
	background-color: var(--wp--preset--color--key-color);
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	color: #fff;
	padding: .5rem 1rem .3rem;
}
.sns-buttons a {
	height: 3rem;
}
.sns-share.ss-col-6 a {
	width: 3.1rem;
}
.sns-share.ss-high-and-low-lc a .button-caption {
	display: none;
}

/* link */
.main a , .toc a:hover , .toc-title:hover::after {
	transition: all 0.3s ease-in-out;
}
.toc a:hover , .toc-title:hover::after {
	text-decoration: none;
	color: var(--cocoon-x-pallid-text-color);
}
a.wp-block-button__link:hover {
	opacity: 0.5;
	color: #fff;
}
.widget_recent_entries ul li a:hover, .widget_categories ul li a:hover, .widget_archive ul li a:hover, .widget_pages ul li a:hover, .widget_meta ul li a:hover, .widget_rss ul li a:hover, .widget_nav_menu ul li a:hover, .widget_block ul li a:hover {
	background-color: unset;
	color: var(--cocoon-x-pallid-text-color);
}

/* box */
.blank-box {
	padding: 1.5em 2em; 
}
.tab-caption-box-content {
	padding: 1.5em;
}
.caption-box-content {
	padding: 1.5em;	
}
.caption-box-content ul {
	padding-left: 1rem;	
}
.label-box-content {
	padding: 1.5em 1.5em 1.3em
}

.iconlist-box li::before {
	margin-left: -1.8em;
}
.iconlist-box ol, .iconlist-box ul {
	margin-left: -0.8em;
}
.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: 1.5em 1.5em 1.5em 86px;
}
.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 {
	left: 20px;
}
.block-box .has-list-style {
	padding: 0;
}

.blogcard {
	padding: 1.5rem;
}
.blogcard-content {
	margin-left: 180px;
}
.blogcard-footer {
	display: none;
}

/* list */
.article ul li, .article ol li {
	margin-top: 0;
	margin-bottom: 0.4em;
}

[class*=is-style-icon-list-] > li::before {
	color: var(--wp--preset--color--cyan-bluish-gray);
}
.is-style-icon-list-warning > li::before {
	color: var(--cocoon-red-color) !important;	
}
.list-tag-style {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	padding-left: 0;
    font-size: 0.875rem;
    line-height: 1.2;
	color: #fff;
}
.list-tag-style li {
	padding: .4em .6em .2em;
	background-color: var(--wp--preset--color--grey);
	border-radius: 4px;
	white-space: nowrap;
}
/* ballon */
.speech-wrap {
	margin: 3rem 1rem !important;
}
div.speech-balloon {
	font-size: 0.9375rem;
	padding: 1em 1em .8em;
}
.speech-icon-image {
	background-color: #FAE0D8;
}


/* header */
.entry-title, .archive-title {
	font-size: 28px;
}
.article h2, .article p + :is(h3,h4,h5,h6), .article div + :is(h3,h3,h4,h5,h6), .article .wp-block-group > :is(h3,h3,h4,h5,h6) {
	margin-top: 3em;
}
.article h1 {
	line-height: 1.5;
}
.article h3, .article.category-wants-shop-list-post h2 {
	border-top: 0 none;
	border-right: 0 none;
	border-bottom-width: 2px;
	border-left: 0 none;
	font-size: 1.25rem;
	padding-bottom: 8px;
	padding-left: 4px;
}
.article.category-wants-shop-list-post h2 {
	margin-bottom: 1rem;
	padding-top: .5rem;
	background-color: unset;
	color: var(--cocoon-text-color);
	border-bottom: 2px solid var(--wp--preset--color--key-color);
}
.article h4, .article.category-wants-shop-list-post h3 {
	display: flex;
	margin-bottom: .4rem;
	padding-left: 0;
	font-size: 1.065rem;
	border-top: 0 none;
	border-bottom: 0 none;
}
.article h4::before, .article.category-wants-shop-list-post h3::before {
    display: block;
    width: 1.5em;
    height: auto;
    font-family: icomoon !important;
    font-weight: normal !important;
    color: var(--wp--preset--color--key-color);
    content: "\e90a";
}
.sidebar h2, .sidebar h3 {
	margin-bottom: 8px;
	padding-left: 4px;
	padding-bottom: 4px;
	background-color: unset;
	font-size: 0.875rem;
	color: #666;
	border-bottom: 2px solid var(--cocoon-red-color);
}

/* breadcrumb */
.breadcrumb {
	margin: 0 0 24px;
}
.breadcrumb-caption {
	font-size: 0.75rem;
}

/* toc */
.toc {
	font-size: 1rem;
}
.main .toc {
	width: calc(100% - 4rem);
	max-width: calc(100% - 4rem);
	margin-top: 4em !important;
}

.main .toc-content > .toc-list > li > a {
	display: flex;
	align-items: center;
	padding-left: 0;
	font-weight: bold;
}
.main .toc-content > .toc-list  > li >a::before {
    display: block;
	margin-right: .5em;
	margin-bottom: .25em;
    width: 1.02em;
    height: 1em;
	line-height: 1em;
	border-radius: 50%;
    background-color: var(--wp--preset--color--key-color);
    content: " ";
}

.main .toc-list > li > ul {
	margin-left: 1rem !important;
}
.main .toc-list > li > ul > li {
	display: flex;
	align-items: center;
	margin-bottom: 0 !important;
	font-weight: normal;
	font-size: 0.875rem;
}
.main .toc-list  > li > ul > li::before {
    display: block;
	margin-right: .5em;
	margin-bottom: .25em;
    width: .52em;
    height: .5em;
	line-height: 1em;
	border-radius: 50%;
    background-color: var(--cocoon-thin-color);
    content: " ";
}

/* button */
.wp-block-search__button {
	margin-top: 1px;
	margin-bottom: 1px;
	border: 0 none;
}
:root :where(.wp-element-button, .wp-block-button__link) {
	background: var(--wp--preset--color--key-color);
}

/* table */
.main figure.wp-block-table {
	margin-bottom: 3em !important;
}

/* original */
.widget-below-single-content-title > div > p {
	padding: 1em;
	background-color: var(--cocoon-xx-thin-color);
	font-size: 0.75rem;
	color: var(--cocoon-pallid-text-color);
}
.begin-box {
	display: flex;
    flex-direction: column;
	margin-top: 4rem;
	background: var(--wp--preset--color--watery-red);
}
.begin-box .iconlist-title {
	display: flex;
	margin-top: -4rem;
	margin-left: -2.1rem;
	margin-bottom: 2rem;
	padding-left: 0;
	text-align: left;
	font-size: 1.065rem;
}
.begin-box .iconlist-title::before {
    display: block;
    width: 1.5em;
    height: auto;
    font-family: icomoon !important;
    font-weight: normal !important;
    color: var(--wp--preset--color--red);
    content: "\e90a";
}
.begin-box.iconlist-box ul {
	margin-bottom: 0.3em !important;
	margin-left: -2em;
}
.begin-box.iconlist-box li {
	border-bottom: 1px dotted #ccc;
	margin-left: 0;
	padding-left: 10px;
}
.begin-box.iconlist-box li::before {
    color: #ff98ae;	
	border-bottom: 1px dotted #ccc;
	margin-left: -29px;
}

/* schedule-table */
.schedule-table {
	margin-right: 1rem;
	margin-left: 1rem;
	text-align: center;
}

/* 店舗一覧のページ専用 */
.category-wants-shop-list-post .column-2:first-child .column-left {
	padding-right: 10px;
}
.article.category-wants-shop-list-post p {
	margin-bottom: 0;
}
.category-wants-shop-list-post .wp-block-quote p {
	font-size: 0.875rem;
}
.route, .address {
	display: flex;
}
.route::before, .address::before {
    display: block;
    width: 1.25em;
    height: auto;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    color: var(--cocoon-basic-border-color);
}
.address::before {
	margin-left: 2px;
    content: "\f3c5";
}
.route::before {
    content: "\f5de";
}

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

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

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