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

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

.wp-block-media-text>.wp-block-media-text__content{
	padding-left: 3rem;
}

.floating-contact {
	position: fixed;
  top: 70%; 
  right: 10px;
  z-index: 20;
}

.floating-top {
	position: fixed;
  top: 80%; 
  right: 10px;
  z-index: 20;	
}

.navi-in > ul .caption-wrap > div:hover {
    color: cadetblue;
}

.form-header {
	font-weight: bold;
}
 
.btn:hover {
  	　opacity: 0.6;
}

.wp-block-buttons>.wp-block-button:hover {
	opacity: 0.6;
}

.header-container {
    padding-top: 8px;
    padding-bottom: 8px;
}

.eye-catch {
    position: relative;
    margin-bottom: 0.6em;
    max-width: 80%;
    margin: 0 auto;
}
span.row1 {}

h1.front-headline {
    text-align: center;
    line-height: 1.4;
}
h1.front-headline .row1,
h1.front-headline .row2 {
    display: block;
}
h1.front-headline .row1 {
    color :#1bb0d3;
    font-size:clamp(24px, calc(24px + (100vw - 782px) * 8 / 554 ),32px);
}
h1.front-headline .row2 {
    font-size: clamp(18px, calc(18px + (100vw - 782px) * 6 / 554 ),24px);
    padding-inline: 1.25em;
    position: relative;
    display: inline-block;
}
h1.front-headline .row2:before,
h1.front-headline .row2:after {
    content: '';
    position: absolute;
    top: 50%;
    display: inline-block;
    width: 0.75em;
    height: 1px;
    background-color: #666;
}

h1.front-headline .row2:before {
    left: 0;
}

h1.front-headline .row2:after {
    right: 0;
}
h1.front-headline .i-br {
    display: inline-block;
}

ol#breadcrumb {
    padding: 0;
    letter-spacing: -0.4em;
}
ol#breadcrumb li {
    list-style: none;
    display: inline;
    letter-spacing: normal;
}

.js-meo-template_card_format {
    min-height: auto !important;
}

@container jsReviewHpTemplate (width >= 1028px) {
.js-meo-element-review-template .detail-summary .detail-summary-title {
    width: 20%!important;
}
.js-meo-element-review-template .detail-summary .detail-summary-description {
    width: 60%!important;
}
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
	.floating-contact {
		display: none;
	}
	.article ul li, .article ol li {
    padding: 1rem 1rem 4rem 1rem;
	}
}

/*834px以下*/
@media screen and (max-width: 834px){
	.floating-top {
		display:none;
	}
	.entry-content.cf  .top-content {
		display:none;
	}
	.fz-32px {
		font-size: 24px;
	}
	.fz-24px {
		font-size: 22px;
	}
	.fz-20px {
		font-size: 16px;
	}
	.article h6 {
		font-size: 18px;
	}
	.wp-block-heading .fz-20px {
		font-size: 18px;
	}
	 .btn-l {
        font-size: 18px;
    }
	.wp-block-columns.service-h6.is-layout-flex.wp-container-core-columns-is-layout-20a2107d.wp-block-columns-is-layout-flex {
    gap: 0;
    }

	ul.wp-block-latest-posts__list.wp-block-latest-posts {
		padding-left: 2rem;
		padding-right: 2rem;
	}
	ul.wp-block-categories-list.wp-block-categories {
		padding-left: 2rem;
		padding-right: 2rem;
	}
	.category-list {
		padding-left: 2rem;
		padding-right: 2rem;
	}
}


/*480px以下*/
@media screen and (max-width: 480px){
	.wp-block-media-text>.wp-block-media-text__content{
		padding: 0;
	}
	.btn.cocoon-block-button__width-50 {
		width: 80%;
	}
	.footer-bottom-logo img {
    height: 40px;
    width: auto;
	}
	.article ul li, .article ol li {
    padding: 1rem 1rem 0.1rem 1rem;
	}
	ul.wp-block-latest-posts__list.wp-block-latest-posts{
		padding-left: 1rem;
		padding-right: 1rem;
	}
	ul.wp-block-categories-list.wp-block-categories {
		padding-left: 1rem;
		padding-right: 1rem;
	}
	.category-list {
		padding-left: 1rem;
		padding-right: 1rem;
	}
	.eye-catch {
    max-width: 90%;
	}
}