/*====================================================
// NOTE | 余白
====================================================*/
.ma-auto {margin: auto !important}
.ma-0 {margin: 0 !important}
.ma-05em {margin: .5em !important}
.ma-10em {margin: 1.0em !important}
.ma-15em {margin: 1.5em !important}
.ma-20em {margin: 2em !important}
.ma-30em {margin: 3em !important}
.mt-0 {margin-top: 0 !important}
.mt-03em {margin-top: .3em !important}
.mt-05em {margin-top: .5em !important}
.mt-08em {margin-top: .8em !important}
.mt-10em {margin-top: 1.0em !important}
.mt-15em {margin-top: 1.5em !important}
.mt-20em {margin-top: 2em !important}
.mt-30em {margin-top: 3em !important}
.ml-0 {margin-left: 0 !important}
.ml-03em {margin-left: .3em !important}
.ml-05em {margin-left: .5em !important}
.ml-10em {margin-left: 1.0em !important}
.ml-15em {margin-left: 1.5em !important}
.ml-20em {margin-left: 2em !important}
.ml-30em {margin-left: 3em !important}
.mr-0 {margin-right: 0 !important}
.mr-02em {margin-right: .2em !important}
.mr-05em {margin-right: .5em !important}
.mr-10em {margin-right: 1.0em !important}
.mr-15em {margin-right: 1.5em !important}
.mr-20em {margin-right: 2em !important}
.mr-30em {margin-right: 3em !important}
.mb-0 {margin-bottom: 0 !important}
.mb-03em {margin-bottom: .3em !important}
.mb-05em {margin-bottom: .5em !important}
.mb-08em {margin-bottom: .8em !important}
.mb-10em {margin-bottom: 1.0em !important}
.mb-15em {margin-bottom: 1.5em !important}
.mb-20em {margin-bottom: 2em !important}
.mb-30em {margin-bottom: 3em !important}
.ma-10 {margin: 10px !important}
.ma-20 {margin: 20px !important}
.ma-30 {margin: 30px !important}
.ma-40 {margin: 40px !important}
.ma-50 {margin: 50px !important}
.mt-10 {margin-top: 10px !important}
.mt-20 {margin-top: 20px !important}
.mt-30 {margin-top: 30px !important}
.mt-40 {margin-top: 40px !important}
.mt-50 {margin-top: 50px !important}
.mt-60 {margin-top: 60px !important}
.mt-70 {margin-top: 70px !important}
.ml-10 {margin-left: 10px !important}
.ml-20 {margin-left: 20px !important}
.ml-30 {margin-left: 30px !important}
.ml-40 {margin-left: 40px !important}
.ml-50 {margin-left: 50px !important}
.mr-10 {margin-right: 10px !important}
.mr-20 {margin-right: 20px !important}
.mr-30 {margin-right: 30px !important}
.mr-40 {margin-right: 40px !important}
.mr-50 {margin-right: 50px !important}
.mb-10 {margin-bottom: 10px !important}
.mb-20 {margin-bottom: 20px !important}
.mb-30 {margin-bottom: 30px !important}
.mb-40 {margin-bottom: 40px !important}
.mb-50 {margin-bottom: 50px !important}
.mb-60 {margin-bottom: 60px !important}
.mb-70 {margin-bottom: 70px !important}
.pa-0 {padding: 0 !important}
.pa-05em {padding: .5em !important}
.pa-10em {padding: 1.0em !important}
.pa-15em {padding: 1.5em !important}
.pa-20em {padding: 2em !important}
.pt-0 {padding-top: 0 !important}
.pt-05em {padding-top: .5em !important}
.pt-10em {padding-top: 1.0em !important}
.pt-15em {padding-top: 1.5em !important}
.pt-20em {padding-top: 2em !important}
.pb-0 {padding-bottom: 0 !important}
.pb-05em {padding-bottom: .5em !important}
.pb-10em {padding-bottom: 1.0em !important}
.pb-15em {padding-bottom: 1.5em !important}
.pb-20em {padding-bottom: 2em !important}
/* 「注意書き」スタイル用 */
.is-style-attention-note {
list-style: none; /* 既存マーカーを消す */
padding-left: 1.5em; /* アイコン分の余白 */
position: relative;
}
.is-style-attention-note li {
position: relative;
}
.is-style-attention-note li::before {
content: "※"; /* アイコン代わりの記号 */
position: absolute;
left: -1.2em;
font-weight: bold;
}
.flexBox { display: flex; }
.flexWrap { flex-wrap: wrap; }
ul.flexBox {
gap: .2em .5em;
}
ul.flexBox li {
margin: 0;
}
.mark_none {
list-style: none;
padding-left: 0;
}
.has-background {
padding: min(3vw, 1.5em);
}
ul.has-background,
ol.has-background {
padding-left: 2.5em !important;
}
.wp-block-list li {
line-height: 1.5 !important;
margin-bottom: 0;
}
.wp-block-list li + li {
margin-top: .8em;
}
ul.is-style-vk-numbered-circle-mark li:before, ol.is-style-vk-numbered-circle-mark li:before {
font-size: .8em;
line-height: 1.5;
top: .1em;
width: 1.5em;
height: 1.5em;
}
.column_content {
margin: 2em auto 0;
width: min(95%, 900px);
}
.column_content h2 {
color: #000;
padding: 0.5em 0;
border-top: solid 3px #b4d12f;
border-bottom: solid 3px #b4d12f;
font-weight: bolder;
text-align: center;
background: #FFF;
font-size: 22px;
line-height: 1.4;
margin-bottom: 20px;
margin-top: 60px;
}
.column_content h2::before {
display: none;
}
.column_content h3 {
border-bottom-width: 2px;
color: inherit;
font-size: 20px;
line-height: 1.4;
padding-bottom: .2em;
}
.column_content h3::after {
border-bottom-width: 2px;
}
.column_content h4 {
color: #000;
background: transparent;
border-bottom: solid 2px #b4d12f;
border-radius: 0;
font-weight: 700;
line-height: 1.4;
}
@media screen and (max-width: 769px) {
h1.coursename ,
.column_content h2 {
text-align: left;
}
}
.column_content p {
margin-bottom: 0;
}
.column_content * + p,
.column_content * + ul,
.column_content * + ol,
.column_content * + .wp-block-group,
.column_content * + .wp-block-image,
.column_content * + .wp-block-image,
.column_content * + .is-layout-flex {
margin-top: 1em;
}
.column_content p a {
-webkit-text-decoration: underline dotted 1px;
text-decoration: underline dotted 1px;
text-underline-position: under;
text-underline-offset: 0.1em;
}
@media (hover: hover) {
.column_content p a:hover {
color: #4f671c !important;
}
}
* + div[class^="lazyblock-"] {
margin-top: 1.5em;
}
.vk_borderBox.is-style-vk_borderBox-style-solid-kado-tit-onborder>.vk_borderBox_title_container {
margin-bottom: -1.2em;
}
.vk_balloon_content {
max-width: none;
}
.vk_borderBox {
margin-bottom: 0;
}
.accordion {
border: solid 2px #4f671c;
border-radius: 3px;
margin: 0;
overflow: hidden;
}
.accordion > dt ,
.accordion > div > .accordion-title {
background: #4f671c ;
border: none;
color: #fff;
cursor: pointer;
font-size: 1.05em;
margin: 0;
padding: .3em 2em .3em 1em;
position: relative;
}
dl.accordion > dt::before,
dl.accordion > dt::after ,
.accordion > div > .accordion-title::before,
.accordion > div > .accordion-title::after {
border-top: solid 2px #fff;
content: '';
display: block;
margin: auto;
position: absolute;
top: 0;
right: .5em;
bottom: 0;
transition: .2s ease-in-out;
width: .8em;
height: 0;
}
dl.accordion > dt::after ,
.accordion > div > .accordion-title::after {
transform: rotate(90deg);
}
dl.accordion.open > dt::before ,
.accordion.open > div > .accordion-title::before {
transform: rotate(180deg);
opacity: 0;
}
dl.accordion.open > dt::after ,
.accordion.open > div > .accordion-title::after {
transform: rotate(180deg);
}
dl.accordion > dd ,
.accordion > div > .accorion-content {
height: 0;
margin: 0 !important;
overflow: hidden;
padding: 0;
transition: .2s ease-in-out;
}
dl.accordion > dd > .accordion-inner ,
.accordion > div > .accordion-content > div {
opacity: 0;
padding: 1em;
transition: .4s ease-in-out;
}
dl.accordion.open > dd > .accordion-inner ,
.accordion.open > div > .accordion-content > div {
opacity: 1;
}
.column_content .wp-lightbox-container::before ,
.column_content .wp-lightbox-container::after {
content: '';
display: block;
margin: auto;
position: absolute;
top: calc(min(1vw, 10px) * -1);
left: calc(min(1vw, 10px) * -1);
width: min(6vw, 30px);
height: min(6vw, 30px);
z-index: 10;
}
.column_content .wp-lightbox-container::before {
background: rgba(255, 255, 255, .8);
border: solid 1px #888;
border-radius: 100%;
pointer-events: none;
}
.column_content .wp-lightbox-container::after {
background: url('data:image/svg+xml;charset=UTF-8,') no-repeat top center / cover;
pointer-events: none;
transform: scale(.6);
}
.column_content .wp-lightbox-container button {
display: none;
}
.wp-lightbox-overlay .close-button {
background: rgba(255, 255, 255, .8) !important;
border-radius: 100%;
}
.wp-block-quote > cite {
font-size: .7em;
margin-top: .5em;
text-align: right;
}
* + div[class^="wp-block-vk-blocks"]:not(.wp-block-vk-blocks-icon) {
margin-top: 1.8em;
}
.scrim {
background-color: rgba(0, 0, 0, .5) !important;
backdrop-filter: blur(3px);
}
.wp-block-buttons {
grid-gap: 0 .5em;
}
.wp-block-button__link, .linkBtn {
background: #7bab13;
box-shadow: 3px 3px 5px rgba(0, 0, 0, .2);
border-radius: 4px;
color: #fff !important;
display: inline-block;
font-weight: 700;
margin-top: 5px;
margin-bottom: 5px;
padding: .6em 1.3em;
transition: .2s ease-in-out;
}
.is-style-outline .wp-block-button__link {
background: #fff;
border: solid 2px #7bab13;
box-shadow: none;
color: #7bab13 !important;
}
.is-style-outline .wp-block-button__link:hover {
background: #fafff0;
box-shadow: none;
}
.wp-block-group.has-link {
transition: .2s ease-in-out;
}
@media (hover: hover) {
.wp-block-button__link:hover, .linkBtn:hover {
background: #97cf1d;
box-shadow: 2px 2px 3px rgba(0, 0, 0, .2);
text-decoration: none;
}
.wp-block-group.has-link:hover {
filter: brightness(1.1);
transform: scale(1.02);
}
}
/*====================================================
////id | article-toc
====================================================*/
.article-toc dl {
border: solid 2px #97cf1d;
border-radius: 10px;
overflow: hidden;
}
.article-toc dt {
background: #97cf1d;
border: none;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
font-size: 1.3em;
font-weight: 700;
letter-spacing: 1em;
margin: 0;
padding: .2em 1em .2em 2em;
text-align: center;
}
.article-toc dd {
margin: 0;
padding: 0;
}
.article-toc_items {
list-style: none;
margin: 0;
padding: 1em;
}
.article-toc_items li {
line-height: 1.4;
margin: 0;
}
.article-toc_items li + li {
margin-top: .5em;
}
.article-toc_items a.toc-link {
font-weight: 700;
padding: .4em 0 .4em 1.8em;
position: relative;
transition: .3s ease-in-out;
}
.article-toc_items a.toc-link::before {
background: url('data:image/svg+xml;charset=UTF-8,') no-repeat center / contain;
content: '';
display: block;
margin: auto;
position: absolute;
top: .5em;
left: 0;
width: 1.2em;
height: 1.2em;
}
@media (hover: hover) {
.article-toc_items a.toc-link:hover {
color: #97cf1d !important;
text-decoration: none;
}
}
/*====================================================
////id | archive
====================================================*/
.dictionary-flex-container .kiji4 {
flex-basis: calc(100% / 2 - .5em);
}
/* ////////// mobile ////////// */
@media screen and (max-width: 769px) {
}
@media screen and (max-width: 560px) {
.dictionary-flex-container .kiji4 {
flex-basis: 100%;
}
}
/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
}
@media screen and (min-width: 1200px) {
.dictionary-flex-container .kiji4 {
flex-basis: calc(100% / 3 - (2rem / 3));
}
}
@media (hover: hover) {}
/*====================================================
////id | トップページ
====================================================*/
#pg-212-2 .owl-item p {
border-radius: 10px;
margin-bottom: 0;
overflow: hidden;
padding-top: 90%;
position: relative;
width: 100%;
}
#pg-212-2 .owl-item a {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#pg-212-7 {
margin-bottom: 0;
}
#pg-212-2 .owl-item img {
margin-bottom: 0;
object-fit: cover;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* ////////// mobile ////////// */
@media screen and (max-width: 769px) {
#pg-212-2 .owl-carousel {
margin: auto;
width: min(100%, 500px);
}
}
/* ////////// PC ////////// */
@media print, screen and (min-width: 769px) {
}
@media screen and (min-width:769px) and (max-width:980px) {
}
@media (hover: hover) {}
/*====================================================
////id | タブボックス ブロック
====================================================*/
/* .tabBox {
position: relative;
}
.tabBox .tabArea {
grid-gap: 4px;
}
.tabBox .tabArea li {
background: #ddd;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
flex: 1;
font-size: 1.3rem;
height: 50px;
line-height: 1.2;
padding: 5px;
}
.tabBox .tabArea li.current {
background: #fcfcfc;
cursor: default;
pointer-events: none;
}
.tabBox .tabArea li a {
display: flex;
align-items: center;
justify-content: center;
text-decoration: none;
width: 100%;
height: 100%;
}
.tabBox .tabArea li.current a {
pointer-events: none;
}
.tabBox .contentArea {
background: #fcfcfc;
position: relative;
transition: .4 all;
}
.tabBox .contentArea .tab_content {
transition: .2s all;
}
.tabBox .contentArea .tab_content:not(.current) {
opacity: 0;
pointer-events: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
} */