@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,700;1,400;1,700&family=Noto+Sans+JP:wght@400;700&family=Noto+Serif+JP:wght@400;700&family=EB+Garamond:ital,wght@0,400;0,700;1,400;1,700&family=Oswald:ital,wght@0,400;0,700;1,400;1,700&family=Playfair+Display:ital,wght@0,400;0,700;1,400;1,700&family=Quicksand:wght@400;700&family=Raleway:ital,wght@0,400;0,700;1,400;1,700&family=Volkhov:ital,wght@0,400;0,700;1,400;1,700&family=Merriweather:ital,wght@0,400;0,700;1,400;1,700&display=swap');
/*
・san-serif
Noto Sans JP(default)
Roboto(default)
Oswald
Quicksand
Raleway

・serif
Noto Serif JP
Marriweather
EB Garamond
Playfair Display
Volkhov
*/

h1{
    font-size: 22px;
}
h2{
    font-size: 18px;
}
h3{
    font-size: 16px;
}
h4, h5, h6{
    font-size: 14px;
}

.ck-content{
    font-size: 16px;
    line-height: 1.5;
    font-family: 'Robot', 'Noto Sans JP', sans-serif;
    word-break: break-word;
}
.ck-content .not_valid{
    color: red;
}
.ck-content .not_valid::after{
    content: '（記述エラー）';
    display: inline-block;
}
.ck-content h1,
.ck-content h2,
.ck-content h3,
.ck-content h4,
.ck-content h5,
.ck-content h6{
    font-weight: bold;    
    /* margin: 1.5em 0; */
    margin-top: 1.5em;
    margin-bottom: 1.5em;
    /* text-indent: -1em;
    margin-left: 1em; */
    clear: both;
}
.ck-content h1{
    /* font-size: 22px; */
    /* 14pt */
    font-size: 18.66px;
}
.ck-content h2{
    /* font-size: 20px; */
    /* 12pt */
    font-size: 21px;
}
.ck-content h3{
    /* font-size: 18px; */
    /* 11pt */
    font-size: 16px;
}
.ck-content h4{
    /* font-size: 16px; */
    /* 10.5pt*/
    font-size: 16px;
}
.ck-content p{
    margin: 10px 0;
}
.ck-content h2.breadcrumbs{
    font-size: 16px;
    margin: 0;
    font-weight: normal;
}

.ck-content a{
    color: #084790;
}

.ck-content figure.image{
    margin: 10px auto;
}
.ck-content figure.image.image-style-align-right{
    margin-left: 20px;
}
.ck-content figure.image.image-style-align-left{
    margin-right: 30px;
}

.ck-content figure.image img{
    width: 100%;
}

.ck-content figure.image>figcaption{
    display: block;
}

/* ol/ul */
.ck-content > ol, .ck-content > ul{
    margin-left: 60px;
}
.ck-content ol, .ck-content ul{
    padding-left: 2em;
}
.ck-content ol > li, .ck-content ul > li{
    line-height: 1.5;
}

.ck-content ol.numbered-hiragana-iroha{
    list-style-type: hiragana-iroha;
}
.ck-content ol.numbered-ciecle-number{
    list-style: none;
}
.ck-content ol.numbered-ciecle-number li{
    position: relative;
}
.ck-content ol.numbered-ciecle-number > li:before{
    color: #222;
    /* display: inline-block;
    width: 1.5em;
    margin-left: -1em; */
    position: absolute;
    left: -1.5em;
}
.ck-content ol.numbered-ciecle-number > li:nth-of-type(1):before{ content: '①'; }
.ck-content ol.numbered-ciecle-number > li:nth-of-type(2):before{ content: '②'; }
.ck-content ol.numbered-ciecle-number > li:nth-of-type(3):before{ content: '③'; }
.ck-content ol.numbered-ciecle-number > li:nth-of-type(4):before{ content: '④'; }
.ck-content ol.numbered-ciecle-number > li:nth-of-type(5):before{ content: '⑤'; }
.ck-content ol.numbered-ciecle-number > li:nth-of-type(6):before{ content: '⑥'; }
.ck-content ol.numbered-ciecle-number > li:nth-of-type(7):before{ content: '⑦'; }
.ck-content ol.numbered-ciecle-number > li:nth-of-type(8):before{ content: '⑧'; }
.ck-content ol.numbered-ciecle-number > li:nth-of-type(9):before{ content: '⑨'; }
.ck-content ol.numbered-ciecle-number > li:nth-of-type(10):before{ content: '⑩'; }
.ck-content ol.numbered-ciecle-number > li:nth-of-type(11):before{ content: '⑪'; }
.ck-content ol.numbered-ciecle-number > li:nth-of-type(12):before{ content: '⑫'; }
.ck-content ol.numbered-ciecle-number > li:nth-of-type(13):before{ content: '⑬'; }
.ck-content ol.numbered-ciecle-number > li:nth-of-type(14):before{ content: '⑭'; }
.ck-content ol.numbered-ciecle-number > li:nth-of-type(15):before{ content: '⑮'; }
.ck-content ol.numbered-ciecle-number > li:nth-of-type(16):before{ content: '⑯'; }
.ck-content ol.numbered-ciecle-number > li:nth-of-type(17):before{ content: '⑰'; }
.ck-content ol.numbered-ciecle-number > li:nth-of-type(18):before{ content: '⑱'; }
.ck-content ol.numbered-ciecle-number > li:nth-of-type(19):before{ content: '⑲'; }
.ck-content ol.numbered-ciecle-number > li:nth-of-type(20):before{ content: '⑳'; }

.ck-content ol.numbered-ciecle-number > li:nth-of-type(21):before{ content: '㉑'; }
.ck-content ol.numbered-ciecle-number > li:nth-of-type(22):before{ content: '㉒'; }
.ck-content ol.numbered-ciecle-number > li:nth-of-type(23):before{ content: '㉓'; }
.ck-content ol.numbered-ciecle-number > li:nth-of-type(24):before{ content: '㉔'; }
.ck-content ol.numbered-ciecle-number > li:nth-of-type(25):before{ content: '㉕'; }
.ck-content ol.numbered-ciecle-number > li:nth-of-type(26):before{ content: '㉖'; }
.ck-content ol.numbered-ciecle-number > li:nth-of-type(27):before{ content: '㉗'; }
.ck-content ol.numbered-ciecle-number > li:nth-of-type(28):before{ content: '㉘'; }
.ck-content ol.numbered-ciecle-number > li:nth-of-type(29):before{ content: '㉙'; }
.ck-content ol.numbered-ciecle-number > li:nth-of-type(30):before{ content: '㉚'; }
.ck-content ol.numbered-ciecle-number > li:nth-of-type(31):before{ content: '㉛'; }
.ck-content ol.numbered-ciecle-number > li:nth-of-type(32):before{ content: '㉜'; }
.ck-content ol.numbered-ciecle-number > li:nth-of-type(33):before{ content: '㉝'; }
.ck-content ol.numbered-ciecle-number > li:nth-of-type(34):before{ content: '㉞'; }
.ck-content ol.numbered-ciecle-number > li:nth-of-type(35):before{ content: '㉟'; }
.ck-content ol.numbered-ciecle-number > li:nth-of-type(36):before{ content: '㊱'; }
.ck-content ol.numbered-ciecle-number > li:nth-of-type(37):before{ content: '㊲'; }
.ck-content ol.numbered-ciecle-number > li:nth-of-type(38):before{ content: '㊳'; }
.ck-content ol.numbered-ciecle-number > li:nth-of-type(39):before{ content: '㊴'; }
.ck-content ol.numbered-ciecle-number > li:nth-of-type(40):before{ content: '㊵'; }
.ck-content ol.numbered-ciecle-number > li:nth-of-type(41):before{ content: '㊶'; }
.ck-content ol.numbered-ciecle-number > li:nth-of-type(42):before{ content: '㊷'; }
.ck-content ol.numbered-ciecle-number > li:nth-of-type(43):before{ content: '㊸'; }
.ck-content ol.numbered-ciecle-number > li:nth-of-type(44):before{ content: '㊹'; }
.ck-content ol.numbered-ciecle-number > li:nth-of-type(45):before{ content: '㊺'; }
.ck-content ol.numbered-ciecle-number > li:nth-of-type(46):before{ content: '㊻'; }
.ck-content ol.numbered-ciecle-number > li:nth-of-type(47):before{ content: '㊼'; }
.ck-content ol.numbered-ciecle-number > li:nth-of-type(48):before{ content: '㊽'; }
.ck-content ol.numbered-ciecle-number > li:nth-of-type(49):before{ content: '㊾'; }
.ck-content ol.numbered-ciecle-number > li:nth-of-type(50):before{ content: '㊿'; }
/* .ck-content ol.numbered-ciecle-number{
    counter-reset: my-counter;
    list-style: none;
    padding-left: 1.5em;
}
.ck-content ol.numbered-ciecle-number > li{
    line-height: 2em;
}
.ck-content ol.numbered-ciecle-number > li:before{
    content: counter(my-counter);
    counter-increment: my-counter;
    background-color: transparent;
    color: #222;
    display: inline-block;
    text-align: center;
    height: 1.5em;
    width: 1.5em;
    line-height: 1.5em;
    border-radius: 50%;
    border: 1px solid #000;
    box-sizing: border-box;
    
    margin-left: -1.5em;
    margin-right: 0.5em;
    word-wrap: none;
} */

.ck-content ul{
    list-style-type: none;
}
.ck-content ul li::before{
    display: inline-block;
    width: 1em;
    text-align: center;

}
.ck-content ul.bulleted li::before{
    content: '●';
    margin-left: -1.5em;
    margin-right: 0.5em;
}
.ck-content ul.bulleted-dot li::before{
    content: '・';
    margin-left: -1.5em;
    margin-right: 0.5em;
}
.ck-content ul.bulleted-square li::before{
    content: '■';
    margin-left: -1.5em;
    margin-right: 0.5em;
}
.ck-content ul.bulleted-square-outline li::before{
    content: '□';
    margin-left: -1.5em;
    margin-right: 0.5em;
}
.ck-content ul.bulleted-lozenge li::before{
    content: '◆';
    margin-left: -1.5em;
    margin-right: 0.5em;
}
.ck-content ul.bulleted-check li::before{
    content: '✔︎';
    margin-left: -1.5em;
    margin-right: 0.5em;
}
.ck-content ul.bulleted-arrow li::before{
    content: '➢';
    margin-left: -1.5em;
    margin-right: 0.5em;
}
.ck-content ul.bulleted-point li::before{
    content: '☞';
    margin-left: -1.5em;
    margin-right: 0.5em;
}

/* counter */
.ck-content{
    counter-reset: section1 section2 section3;
}
.ck-content .num, .ck-content .num-serif{
    padding-left: 60px;
    /* padding-right: 10px; */
    display: flex;
}
.ck-content .num::before, .ck-content .num-serif::before{
    word-break: keep-all;
    display: inline-block;
    /* width: 60px; */
    min-width: 50px;
    margin-right: 10px;
    flex: none;
    margin-left: -60px;
}
.ck-content .num-serif{
    font-family: 'Robot slab', 'Noto Serif JP', serif;
}
/* .ck-content:not(.table-of-contents) .num ~ :not(h2):not(h3):not(h4){ */
    /* .ck-content .num::before's width + margin */
    /* margin-left: calc(50px + 10px); */
    /* don't use css3 for pdf */
    /* margin-left: 60px;
} */
/* .ck-content p:not(.noidt){
    padding-left: 60px;
}
.ck-content .table p:not(.noidt){
    padding-left: initial;
} */

.ck-content p.idt{
    padding-left: 60px;
}
.ck-content .table p.idt{
    padding-left: initial;
}

/* h1 for detail of manual */
.ck-content h1.num.sec1::before, .ck-content h1.num-serif.sec1::before { content: counter(section1) "."; }
.ck-content h1.num.sec2::before, .ck-content h1.num-serif.sec2::before { content: counter(section1) "-" counter(section2) "."; }
.ck-content h1.num.sec3::before, .ck-content h1.num-serif.sec3::before { content: counter(section1) "-" counter(section2) "-" counter(section3) "."; }

.ck-content h2.num, .ck-content h2.num-serif{
    counter-increment: section1;
    counter-reset: section2;
}
.ck-content h2.num::before, .ck-content h2.num-serif::before { content: counter(section1) "."; }

.ck-content h3.num, .ck-content h3.num-serif{
    counter-increment: section2;
    counter-reset: section3;
}
.ck-content h3.num::before, .ck-content h3.num-serif::before { content: counter(section1) "-" counter(section2) "."; }

.ck-content h4.num, .ck-content h4.num-serif{
    counter-increment: section3;
}
.ck-content h4.num::before, .ck-content h4.num-serif::before { content: counter(section1) "-" counter(section2) "-" counter(section3) "."; }

.ck-content h2.num::before, .ck-content h2.num-serif::before { content: attr(data-counter); }
.ck-content h3.num::before, .ck-content h3.num-serif::before { content: attr(data-counter); }
.ck-content h4.num::before, .ck-content h4.num-serif::before { content: attr(data-counter); }

/* indent */
.ck-content blockquote.idt1, .ck-content p.idt1, .ck-content .image.image-style-align-left.idt1, .ck-content .table.idt1[style='float:left;'], .idt1{ margin-left: 60px; }
.ck-content blockquote.idt2, .ck-content p.idt2, .ck-content .image.image-style-align-left.idt2, .ck-content .table.idt2[style='float:left;'], .idt2{ margin-left: 120px; }
.ck-content blockquote.idt3, .ck-content p.idt3, .ck-content .image.image-style-align-left.idt3, .ck-content .table.idt3[style='float:left;'], .idt3{ margin-left: 180px; }
.ck-content blockquote.idt4, .ck-content p.idt4, .ck-content .image.image-style-align-left.idt4, .ck-content .table.idt4[style='float:left;'], .idt4{ margin-left: 240px; }
.ck-content blockquote.idt5, .ck-content p.idt5, .ck-content .image.image-style-align-left.idt5, .ck-content .table.idt5[style='float:left;'], .idt5{ margin-left: 300px; }
.ck-content blockquote.idt6, .ck-content p.idt6, .ck-content .image.image-style-align-left.idt6, .ck-content .table.idt6[style='float:left;'], .idt6{ margin-left: 360px; }
.ck-content blockquote.idt7, .ck-content p.idt7, .ck-content .image.image-style-align-left.idt7, .ck-content .table.idt7[style='float:left;'], .idt7{ margin-left: 420px; }
.ck-content blockquote.idt8, .ck-content p.idt8, .ck-content .image.image-style-align-left.idt8, .ck-content .table.idt8[style='float:left;'], .idt8{ margin-left: 480px; }

.ck-content blockquote .idt1{ margin-left: auto; }
.ck-content blockquote .idt2{ margin-left: auto; }
.ck-content blockquote .idt3{ margin-left: auto; }
.ck-content blockquote .idt4{ margin-left: auto; }
.ck-content blockquote .idt5{ margin-left: auto; }
.ck-content blockquote .idt6{ margin-left: auto; }
.ck-content blockquote .idt7{ margin-left: auto; }
.ck-content blockquote .idt8{ margin-left: auto; }

/* .ck-content blockquote p:not(.noidt){
    padding-left: initial;
    font-style: normal;
} */
.ck-content blockquote p.idt{
    padding-left: initial;
    font-style: normal;
}

/* main area */
.manual-editor .ck-content.ck-editor__editable,
.ck-content.manual{
    width: 21cm;
    min-height: 29.7cm;
    margin: 0 auto;
    /* overwrite point for printing */
    /* padding: 2cm 1.2cm;  */
    padding: 1cm 1cm;
    border: 1px solid #ddd;
    background-color: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, .1);
}
.manual-editor .ck-content.ck-updown-padding-dropdown-large,
.ck-content.ck-updown-padding-dropdown-large{
    padding-top: 1.5cm;
    padding-bottom: 1.5cm;
}
.manual-editor .ck-content.ck-updown-padding-dropdown-medium,
.ck-content.ck-updown-padding-dropdown-medium{
    padding-top: 2cm;
    padding-bottom: 2cm;
}
.manual-editor .ck-content.ck-updown-padding-dropdown-small,
.ck-content.ck-updown-padding-dropdown-small{
    padding-top: 2.5cm;
    padding-bottom: 2.5cm;
}
.manual-editor .ck-content.ck-side-padding-dropdown-large,
.ck-content.ck-side-padding-dropdown-large{
    padding-left: 1.5cm;
    padding-right: 1.5cm;
    /* padding-right: 116.69px; */
    /* 56.69(1.5cm to px) + 60(heading margin) in 92dpi*/
}
.manual-editor .ck-content.ck-side-padding-dropdown-medium,
.ck-content.ck-side-padding-dropdown-medium{
    padding-left: 2cm;
    padding-right: 2cm;
    /* padding-right: 135.59px; */
    /* 75.59(2cm to px) + 60(heading margin) in 92dpi*/
}
.manual-editor .ck-content.ck-side-padding-dropdown-small,
.ck-content.ck-side-padding-dropdown-small{
    padding-left: 2.4cm;
    padding-right: 2.4cm;
    /* padding-right: 150.78px; */
    /* 90.78(2.4cm to px) + 60(heading margin) in 92dpi*/
}

.ck.ck-editor__editable_inline>:first-child{
    margin-top: auto !important;
}

/* heading toolbar */
.ck-heading-dropdown .ck.ck-button__label{
    white-space: pre;
}

/* custom toolbar */
.ck-updown-padding-dropdown .ck-button__label::before{
    content: '↕︎ ';
}
.ck-side-padding-dropdown .ck-button__label::before{
    content: '↔︎ ';
}

@media (max-width: 500px){
    /* .ck-content.ck-updown-padding-dropdown-large{
        padding-top: 1.5cm;
        padding-bottom: 1.5cm;
    }
    .ck-content.ck-updown-padding-dropdown-medium{
        padding-top: 1cm;
        padding-bottom: 1cm;
    }
    .ck-content.ck-updown-padding-dropdown-small{
        padding-top: 0.5cm;
        padding-bottom: 0.5cm;
    } */
    .ck-content.ck-side-padding-dropdown-large{
        /* padding-left: 20px;
        padding-right: 80px; */
        padding-left: 10px;
        padding-right: 10px;
    }
    .ck-content.ck-side-padding-dropdown-medium{
        /* padding-left: 10px;
        padding-right: 70px; */
        padding-left: 20px;
        padding-right: 20px;
    }
    .manual-editor .ck-content.ck-side-padding-dropdown-small,
    .ck-content.ck-side-padding-dropdown-small{
        /* padding-left: 5px;
        padding-right: 65px; */
        padding-left: 30px;
        padding-right: 30px;
    }
    
}
/* 
.num + figure.table,
.num-serif + figure.table,
p:not(.noidt) + figure.table,
ul + figure.table,
ol + figure.table{
    padding-left: 60px;
}
.num + figure.table table,
.num-serif + figure.table table,
p:not(.noidt) + figure.table table,
ul + figure.table table,
ul + figure.table table{
    max-width: 550px;
} */

.num + figure,
.num-serif + figure,
p.idt + figure,
ul + figure,
ol + figure{
    padding-left: 60px;
    /* padding-right: 60px; */
}
.num + figure > figcaption,
.num-serif + figure > figcaption,
p.idt + figure > figcaption,
ul + figure > figcaption,
ol + figure > figcaption{
    /* margin-left: 60px; */
    /* margin-right: 60px; */
}

.num + figure:first-child,
.num-serif + figure.first-child,
p.idt + figure.first-child,
ul + figure.first-child,
ul + figure.first-child{
    max-width: 550px;
}