@charset "utf-8";
/*---------------------------------------------------------*/
/* post_header */
/*---------------------------------------------------------*/
.post_header .title{
	background: #fff;
	font-size: 3.6rem;
	padding: 3rem 2.4rem 4rem;
}

/*---------------------------------------------------------*/
/* WP POST CONTENT */
/*---------------------------------------------------------*/
.editor-styles-wrapper{
	font-size: 18px;
	line-height: 1.8;
}

/*---------------------------------------------------------*/
/* h2 h3 h4 */
.editor-styles-wrapper h3,
.editor-styles-wrapper h4{
	font-weight: bold;
	line-height: 1.5;
	padding-left: 52px;
	position: relative;
}
.editor-styles-wrapper h2:first-child,
.editor-styles-wrapper h3:first-child,
.editor-styles-wrapper h4:first-child{
	margin-top: 0;
}
.editor-styles-wrapper h2{
	background: linear-gradient(135deg, #0ea5e9 0%, #10b981 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 900;
	font-size: 32px;
	margin: 100px auto 50px;
	width: fit-content;
}
.editor-styles-wrapper h3{
	color: #b7985b;
	font-family: "FC Mincho", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", serif;
	font-size: 28px;
	margin: 80px 0 40px;
}
.editor-styles-wrapper h4{
	font-size: 24px;
	margin: 60px 0 30px;
}
.editor-styles-wrapper h3::before,
.editor-styles-wrapper h4::before{
	background: #0ea5e9;
	border-radius: 10rem;
	content: "";
	position: absolute;
	top: 20px;
	left: 0;
	height: 8px;
	width: 32px;
}
.editor-styles-wrapper h3{
	padding-left: 48px;
}
.editor-styles-wrapper h3::before{
	background: #ede2cd;
	height: 6px;
	top: 18px;
}
.editor-styles-wrapper h4{
	padding-left: 48px;
}
.editor-styles-wrapper h4::before{
	background: #d9d9d9;
	height: 6px;
	top: 14px;
}

/* h2 h3 h4 is-style-center_border */
.editor-styles-wrapper .is-style-center_border{
	border-bottom: 1px solid #b7985b;
	padding-bottom: 32px;
	text-align: center;
}
.editor-styles-wrapper h3.is-style-center_border{
	border-bottom-color: #ede2cd;
	padding-bottom: 24px;
}
.editor-styles-wrapper h4.is-style-center_border{
	border-bottom-color: #d9d9d9;
	padding-bottom: 24px;
}
.editor-styles-wrapper h2.is-style-center_border,
.editor-styles-wrapper h3.is-style-center_border,
.editor-styles-wrapper h4.is-style-center_border{
	padding-left: 0;
}
.editor-styles-wrapper h2.is-style-center_border::before,
.editor-styles-wrapper h3.is-style-center_border::before,
.editor-styles-wrapper h4.is-style-center_border::before{
	display: none;
}

/*---------------------------------------------------------*/
/* p ul ol */
.editor-styles-wrapper p,
.editor-styles-wrapper ul,
.editor-styles-wrapper ol{
	margin: 1.5em 0;
}
.editor-styles-wrapper p:first-child,
.editor-styles-wrapper ul:first-child,
.editor-styles-wrapper ol:first-child{
	margin-top: 0;
}
.editor-styles-wrapper p:last-child,
.editor-styles-wrapper ul:last-child,
.editor-styles-wrapper ol:last-child{
	margin-bottom: 0;
}

/* image */
.editor-styles-wrapper .wp-block-image{
	margin: 4em 0;
	text-align: center;
}
.editor-styles-wrapper .wp-block-image:first-child{
	margin-top: 0;
}

/*---------------------------------------------------------*/
/* text */
.editor-styles-wrapper .text-bg-blue{
	background: #0670C7;
	color: #fff;
}
.editor-styles-wrapper .text-bg-red{
	background: #FF004F;
	color: #fff;
}
.editor-styles-wrapper .text-dot-under{
	border-bottom: #222 dashed 1px;
	font-weight: bold;
}
.editor-styles-wrapper .text-marker-blue{
  background: linear-gradient(transparent 60%, #B7E9FF 60%);
  display: inline;
  padding: 0 .2em;
}
.editor-styles-wrapper .text-marker-yellow{
  background: linear-gradient(transparent 60%, #FFE682 60%);
  display: inline;
  padding: 0 .2em;
}
.editor-styles-wrapper .text-note{
	font-size: 88.88889%;
}

/*---------------------------------------------------------*/
/* list */
.editor-styles-wrapper ul li{
	list-style: disc;
	margin-left: 2rem;
	margin-bottom: 0.5rem;
}	
.editor-styles-wrapper ol li{
	margin-left: 2rem;
	margin-bottom: 0.5rem;
	padding-left: 0.5rem;
}
/* underline */
.editor-styles-wrapper ul.is-style-list_underline li,
.editor-styles-wrapper ol.is-style-list_underline li,
.editor-styles-wrapper ul.is-style-list_check_underline li,
.editor-styles-wrapper ol.is-style-list_check_underline li{
	border-bottom: #d9d9d9 solid 1px;
	margin-bottom: 16px;
	padding-bottom: 16px;
}
/* check */
.editor-styles-wrapper ul.is-style-list_check li,
.editor-styles-wrapper ol.is-style-list_check li,
.editor-styles-wrapper ul.is-style-list_check_underline li,
.editor-styles-wrapper ol.is-style-list_check_underline li{
	list-style: none;
	background: url(../img/editor/check_black.svg) no-repeat left 0 top 2px;
	background-size: 24px;
	margin-left: 0;
	padding-left: 34px;
}
/* inline */
.editor-styles-wrapper ul.is-style-list_inline_circle,
.editor-styles-wrapper ul.is-style-list_inline,
.editor-styles-wrapper ol.is-style-list_inline_circle,
.editor-styles-wrapper ol.is-style-list_inline{
	display: flex;
	flex-wrap: wrap;
}
.editor-styles-wrapper ul.is-style-list_inline,
.editor-styles-wrapper ol.is-style-list_inline{
	padding-left: 2.5rem;
}
.editor-styles-wrapper ul.is-style-list_inline_circle li,
.editor-styles-wrapper ul.is-style-list_inline li,
.editor-styles-wrapper ol.is-style-list_inline_circle li,
.editor-styles-wrapper ol.is-style-list_inline li{
	margin-left: 1em;
	margin-right: 2em;
	padding-left: 0;
}
.editor-styles-wrapper ul.is-style-list_inline_circle li:first-child,
.editor-styles-wrapper ul.is-style-list_inline li:first-child,
.editor-styles-wrapper ol.is-style-list_inline_circle li:first-child,
.editor-styles-wrapper ol.is-style-list_inline li:first-child{
	margin-left: 0;
}
.editor-styles-wrapper ul.is-style-list_inline_circle li,
.editor-styles-wrapper ol.is-style-list_inline_circle li{
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	align-items: baseline;
	/* sampleの文字は、自由に変更できます。※ただし、before側も合わせる */
	counter-increment: listcircle;
}
.editor-styles-wrapper ul.is-style-list_inline_circle li::before,
.editor-styles-wrapper ol.is-style-list_inline_circle li::before {
	background-color: #222;
	border-radius: 50%;
	color: #fff;
	content: counter(listcircle);
	font-size: 16px;
	font-weight: bold;
	line-height: 26px;
	margin-right: 8px;
	height: 26px;
	width: 26px;
	text-align: center;
}
/*---------------------------------------------------------*/
/* box simple */
.editor-styles-wrapper .is-style-box_border,
.editor-styles-wrapper .is-style-box_cream,
.editor-styles-wrapper .is-style-box_white,
.editor-styles-wrapper .is-style-box_caution,
.editor-styles-wrapper .is-style-box_information,
.editor-styles-wrapper .is-style-box_memo,
.editor-styles-wrapper .is-style-box_check,
.editor-styles-wrapper .is-style-box_point{
	border-radius: 12px;
	margin: 48px auto;
	padding: 40px;
	position: relative;
}
.editor-styles-wrapper .is-style-box_border{
	border: 1px solid #d9d9d9;
}
.editor-styles-wrapper .is-style-box_cream{
	background: #f6f1e6;
}
.editor-styles-wrapper .is-style-box_white{
	background: #fff;
}

/*---------------------------------------------------------*/
/* align */
.editor-styles-wrapper .wp-block-image .aligncenter, 
.editor-styles-wrapper .wp-block-image .alignleft, 
.editor-styles-wrapper .wp-block-image .alignright, 
.editor-styles-wrapper .wp-block-image.aligncenter, 
.editor-styles-wrapper .wp-block-image.alignleft, 
.editor-styles-wrapper .wp-block-image.alignright{
	display: block;
}
.editor-styles-wrapper .wp-block-image .aligncenter, 
.editor-styles-wrapper .wp-block-image.aligncenter{
	text-align: center;
}
.editor-styles-wrapper .wp-block-image .alignleft, 
.editor-styles-wrapper .wp-block-image.alignleft{
	text-align: left;
}
.editor-styles-wrapper .wp-block-image .alignright, 
.editor-styles-wrapper .wp-block-image.alignright{
	text-align: right;
}

/*---------------------------------------------------------*/
/* box mark */
.editor-styles-wrapper .is-style-box_caution,
.editor-styles-wrapper .is-style-box_information,
.editor-styles-wrapper .is-style-box_memo{
	background: #FFE8E8 url(../img/editor/caution.svg) no-repeat left 40px top 40px;
	background-size: 48px;
	border: 1px solid #d9d9d9;
	padding-left: 112px;
}
.editor-styles-wrapper .is-style-box_caution{
	background-color: #FFE8E8;
	background-image: url(../img/editor/caution.svg);
}
.editor-styles-wrapper .is-style-box_information{
	background-color: #FFEED0;
	background-image: url(../img/editor/information.svg);
}
.editor-styles-wrapper .is-style-box_memo{
	background-color: #fff;
	background-image: url(../img/editor/memo.svg);
}

/*---------------------------------------------------------*/
/* box icon */
.editor-styles-wrapper .is-style-box_check,
.editor-styles-wrapper .is-style-box_point{
	background: #fff;
	border: 1px solid #06C7A0;
}
.editor-styles-wrapper .is-style-box_check::before,
.editor-styles-wrapper .is-style-box_point::before{
	background: #06C7A0 url(../img/editor/check.svg) no-repeat center center;
	background-size: 32px;
	border-radius: 50%;
	content: "";
	height: 54px;
	width: 54px;
	position: absolute;
	top: -16px;
	left: -16px;
}
.editor-styles-wrapper .is-style-box_point{
	border-color: #F59E0B;
}
.editor-styles-wrapper .is-style-box_point::before{
	background-color: #F59E0B;
	background-image: url(../img/editor/point.svg);
}

/*---------------------------------------------------------*/
/* link & button__link */
.editor-styles-wrapper a:not([class]){
	color: #0670C7;
	text-decoration: underline;
}
.editor-styles-wrapper .wp-block-buttons{
	justify-content: center;
	margin: 2em auto;
	text-align: center;
}
.wp-block-button__link{
	background: #222;
}
.editor-styles-wrapper .is-style-btn_bg_brown .wp-block-button__link{
	background: #b7985b;
}
.editor-styles-wrapper .is-style-btn_bg_red .wp-block-button__link{
	background: #c40000;
}
/* reserve */
.editor-styles-wrapper .with_icon_reserve a{
	border-radius: 0.4rem;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: bold;
}
.editor-styles-wrapper .with_icon_reserve a::before{
	background: url(../img/common/ic_reserve.svg) no-repeat left center;
	background-size: contain;
	content: "";
	display: inline-block;
	height: 1.4em;
	width: 1.8em;
}
/* youtube */
.editor-styles-wrapper .is-style-btn_youtube .wp-block-button__link{
	background: #FF0033;
}
.editor-styles-wrapper .is-style-btn_youtube a{
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: bold;
}
.editor-styles-wrapper .is-style-btn_youtube a::before{
	background: url(../img/common/ic_youtube_logo.svg) no-repeat left center;
	background-size: contain;
	content: "";
	display: inline-block;
	height: 1.5em;
	width: 3em;
}

/*---------------------------------------------------------*/
/* table */
.editor-styles-wrapper table{
	border: 1px solid #d9d9d9;
	border-collapse: collapse;
	margin: 1rem 0 2rem;
	width: 100%;
}
.editor-styles-wrapper thead{
	border-bottom: 1px solid #d9d9d9;
}
.editor-styles-wrapper th,
.editor-styles-wrapper td{
	background: #fff;
	border: none;
	border-left: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9;
	font-size: 16px;
	padding: 20px;
	vertical-align: top;
}
.editor-styles-wrapper th{
	background: #f3f3f3;
	vertical-align: middle;
}
.editor-styles-wrapper td{
	vertical-align: top;
}

/* pricetable */
.editor-styles-wrapper .pricetable td{
	vertical-align: middle;
}
.editor-styles-wrapper .pricetable td.no-border{
	border-left: none;
}
.editor-styles-wrapper .pricetable .price{
	display: block;
	text-align: right;
}
.editor-styles-wrapper .pricetable .num{
	font-size: 32px;
	font-weight: bold;
	line-height: 1.2;
}

/*---------------------------------------------------------*/
/* big_copy */
.editor-styles-wrapper .big_copy{
	font-size: 1.1rem;
	margin: 0;
	padding: 0.5rem 0 1rem;
}

/*---------------------------------------------------------*/
/* blockquote */
.editor-styles-wrapper .wp-block-quote{
    position: relative;
    padding: 3em 2.5em 2em 3.5em;
    color: #333333;
    background-color: #eee;
	border-left: #b7985b solid 0.3rem;
}

.editor-styles-wrapper .wp-block-quote::before {
    display: inline-block;
    position: absolute;
    top: 1em;
    left: 1.5em;
    width: 2em;
    height: 2em;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4.58341 17.3211C3.55316 16.2274 3 15 3 13.0103C3 9.51086 5.45651 6.37366 9.03059 4.82318L9.92328 6.20079C6.58804 8.00539 5.93618 10.346 5.67564 11.822C6.21263 11.5443 6.91558 11.4466 7.60471 11.5105C9.40908 11.6778 10.8312 13.159 10.8312 15C10.8312 16.933 9.26416 18.5 7.33116 18.5C6.2581 18.5 5.23196 18.0095 4.58341 17.3211ZM14.5834 17.3211C13.5532 16.2274 13 15 13 13.0103C13 9.51086 15.4565 6.37366 19.0306 4.82318L19.9233 6.20079C16.588 8.00539 15.9362 10.346 15.6756 11.822C16.2126 11.5443 16.9156 11.4466 17.6047 11.5105C19.4091 11.6778 20.8312 13.159 20.8312 15C20.8312 16.933 19.2642 18.5 17.3312 18.5C16.2581 18.5 15.232 18.0095 14.5834 17.3211Z' fill='%23b7985b'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    content: '';
}

.editor-styles-wrapper .wp-block-quote p {
    margin-top: 0;
}

.editor-styles-wrapper .wp-block-quote cite {
    display: block;
    color: #737373;
    font-size: .8em;
    text-align: right;
}

/*---------------------------------------------------------*/
/* editor */
.block-library-html__edit .block-editor-plain-text{
	max-height: 600px;
}

/*---------------------------------------------------------*/
/* 900px SP */
/*---------------------------------------------------------*/
@media screen and (max-width: 900px) {
	/*---------------------------------------------------------*/
	/* post_header */
	/*---------------------------------------------------------*/
	.post_header .title{
		font-size: 2.6rem;
		padding: 2rem 1rem;
	}

	/*---------------------------------------------------------*/
	/* WP POST CONTENT */
	/*---------------------------------------------------------*/
	.editor-styles-wrapper{
		font-size: 1.6rem;
	}

	/*---------------------------------------------------------*/
	/* h2 h3 h4 */
	.editor-styles-wrapper h3,
	.editor-styles-wrapper h4{
		padding-left: 3.2rem;
	}
	.editor-styles-wrapper h2{
		font-size: 2.6rem;
		margin: 4rem auto 3rem;
	}
	.editor-styles-wrapper h3{
		font-size: 1.8rem;
		margin: 3.5rem 0 2.5rem;
	}
	.editor-styles-wrapper h4{
		font-size: 1.6rem;
		margin: 3rem 0 2rem;
	}
	.editor-styles-wrapper h3::before,
	.editor-styles-wrapper h4::before{
		top: 1.4rem;
		height: 0.4rem;
		width: 2.4rem;
	}
	.editor-styles-wrapper h3{
		padding-left: 3.2rem;
	}
	.editor-styles-wrapper h3::before{
		height: 0.4rem;
		top: 1.2rem;
	}
	.editor-styles-wrapper h4{
		padding-left: 3.2rem;
	}
	.editor-styles-wrapper h4::before{
		height: 0.4rem;
		top: 1rem;
	}

	/* h2 h3 h4 is-style-center_border */
	.editor-styles-wrapper .is-style-center_border{
		padding-bottom: 1.6rem;
	}
	.editor-styles-wrapper h3.is-style-center_border{
		padding-bottom: 1.6rem;
	}
	.editor-styles-wrapper h4.is-style-center_border{
		padding-bottom: 1.6rem;
	}
	.editor-styles-wrapper h2.is-style-center_border,
	.editor-styles-wrapper h3.is-style-center_border,
	.editor-styles-wrapper h4.is-style-center_border{
		padding-left: 0;
	}
	.editor-styles-wrapper h2.is-style-center_border::before,
	.editor-styles-wrapper h3.is-style-center_border::before,
	.editor-styles-wrapper h4.is-style-center_border::before{
		display: none;
	}

	/*---------------------------------------------------------*/
	/* iframe */
	.editor-styles-wrapper iframe{
		width: 100%;
	}
	.editor-styles-wrapper iframe[src*="youtube.com"]{
		height: auto;
		aspect-ratio: calc(16/9);
	}

	/*---------------------------------------------------------*/
	/* list */
	/* underline */
	.editor-styles-wrapper ul.is-style-list_underline li,
	.editor-styles-wrapper ol.is-style-list_underline li,
	.editor-styles-wrapper ul.is-style-list_check_underline li,
	.editor-styles-wrapper ol.is-style-list_check_underline li{
		margin-bottom: 1.2rem;
		padding-bottom: 1.2rem;
	}
	/* check */
	.editor-styles-wrapper ul.is-style-list_check li,
	.editor-styles-wrapper ol.is-style-list_check li,
	.editor-styles-wrapper ul.is-style-list_check_underline li,
	.editor-styles-wrapper ol.is-style-list_check_underline li{
		background-size: 2.2rem;
		margin-left: 0;
		margin-right: 0;
		padding-left: 3rem;
	}
	/* inline */
	.editor-styles-wrapper ul.is-style-list_inline_circle,
	.editor-styles-wrapper ul.is-style-list_inline,
	.editor-styles-wrapper ol.is-style-list_inline_circle,
	.editor-styles-wrapper ol.is-style-list_inline{
		display: block;
	}
	.editor-styles-wrapper ul.is-style-list_inline_circle li,
	.editor-styles-wrapper ul.is-style-list_inline li,
	.editor-styles-wrapper ol.is-style-list_inline_circle li,
	.editor-styles-wrapper ol.is-style-list_inline li{
		margin-left: 0;
	}
	.editor-styles-wrapper ul.is-style-list_inline_circle li::before,
	.editor-styles-wrapper ol.is-style-list_inline_circle li::before {
		font-size: 16px;
		line-height: 26px;
		margin-right: 8px;
		height: 26px;
		width: 26px;
	}
	/*---------------------------------------------------------*/
	/* box simple */
	.editor-styles-wrapper .is-style-box_border,
	.editor-styles-wrapper .is-style-box_cream,
	.editor-styles-wrapper .is-style-box_white,
	.editor-styles-wrapper .is-style-box_caution,
	.editor-styles-wrapper .is-style-box_information,
	.editor-styles-wrapper .is-style-box_memo,
	.editor-styles-wrapper .is-style-box_check,
	.editor-styles-wrapper .is-style-box_point{
		border-radius: 1.2rem;
		margin: 3.2rem auto;
		padding: 2.4rem;
	}

	/*---------------------------------------------------------*/
	/* box mark */
	.editor-styles-wrapper .is-style-box_caution,
	.editor-styles-wrapper .is-style-box_information,
	.editor-styles-wrapper .is-style-box_memo{
		background-position: left 2.4rem top 2.4rem;
		background-size: 3.2rem;
		padding-left: 7.2rem;
	}

	/*---------------------------------------------------------*/
	/* box icon */
	.editor-styles-wrapper .is-style-box_check::before,
	.editor-styles-wrapper .is-style-box_point::before{
		background-size: 2.37rem;
		height: 4rem;
		width: 4rem;
		top: -1.6rem;
		left: -1.6rem;
	}

	/*---------------------------------------------------------*/
	/* table */
	.editor-styles-wrapper {
		
	}
	.editor-styles-wrapper th,
	.editor-styles-wrapper td{
		font-size: 1.4rem;
		padding: 20px;
		width: 16rem;
	}

	/* pricetable */
	.editor-styles-wrapper .pricetable table,
	.editor-styles-wrapper .pricetable thead,
	.editor-styles-wrapper .pricetable tbody,
	.editor-styles-wrapper .pricetable tr,
	.editor-styles-wrapper .pricetable th,
	.editor-styles-wrapper .pricetable td{
		display: block;
		width: 100%;
	}
	.editor-styles-wrapper .pricetable table {
		margin-bottom: 1.4rem;
	}

	.editor-styles-wrapper .pricetable th,
	.editor-styles-wrapper .pricetable td {
		padding: 1rem 1.5rem !important;
		font-size: 1.6rem;
		line-height: 1.5;
	}
	.editor-styles-wrapper .pricetable th{
		text-align: left;
	}
	.editor-styles-wrapper .pricetable .price {
		margin-bottom: 0.4rem;
		line-height: 1.2em;
	}

	.editor-styles-wrapper .pricetable .price .sml {
		font-size: 1.4rem;
	}
	
	.editor-styles-wrapper .pricetable .price .num{
		font-size: 2rem;
	}
	.editor-styles-wrapper .pricetable .price .num + .sml{
		font-size: 1.2rem;
	}
	.editor-styles-wrapper .pricetable .note {
		margin: 0.4rem 0.2rem 0;
	}

	.editor-styles-wrapper .pricetable .note_block{
		display: block;
	}

	.editor-styles-wrapper .pricetable .note_block .title{
		font-size: 1.4rem;
		margin-bottom: 0.8rem;
	}

	.editor-styles-wrapper .pricetable .note_block ul{
		font-size: 1.4rem;
		margin-left: 2rem;
	}

	.editor-styles-wrapper .pricetable .note_block ul li + li{
		margin-top: 0.5em;
	}

	/*---------------------------------------------------------*/
	/* editor */
	.block-library-html__edit .block-editor-plain-text{
		max-height: 60rem;
	}

}