/*!*******************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./src/scss/editor-style.scss ***!
\*******************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* width
======================== */
/* PCでもハンバーガーがある時はtrueに変更
======================== */
/* font
*/
/* transition
======================== */
/* CSS変数
======================== */
:root {
--base: 16;
--wide-hamburger: false;
--hamburger-breakpoint: 1024px;
--size-header-h: 64px;
--z-go-top: 10;
--z-header: 200;
--z-drawer: 250;
--z-header-logo: 300;
--z-hamburger: 500;
--z-skip-main: 999;
--z-modal: 9999;
--z-loading: calc(infinity);
--clr_default: #211715;
--clr_text_gray: #868686;
--clr_text_gray_secondary: #E9E9E9;
--clr_primary: #273B79;
--clr_red: #AA2536;
--clr_bg: #F8F8F8;
--clr_bg_secondary: #f7f7f7;
--clr_border: #E8E8E8;
--clr_border_secondary: #dbdbdb;
--shadow: rgba(33, 23, 21, .1);
--inner: calc(1600 / var(--base) * 1rem);
--inner-lg: calc(1720 / var(--base) * 1rem);
--inner-md: calc(1328 / var(--base) * 1rem);
--inner-sm: calc(1056 / var(--base) * 1rem);
--inner-sp: 90%;
--ff-body: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", Meiryo, sans-serif;
--ff-title: "Open Sans","Noto Sans JP", "ヒラギノ角ゴ ProN W3", Meiryo, sans-serif;
--transition: 0.2s ease-in-out;
--outer-link-svg: url("data:image/svg+xml;charset=UTF-8,");
}
/* アイコン
---------------------------------------- */
.new .c-single__content,
.new .wp-editor.post-type-post {
--text-spacing: 24px;
--strong-text-color: var(--clr_primary, #1abfa4);
--marker-bg-color: #ff0;
--link-text-color: var(--clr_link, #004ec9);
--icon-blockquote: url("data:image/svg+xml;charset=UTF-8,");
--icon-outer-link: url("data:image/svg+xml;charset=UTF-8,");
overflow: hidden;
}
.new .c-single__content > *,
.new .wp-editor.post-type-post > * {
margin-top: var(--text-spacing);
}
.new .c-single__content > *:first-child,
.new .wp-editor.post-type-post > *:first-child {
margin-top: 0;
}
.new .c-single__content h2,
.new .c-single__content h3,
.new .c-single__content h4,
.new .c-single__content h5,
.new .c-single__content h6,
.new .wp-editor.post-type-post h2,
.new .wp-editor.post-type-post h3,
.new .wp-editor.post-type-post h4,
.new .wp-editor.post-type-post h5,
.new .wp-editor.post-type-post h6 {
clear: both;
font-weight: 700;
}
.new .c-single__content h2,
.new .wp-editor.post-type-post h2 {
margin-top: 50px;
font-size: clamp(1.375rem, 1.125rem + 0.71vw, 1.75rem);
}
.new .c-single__content h3,
.new .wp-editor.post-type-post h3 {
margin-top: 40px;
font-size: clamp(1.25rem, 1.083rem + 0.48vw, 1.5rem);
}
.new .c-single__content h4,
.new .wp-editor.post-type-post h4 {
margin-top: 32px;
font-size: clamp(1.125rem, 1.042rem + 0.24vw, 1.25rem);
}
.new .c-single__content h5,
.new .c-single__content h6,
.new .wp-editor.post-type-post h5,
.new .wp-editor.post-type-post h6 {
margin-top: 30px;
font-size: 1em;
}
.new .c-single__content ul:not(.toc_list),
.new .c-single__content ol:not(.toc_list),
.new .wp-editor.post-type-post ul:not(.toc_list),
.new .wp-editor.post-type-post ol:not(.toc_list) {
display: flex;
flex-direction: column;
gap: 8px;
list-style: none;
}
.new .c-single__content > ul:not(.toc_list), .new .c-single__content > ol:not(.toc_list),
.new .wp-editor.post-type-post > ul:not(.toc_list),
.new .wp-editor.post-type-post > ol:not(.toc_list) {
margin-top: var(--text-spacing);
}
.new .c-single__content > ul:not(.toc_list):first-child, .new .c-single__content > ol:not(.toc_list):first-child,
.new .wp-editor.post-type-post > ul:not(.toc_list):first-child,
.new .wp-editor.post-type-post > ol:not(.toc_list):first-child {
margin-top: 0;
}
.new .c-single__content ol:not(.toc_list),
.new .wp-editor.post-type-post ol:not(.toc_list) {
counter-reset: item;
}
.new .c-single__content ol:not(.toc_list) > li,
.new .wp-editor.post-type-post ol:not(.toc_list) > li {
padding-left: 25px;
}
.new .c-single__content ol:not(.toc_list) > li:not(:has(ul, ol)),
.new .wp-editor.post-type-post ol:not(.toc_list) > li:not(:has(ul, ol)) {
position: relative;
counter-increment: item;
}
.new .c-single__content ol:not(.toc_list) > li:not(:has(ul, ol))::before,
.new .wp-editor.post-type-post ol:not(.toc_list) > li:not(:has(ul, ol))::before {
position: absolute;
top: 0;
left: 0;
content: counter(item) ". ";
color: var(--clr_primary);
font-weight: 700;
font-size: 1em;
font-family: var(--ff-title);
text-transform: uppercase;
}
.new .c-single__content ul:not(.toc_list) > li,
.new .wp-editor.post-type-post ul:not(.toc_list) > li {
padding-left: 18px;
}
.new .c-single__content ul:not(.toc_list) > li:not(:has(ul, ol)),
.new .wp-editor.post-type-post ul:not(.toc_list) > li:not(:has(ul, ol)) {
position: relative;
}
.new .c-single__content ul:not(.toc_list) > li:not(:has(ul, ol))::before,
.new .wp-editor.post-type-post ul:not(.toc_list) > li:not(:has(ul, ol))::before {
position: absolute;
top: calc(0.95em - 1px);
top: calc(0.5lh - 1px);
left: 0;
width: 6px;
height: 1px;
background-color: currentColor;
content: "";
}
.new .c-single__content blockquote,
.new .wp-editor.post-type-post blockquote {
z-index: 1;
position: relative;
padding: 32px 48px;
background: var(--clr_bg);
}
.new .c-single__content blockquote::before,
.new .wp-editor.post-type-post blockquote::before {
z-index: -1;
position: absolute;
top: 12px;
left: 12px;
width: 24px;
height: 24px;
background: var(--icon-blockquote) no-repeat center/contain;
content: "";
}
.new .c-single__content strong,
.new .c-single__content b,
.new .wp-editor.post-type-post strong,
.new .wp-editor.post-type-post b {
color: var(--strong-text-color);
font-weight: 700;
}
.new .c-single__content strong mark,
.new .c-single__content b mark,
.new .wp-editor.post-type-post strong mark,
.new .wp-editor.post-type-post b mark {
font-weight: 700;
}
.new .c-single__content a,
.new .wp-editor.post-type-post a {
color: var(--link-text-color);
text-decoration: underline;
text-underline-offset: 2px;
}
.new .c-single__content a:focus-visible,
.new .wp-editor.post-type-post a:focus-visible {
text-decoration: none;
}
.new .c-single__content a[target=_blank]:not(:has(img))::after,
.new .wp-editor.post-type-post a[target=_blank]:not(:has(img))::after {
display: inline-block;
width: 14px;
height: 14px;
margin-right: 4px;
margin-left: 4px;
background-color: var(--link-text-color);
content: "";
-webkit-mask: var(--icon-outer-link) no-repeat center center/contain;
mask: var(--icon-outer-link) no-repeat center center/contain;
}
.new .c-single__content mark,
.new .wp-editor.post-type-post mark {
padding-inline: 2px;
background: var(--marker-bg-color);
font-weight: 400;
}
.new .c-single__content img,
.new .wp-editor.post-type-post img {
display: block;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
max-width: 100%;
margin-inline: auto;
}
.new .c-single__content .js-scrollable,
.new .wp-editor.post-type-post .js-scrollable {
overflow-x: scroll;
}
.new .c-single__content table,
.new .wp-editor.post-type-post table {
border: 1px solid var(--clr_border);
}
.new .c-single__content table thead th,
.new .wp-editor.post-type-post table thead th {
background: var(--clr_primary);
color: #fff;
}
.new .c-single__content table th,
.new .c-single__content table td,
.new .wp-editor.post-type-post table th,
.new .wp-editor.post-type-post table td {
width: auto !important;
padding: 15px 20px;
border: 1px solid var(--clr_border);
}
.new .c-single__content table th,
.new .wp-editor.post-type-post table th {
background: var(--clr_bg);
}
.new .c-single__content .aligncenter,
.new .wp-editor.post-type-post .aligncenter {
display: block;
margin-inline: auto;
float: none;
}
.new .c-single__content .alignleft,
.new .wp-editor.post-type-post .alignleft {
display: block;
margin-inline: 0px auto;
float: none;
}
.new .c-single__content .alignright,
.new .wp-editor.post-type-post .alignright {
display: block;
margin-inline: auto 0px;
float: none;
}
.new .c-single__content .-flex-img,
.new .wp-editor.post-type-post .-flex-img {
display: grid;
gap: var(--text-spacing);
}
.new .c-single__content #toc_container,
.new .wp-editor.post-type-post #toc_container {
width: 100%;
padding: 32px;
border: 0;
background-color: var(--clr_bg);
}
.new .c-single__content #toc_container .toc_title,
.new .wp-editor.post-type-post #toc_container .toc_title {
margin-bottom: 16px;
font-weight: 700;
text-align: left;
}
.new .c-single__content #toc_container .toc_list li:nth-child(n+2),
.new .wp-editor.post-type-post #toc_container .toc_list li:nth-child(n+2) {
margin-top: 8px;
}
.new .c-single__content #toc_container .toc_list ul,
.new .wp-editor.post-type-post #toc_container .toc_list ul {
margin-left: 24px;
}
.new .c-single__content #toc_container .toc_list ul li,
.new .wp-editor.post-type-post #toc_container .toc_list ul li {
margin-top: 8px;
}
.new .c-single__content #toc_container .toc_list .toc_number,
.new .wp-editor.post-type-post #toc_container .toc_list .toc_number {
font-weight: 700;
font-family: var(--ff-title);
text-transform: uppercase;
}
.new .c-single__content #toc_container .toc_list a,
.new .wp-editor.post-type-post #toc_container .toc_list a {
display: block;
color: var(--clr_default);
text-decoration: none;
}
.new .c-single__content #toc_container .toc_list .toc_depth_2,
.new .wp-editor.post-type-post #toc_container .toc_list .toc_depth_2 {
display: none;
}
@media screen and (min-width: 1024px){
:root {
--size-header-h: 90px;
}
.new .c-single__content,
.new .wp-editor.post-type-post {
--text-spacing: 32px;
}
.new .c-single__content h2,
.new .wp-editor.post-type-post h2 {
margin-top: 60px;
}
.new .c-single__content h3,
.new .wp-editor.post-type-post h3 {
margin-top: 50px;
}
.new .c-single__content h4,
.new .wp-editor.post-type-post h4 {
margin-top: 40px;
}
.new .c-single__content blockquote,
.new .wp-editor.post-type-post blockquote {
padding: 32px 60px;
}
.new .c-single__content blockquote::before,
.new .wp-editor.post-type-post blockquote::before {
width: 26px;
height: 26px;
}
.new .c-single__content .-flex-img.-col2,
.new .wp-editor.post-type-post .-flex-img.-col2 {
grid-template-columns: repeat(2, 1fr);
}
.new .c-single__content .-flex-img.-col3,
.new .wp-editor.post-type-post .-flex-img.-col3 {
grid-template-columns: repeat(3, 1fr);
}
.new .c-single__content #toc_container,
.new .wp-editor.post-type-post #toc_container {
padding: 40px 32px;
}
}
@media (hover: hover) and (pointer: fine){
.new .c-single__content a:hover,
.new .wp-editor.post-type-post a:hover {
text-decoration: none;
}
}
@media not screen and (min-width: ){
.new .c-single__content table th,
.new .c-single__content table tr:not(:last-of-type) td,
.new .c-single__content table tr:last-of-type td:not(:last-of-type),
.new .wp-editor.post-type-post table th,
.new .wp-editor.post-type-post table tr:not(:last-of-type) td,
.new .wp-editor.post-type-post table tr:last-of-type td:not(:last-of-type) {
border-bottom: none;
}
.new .c-single__content table th,
.new .c-single__content table td,
.new .wp-editor.post-type-post table th,
.new .wp-editor.post-type-post table td {
display: block;
width: 100% !important;
}
}
/*# sourceMappingURL=editor-style.css.map*/