@charset "utf-8";
@charset "utf-8";
body {
font-family: 'メイリオ', 'Meiryo', sans-serif !important;
}
.single p {
line-height: 1.85;
}
.single h6.entry-category.is-xsmall {
margin-bottom: 15px;
}
.single h6.entry-category.is-xsmall a {
text-decoration: unset;
color: #fff;
background: #ffc0cb;
padding: 5px 8px;
border-radius: 15px;
}
.article-inner a {
color: #7b7bf9;
text-decoration: unset;
border-bottom: 1px dotted;
}
abbr {
display: none;
}
figcaption {
background: unset !important;
color: darkgray !important;
}
.yarpp-related {
border: 3px solid #ececec;
padding: 10px;
margin: 50px auto !important;
}
.yarpp-related h3 {
margin-bottom: 20px !important;
color: #fff !important;
text-align: center !important;
background: #a5a5a5 !important;
padding: 10px !important;
}
.yarpp-related h3:after {
content: none !important;
}
.yarpp-related ul li {
margin-bottom: 20px;
border-bottom: 1px dotted gray !important;
padding-bottom: 10px;
}
.yarpp-related ul li:last-child {
border: unset !important;
}
.single h3 {
font-size: 1.25rem;
position: relative;
padding: 1rem;
margin: 30px auto;
border-left: 15px solid #ff9bad;
background: #fff1f3;
}
.single h4{
margin: 30px auto;
}
.single h4:before {
content: "◎";
margin-right: 5px;
}
.dictionary {
background: #f5f5f5;
}
p.dimi {
font-size: .9rem;
line-height: 1.8;
font-weight: bold;
color: gray;
}
.marker {
font-weight:bold;
background: -webkit-linear-gradient(left, rgb(255,233,50) 50%, transparent 50%);
background: -moz-linear-gradient(left, rgb(255,233,50) 50%, transparent 50%);
background: linear-gradient(left, rgb(255,233,50) 50%, transparent 50%);
background-repeat: no-repeat;
background-size: 200% .8em; 
background-position: 100% .5em;
transition: 3s;
}
.marker.is-active{
background-position: 0% .5em;
}
span.marker2 {
background: linear-gradient(transparent 60%, #ff6 60%);
font-weight: bold;
}
ul.example {
margin: 0px auto;
background: #fff8f8;
padding: 20px;
font-size: .9rem;
margin-bottom: 30px;
line-height: 1.85;
position: relative;
border: unset;
}
ul.example:before {
content: url(https://dekikan-korean.com/wp-content/uploads/2021/11/penicon.png);
position: absolute;
top: -18px;
left: 10px;
background: #fb7a91;
padding: 3px 10px;
border-radius: 50%;
padding-top: 5px;
border: 2px solid #fff;
}
ul.example2:before {
content: url(https://dekikan-korean.com/wp-content/uploads/2021/11/penicon.png);
position: absolute;
top: -18px;
left: 10px;
background: #fb7a91;
padding: 3px 10px;
border-radius: 50%;
padding-top: 5px;
border: 2px solid #fff;
}
ul.example li {
border-bottom: 1px dotted pink;
padding-top: 5px;
padding-bottom: 5px;
}
ul.example li:last-child {
border: unset;
padding: unset;
}
ul.example2 {
margin: 0px auto;
background: #fff8f8;
padding: 20px;
font-size: .9rem;
margin-bottom: 30px;
line-height: 1.85;
position: relative;
border: unset;
}
ul.example2 li {
border-bottom: 1px dotted pink;
padding-top: 5px;
padding-bottom: 5px;
}
ul.example2 li:last-child {
border: unset;
padding: unset;
}
.matomeBox {
background: pink;
padding: 10px;
margin-bottom: 30px;
}
.matomeBox p {
margin-bottom: 0;
text-align: center;
color: #fff;
font-weight: bold;
font-size: 1.3rem;
}
.matomeBox ul {
margin: 0px auto;
background: #fff8f8;
padding: 20px;
font-size: .9rem;
margin-bottom: 0px;
line-height: 1.85;
position: relative;
border: unset;
}
.matomeBox ul li {
border-bottom: 1px dotted pink;
padding-top: 5px;
padding-bottom: 5px;
}
.matomeBox ul li:last-child {
border: unset;
padding: unset;
}
.breadcrumbs {
background: #ff9bad;
padding: 10px;
color: #fff !important;
line-height: 1;
}
.breadcrumbs span {
color: #fff;
font-size: 0.5rem !important;
}
.breadcrumbs span a {
text-decoration: unset;
color: #fff;
}
.single .entry-meta.uppercase.is-xsmall {
background: #ecf3fb;
padding: 10px;
}
.entry-content.single-page {
padding-top: unset;
}
.single .wp-caption .wp-caption-text {
padding: 3px;
font-size: .8rem;
background: rgba(0,0,0,0.05);
font-style: inherit;
}
.single a.button.success.lowercase.expand {
background: unset;
color: #f76d85 !important;
border: unset;
border-bottom: 1px solid;
}
.single .leadText p a {
color: #7b7bf9;
text-decoration: unset;
font-weight: bold;
border-bottom: 1px dotted;
line-height: .5;
padding-bottom: 0;
}
ul.wpp-list {
counter-reset: number;
list-style: none;
}
ul.wpp-list li {
position: relative;
margin: 15px 10px;
}
ul.wpp-list li:before {
color: #fff;
content: counter(number);
counter-increment: number;
text-align: center;
opacity: .999;
line-height: 30px;
background-color: #ff0303;
border-radius: 2px;
-moz-border-radius: 2px;
position: absolute;
top: -5px;
padding: 0px 7px;
font-size: .8rem;
font-style: italic;
left: 0;
}
.leadText p a {
color: blue;
text-decoration: underline;
font-weight: bold;
}
.section-title-container {
margin-bottom: 0.5em !important;
}
.hukidashi {
display: flex;
width: 100%;
margin: 30px 10px;
}
.hukidashi img {
border-radius: 50%;
width: 100px;
height: 100px;
object-fit: cover;
margin: auto 0px;
}
.hukidashi p {
position: relative;
display: inline-block;
margin: .8em;
padding: 7px 10px;
min-width: 120px;
max-width: 100%;
color: #555;
font-size: 16px;
background: #e0edff;
left: 5px;
display: -webkit-flex;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
}
.hukidashi p:before {
content: "";
position: absolute;
top: 50%;
left: -20px;
margin-top: -5px;
border: 5px solid transparent;
border-right: 15px solid #e0edff;
}
.dictionary {
background: #e2e2e2;
padding: 15px;
margin: 30px auto;
}
p.source {
text-align: right;
margin-bottom: unset;
color: gray;
font-size: 0.8rem;
}
p.source:before {
content: "出典:";
margin-right: 5px;
}
p.source:after {
content: url(https://dekikan-korean.com/wp-content/uploads/2020/12/dictionary.png);
background: #adadad;
padding: 4px 8px;
position: relative;
border-radius: 50%;
height: 20px;
width: 20px;
padding-top: 10px;
margin-left: 3px;
}
.adBox {
margin-bottom: 2rem;
margin-top: 2rem;
}
.scprofile {
background: #f1f1f1;
padding: 1rem;
margin: 1.5rem;
border-radius: 1rem;
font-size: .8rem;
}
p.levelG {
background: #fff;
padding: .6rem;
}
p.boxProfile {
text-align: right;
margin-bottom: 0;
margin-top: 1rem;
}
p.boxProfile a {
color: blue;
text-decoration-line: underline;
}
.appBox {
width: 80%;
margin: auto;
border: 5px solid #feefff;
padding: 1rem;
}
ul.appdes {
display: flex;
list-style: none;
margin-bottom: unset;
}
ul.appdes li:first-child {
width: 40%;
text-align: center;
}
ul.appdes li:first-child img {
height: 200px;
}
ul.appdes li:last-child {
display: inline-block;
display: -webkit-flex;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
}
.appdes3 {
display: flex;
}
.appdes3 img {
width: 150px;
margin: .5rem;
}
.single .box {
margin: 30px 0;
background: #fff8f8;
padding: 20px;
font-size: .9rem;
margin-bottom: 30px;
line-height: 1.85;
position: relative;
padding-top: 30px;
}
.box2 {
margin: 30px 0;
background: #fff8f8;
padding: 20px;
font-size: .9rem;
margin-bottom: 30px;
line-height: 1.85;
position: relative;
padding-top: 30px;
}
.box3 {
margin: 30px 0;
background: #fff8f8;
padding: 20px;
font-size: .9rem;
margin-bottom: 30px;
line-height: 1.85;
position: relative;
padding-top: 30px;
}
.box4 {
margin: 30px 0;
background: #fff8f8;
padding: 20px;
font-size: .9rem;
margin-bottom: 30px;
line-height: 1.85;
position: relative;
padding-top: 30px;
}
.single .box:before {
content: url(https://dekikan-korean.com/wp-content/uploads/2021/11/lighticon.png);
position: absolute;
top: -18px;
left: 10px;
background: #fb7a91;
padding: 3px 10px;
border-radius: 50%;
padding-top: 5px;
border: 2px solid #fff;
}
.box3:before {
content: url(https://dekikan-korean.com/wp-content/uploads/2021/11/lighticon.png);
position: absolute;
top: -18px;
left: 10px;
background: #fb7a91;
padding: 3px 10px;
border-radius: 50%;
padding-top: 5px;
border: 2px solid #fff;
}
.box2:before {
content: url(https://dekikan-korean.com/wp-content/uploads/2021/11/lighticon.png);
position: absolute;
top: -18px;
left: 10px;
background: #fb7a91;
padding: 3px 10px;
border-radius: 50%;
padding-top: 5px;
border: 2px solid #fff;
}
.mejs-container, .mejs-container .mejs-controls, .mejs-embed, .mejs-embed body {
background: #ff8383 !important;
border-radius: 20px !important;
position: relative;
}
.hatsuon {
padding: 20px 10px;
border: 2px solid #ffd8df;
margin: 20px 0;
padding-bottom: 20px;
position: relative;
}
.hatsuon:before {
content: url(https://dekikan-korean.com/wp-content/uploads/2021/11/hatsuon.png);
background: pink;
padding: 3px 10px;
padding-top: 8px;
border-radius: 50%;
border: 5px solid #fff;
position: absolute;
top: -25px;
}
.hatsuon p {
margin-bottom: 10px;
}
span.hatsuonLetter {
font-size: 1.3rem;
color: #ff8383;
font-weight: bold;
}
.rubyBox {
padding: 20px 0;
border: 3px dotted pink;
padding-bottom: 0;
text-align: center;
margin: 20px 0;
}
ruby {
font-size: 3rem;
font-weight: bold;
color: #ff9bad;
}
rt {
font-size: 30%;
color: gray;
font-weight: normal;
transform: translateY(-0.5em);
}
.rubyBox p {
font-size: 1rem;
font-weight: bold;
margin-bottom: 0;
}
span.rubySub {
font-size: .8rem;
font-weight: normal;
}
span.hosoku {
color: #fb7a91;
font-weight: bold;
}
span.hosoku:before {
font-family: "Font Awesome 5 Free";
content: '\f0a9';
margin: 0 3px;
}
.levelSub h1 {
text-align: center;
position: relative;
margin-top: 30px;
font-size: 2rem;
border-bottom: 1px dotted;
padding-bottom: 20px;
}
span.catkor {
position: absolute;
font-size: 1rem;
top: -20px;
font-weight: normal;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
}
.levelSub {
padding: 20px;
}
.af-book {
border: 3px solid #ff9bad;
padding: 20px;
text-align: center;
margin: 30px auto;
}
ul.af-level {
list-style: none;
display: inline-flex;
margin-bottom: 0;
font-weight: bold;
font-size: .9rem;
color: #ff6b85;
}
ul.af-level li {
margin-left: 5px;
}
p.af-title {
font-size: 1.3rem;
font-weight: bold;
margin-bottom: 0;
}
ul.af-kind {
list-style: none;
display: inline-flex;
margin-bottom: 30px;
font-size: .6rem;
border: 1px solid;
border-radius: 15px;
padding: 0 5px;
padding-top: 6px;
padding-right: 11px;
margin-left: 20px;
margin-top: 10px;
}
ul.af-feature {
text-align: left;
list-style: none;
margin-bottom: 50px;
border-top: 1px dotted;
padding-top: 25px;
}
ul.af-kind li {
margin-left: 5px;
}
ul.af-feature li:before {
font-family: "Font Awesome 5 Free";
content: "\f058";
margin-right: 10px;
color: pink;
font-weight: bold;
}
.accordion__title {
text-align: left;
padding-left: 30px;
}
p.af-caution {
font-size: .8rem;
}
.af-teacher {
margin-top: 30px;
background: #ff6b85;
border-radius: 10px;
padding: 10px 25px;
}
.af-teacher p {
color: #fff;
font-size: .8rem;
margin-bottom: unset;
}
p.parkTeach {
font-weight: bold;
margin-bottom: 10px;
font-size: 1.2rem;
}
p.parkTeach img {
width: 30px;
border-radius: 50%;
height: 30px;
object-fit: cover;
margin-right: 5px;
position: relative;
top: -5px;
}
.accordion__item.js-accordion-trigger.is-active {
box-shadow: 2px 2px 2px 1px rgb(0 0 0 / 20%);
}
.accordion__content.is-open ul {
text-align: left;
padding: 5px 15px;
}
.af-photo {
margin-bottom: 30px;
}
.af-photo img {
width: 300px;
height: 300px;
object-fit: cover;
border-radius: 50%;
}
.purBtn {
margin-top: 30px;
}
p.af-amabtn {
background: #f79c14;
width: 80%;
margin: auto;
margin-bottom: 20px;
padding: 10px;
box-shadow: 0 4px rgb(231 231 231);
}
p.af-amabtn a {
color: #fff;
border: unset;
font-weight: bold;
}
p.af-rakbtn {
background: #ff2424;
width: 80%;
margin: auto;
margin-bottom: 20px;
padding: 10px;
box-shadow: 0 4px rgb(231 231 231);
}
p.af-rakbtn a {
color: #fff;
font-weight: bold;
border: unset;
}
.mfp-bg.mfp-ready {
display: none;
}
.mfp-container.mfp-s-ready.mfp-image-holder {
display: none;
} .accordion {
max-width: 800px;
margin: 0 auto;
} .accordion__item {
border: 1px solid #ccc;
margin-top: 10px;
cursor: pointer;
} .accordion__title {
position: relative;
padding: 15px 60px 15px 20px;
font-weight: bold;
cursor: pointer;
} .accordion__title::before,
.accordion__title::after {
content: "";
position: absolute;
right: 20px;
top: 0;
bottom: 0;
margin: auto 0;
background-color: #3abec1;
width: 20px;
height: 4px;
transition: all 0.3s;
}
.accordion__title::after {
transform: rotate(90deg);
} .accordion__content {
padding: 0 20px 15px 20px;
display: none;
cursor: pointer;
}
.accordion__content.is-open {
display: block;
} .accordion__item.is-active .accordion__title::before {
transform: rotate(180deg);
}
.accordion__item.is-active .accordion__title::after {
transform: rotate(180deg);
opacity: 0;
}
.ngg-galleryoverview.default-view {
margin-top: 20px;
display: flex !important;
width: 100%;
flex-wrap: wrap;
}
.ngg-galleryoverview.default-view .ngg-gallery-thumbnail-box {
width: 31%;
margin: 1.1%;
height: 120px;
}
.ngg-gallery-thumbnail img {
height: 120px;
width: 100%;
object-fit: cover;
}
button.mfp-close {
display: none;
}
.af-gal {
margin-top: 30px;
}
.af-gal p {
margin-bottom: 0;
font-size: 1.2rem;
border-bottom: 1px solid gray;
width: 120px;
margin-left: auto;
margin-right: auto;
font-weight: bold;
}
.af-gal p:before {
font-family: 'Font Awesome 5 Free';
content: '\f030';
margin-right: 8px;
}
.voiceBox {
background: #f7f7f7;
padding: 10px;
margin: 30px auto;
position: relative;
}
.voiceBox dl {
width: 90%;
}
.voiceBox2 dl {
width: 90%;
}
.voiceBox2 {
background: #f7f7f7;
padding: 10px;
margin: 30px auto;
position: relative;
}
.voiceBox:before {
content: url(https://dekikan-korean.com/wp-content/uploads/2021/11/kanasii2.png);
position: absolute;
right: 10px;
}
.voiceBox2:before {
content: url(https://dekikan-korean.com/wp-content/uploads/2022/01/uresii.png);
position: absolute;
right: 10px;
}
dl dt, dl dd {
display: block;
margin: 0 5px 0 0;
line-height: 2.2;
}
dt {
font-weight: bold;
}
.a2a_kit a {
border: unset !important;
}
.aff-box {
text-align: center;
border: 2px dotted #ff9bad;
padding: 30px;
position: relative;
}
.aff-box p {
position: absolute;
top: -16px;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
background: #fff;
width: 120px;
font-size: 1rem;
font-weight: bold;
color: red;
}
.aff-box a {
font-weight: bold;
}
.aff-box2 {
text-align: center;
border: 2px dotted #ff9bad;
padding: 15px;
position: relative; padding-top: 20px;
padding-bottom: 0;
margin-bottom: 30px;
}
p.affTtl {
position: absolute;
top: -16px;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
background: #fff;
width: auto;
font-size: 1rem;
font-weight: bold;
color: red;
padding: 0 10px;
}
p.affLink a {
font-weight: bold;
}
.tcArea {
width: 60%;
margin: auto;
margin-bottom: 50px;
margin-top: 0px;
}
.teacherBox {
border: 3px solid black;
padding: 10px;
background: #ffd900;
border-radius: 10px;
margin: 30px auto;
}
.teacherBox .accordion__item {
border: 2px solid black;
background: #fff;
}
p.tcName {
margin-bottom: 10px;
text-align: center;
font-size: 1.5rem;
font-weight: bold;
border-bottom: 2px dotted;
width: 60%;
margin: auto;
margin-bottom: 20px;
margin-top: 10px;
}
span.tcSpan {
font-size: 1rem;
margin-left: 5px;
color: black;
}
.teacherBox img {
margin-bottom: 10px;
}
h3.tcChoise {
position: relative;
text-align: center;
font-weight: bold;
line-height: 1.3;
font-size: 2.5rem;
margin-top: 100px;
}
h3.tcChoise:before, h3.tcChoise:after {
position: relative;
display: inline-block;
content: "";
background: #ffd900;
width: 2px;
height: 1.2em;
margin: 0 1em;
margin-top: -0.2em;
vertical-align: middle;
}
h3.tcChoise:before {
transform: rotate(-35deg);
}
h3.tcChoise:after {
transform: rotate(35deg);
}
.tcInfo {
width: 80%;
margin: auto;
margin-top: 50px;
}
h3.lineH3 {
text-align: center;
font-size: 3rem;
color: #27c927;
border-bottom: 2px dotted;
width: 60%;
margin: auto;
}
h3.lineH3 img {
width: 180px;
margin-bottom: 15px !important;
margin-right: 5px;
}
span.lineKoza {
color: black;
font-size: 2.5rem;
margin-left: 5px;
}
ul.tcUl {
list-style: none;
text-align: center;
font-weight: bold;
color: gray;
margin-top: 50px;
font-size: 1.2rem;
}
ul.tcUl2 {
list-style: none;
text-align: left;
font-weight: bold;
color: gray;
margin-top: 0px;
font-size: 1.2rem;
}
ul.tcUl li {
margin-top: 20px;
position: relative;
}
ul.tcUl2 li {
margin-top: 20px;
position: relative;
}
ul.tcUl li:before {
content: "\f00c";
font-family: "Font Awesome 5 Free";
color: #27c927;
margin-right: 6px;
font-size: 1.6rem;
}
ul.tcUl2 li:before {
content: "\f192";
font-family: "Font Awesome 5 Free";
color: #ffd900;
margin-right: 6px;
font-size: 1.6rem;
position: relative;
top: 3px;
}
ul.choiseList {
padding: 35px;
border: 3px solid #27c927;
position: relative;
margin: auto;
margin-top: 50px;
width: 70%;
}
.single ul.choiseList {
width: 100%;
}
ul.choiseList:before {
content: url(https://dekikan-korean.com/wp-content/uploads/2022/02/marker.png);
position: absolute;
top: -35px;
right: 10px;
background: #fff;
padding: 0px 10px;
}
ul.choiseList li {
font-size: 1.2rem;
font-weight: bold;
border-bottom: 1px dotted green;
padding-bottom: 10px;
} @keyframes infinity-scroll-left {
from {
transform: translateX(0);
}
to {
transform: translateX(-100%);
}
} _:-ms-lang(x)::-ms-backdrop,
.d-demo {
display: -ms-grid;
overflow: hidden;
} .d-demo__wrap {
display: flex;
overflow: hidden;
}
.d-demo__list {
display: flex;
list-style: none;
}
.d-demo__list--left{
animation :infinity-scroll-left 95s infinite linear 0.5s both;
}
.d-demo__item {
width: calc(400vw / 6);
}
.d-demo__item > img{
width: 100%;
height: 400px;
object-fit: cover;
}
.voiceScroll {
margin-bottom: 50px;
padding-bottom: 30px;
}
ul.studentVoice {
width: 100%;
margin: 0 auto 2px;
list-style: none;
display: flex;
padding-left: 0!important;
margin-top: 70px;
flex-wrap: wrap;
}
ul.studentVoice li {
margin-right: 5px;
line-height: 1em;
position: relative;
margin-left: 5px;
width: 24%;
text-align: center;
padding: 10px;
border: 3px solid #ffcf00;
position: relative;
padding-top: 30px;
height: max-content;
}
.single ul.studentVoice li {
width: 23.3%;
}
ul.studentVoice li img {
width: 100%;
}
ul.studentVoice li:before {
content: url(https://dekikan-korean.com/wp-content/uploads/2022/02/hukidashi2.png);
position: absolute;
top: -35px;
background: #fff;
padding: 5px;
}
::-webkit-scrollbar-track {
background: #ffe6ea;
border-radius: 5px;
}
p.studentName {
margin-top: 30px;
font-size: 1.3rem !important;
font-weight: bold;
text-align: center !important;
line-height: 1 !important;
}
ul.studentVoice li p {
line-height: 2;
text-align: left;
font-size: .8rem;
}
.iframeBox {
text-align: center;
padding: 50px;
background: #ffd900;
border-top: 3px solid;
margin-top: 50px;
position: relative;
border-bottom: 3px solid;
}
.iframeBox img {
position: absolute;
top: -60px;
left: 30px;
width: 150px;
}
.iframeBox iframe {
border: 2px solid;
}
ol.lproOl {
text-align: left;
list-style: none;
width: 80%;
margin: auto;
margin-top: 50px;
}
ol.lproOl li {
position: relative;
line-height: 2;
font-size: 1.1rem;
font-weight: bold;
margin-bottom: 30px;
}
span.lproCau {
font-size: .9rem;
font-weight: normal;
position: relative;
left: 20px;
top: 10px;
} ol.lproOl li:last-child:after {
content: "";
} ol.lproOl li:first-child:before {
content: "1";
background: #e7e7e7;
color: #fff;
padding: 1px 8px;
border-radius: 50%;
margin-right: 10px;
}
ol.lproOl li:nth-child(2):before {
content: "2";
background: #bbbbbb;
color: #fff;
padding: 1px 8px;
border-radius: 50%;
margin-right: 10px;
}
ol.lproOl li:nth-child(3):before {
content: "3";
background: #939393;
color: #fff;
padding: 1px 8px;
border-radius: 50%;
margin-right: 10px;
}
ol.lproOl li:nth-child(4):before {
content: "4";
background: #6a6a6a;
color: #fff;
padding: 1px 8px;
border-radius: 50%;
margin-right: 10px;
}
ol.lproOl li:nth-child(5):before {
content: "5";
background: #3e3e3e;
color: #fff;
padding: 1px 8px;
border-radius: 50%;
margin-right: 10px;
}
ol.lproOl li:nth-child(6):before {
content: "6";
background: #0c0c0c;
color: #fff;
padding: 1px 8px;
border-radius: 50%;
margin-right: 10px;
}
.lessonText {
text-align: center;
border: 3px solid #a7a7a7;
background: #ffffff;
width: 60%;
margin: auto;
padding: 30px;
border-radius: 15px
}
.lessonText img {
width: 300px;
height: 300px;
object-fit: cover;
border-radius: 50%;
margin-top: 50px;
}
.priceReason {
margin-top: 50px;
text-align: center;
padding: 50px 15px;
background: linear-gradient(#fff3d9, #ff8100);
}
ul.commentReason {
width: 85%;
margin: auto;
list-style: none;
display: flex;
flex-wrap: wrap;
}
ul.commentReason li {
width: 50%;
margin-bottom: unset;
background: #fff;
}
ul.commentReason li:last-child {
padding: 20px;
font-size: 1rem;
font-weight: bold;
color: #898989;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.entryBtn {
margin: 50px auto;
}
.shiny-btn2 {
display: block;
position: relative;
width: 60%; padding: 25px 0;
margin: 30px auto;
background-color: #ed4545; box-shadow: 0 3px 0 0 rgba(198, 39, 39, 1); border-radius: 5px;
font-weight: bold;
font-size: 1.5rem;
color: #fff;
text-align: center;
text-decoration: none;
overflow: hidden;
}
.shiny-btn2:hover {
text-decoration: none;
color: #fff;
box-shadow: none;
-webkit-transform: translateY(3px);
}
.shiny-btn2::before {
position: absolute;
content: '';
display: inline-block;
top: -180px;
left: 0;
width: 30px;
height: 100%;
background-color: #fff;
transition: 0.2s;
animation: shiny-btn2 3s ease-in-out infinite;
}
@-webkit-keyframes shiny-btn2 {
0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}
a.shiny-btn2:after {
content: "\f105";
position: absolute;
right: 10px;
font-family: "Font Awesome 5 Free";
}
ul.nonText {
width: 55%;
margin: auto;
margin-top: 30px;
font-size: .8rem;
}
ul.nonText li {
margin-top: 10px;
margin-bottom: 10px;
margin-left: 20px;
font-weight: bold;
}
p.authorTcr {
width: 100%;
text-align: right;
color: #bdbdbd;
margin-bottom: unset;
}
p.tbookTitle {
font-size: 1.3rem;
font-weight: bold;
border-bottom: 1px solid;
padding-bottom: 10px;
}
p.freelesson {
text-align: center;
font-size: 1.5rem;
margin-bottom: unset;
font-weight: bold;
line-height: 1;
position: relative;
top: 20px;
}
span.freeSpan {
font-size: 2rem;
color: red;
margin: 0 3px;
}
p.freelesson:after {
content: "\f599";
font-family: "Font Awesome 5 Free";
color: #ffd900;
position: absolute;
top: -10px;
}
.teacherPagefull {
position: relative;
}
ul.bottomBtn {
position: fixed;
bottom: 50px;
z-index: 99999;
}
ul.bottomBtn li {
background: #f9f9f9;
padding: 15px 30px;
box-shadow: 0 4px 5px 0 rgb(0 0 0 / 20%);
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
font-size: 1.5rem;
font-weight: bold;
color: gray;
margin-bottom: 12px;
opacity: .8;
}
ul.bottomBtn li:first-child:before {
content: "\f2bd";
font-family: "Font Awesome 5 Free";
margin-right: 6px;
font-size: 1.6rem;
position: relative;
}
ul.bottomBtn li:last-child:before {
content: "\f044";
font-family: "Font Awesome 5 Free";
margin-right: 6px;
font-size: 1.6rem;
position: relative;
}
.bottomSpace {
height: 150px;
}
ul.priceList {
margin-left: 2rem;
}
ul.priceList li {
line-height: 1;
font-size: 1rem;
font-weight: normal;
}
ul.priceList li:before {
content:unset;
}
ul.freelessonhukidashi {
width: 450px;
margin: auto;
display: flex;
flex-wrap: wrap;
list-style: none;
margin-top: 50px;
}
ul.freelessonhukidashi li {
width: 50%;
}
ul.freelessonhukidashi li img {
width: 200px;
}
ul.freelessonhukidashi li:first-child {
position: relative;
right: -30px;
}
li.balloon3-left {
position: relative;
display: inline-block;
margin: auto;
height: auto;
text-align: center;
color: #FFF;
font-size: 1.3rem;
font-weight: bold;
background: #ffcc75;
border-radius: 50%;
box-sizing: border-box;
left: -20px;
padding: 30px 0px;
width: 150px !important;
line-height: 1.3;
top: -50px;
}
li.balloon3-left:before {
content: "";
position: absolute;
top: 50%;
left: -25px;
margin-top: -15px;
border: 15px solid transparent;
border-right: 15px solid #ffcc75;
z-index: 0;
}
p.lessText {
width: 55%;
margin: auto;
line-height: 1.7;
text-align: center;
}
p.linestamp {
text-align: center;
}
p.linestamp img {
width: 800px;
margin-top: 20px;
}
.etcImg {
width: 800px;
margin: auto;
}
.etcImg figcaption {
color: black !important;
font-size: 1rem !important;
font-weight: bold;
}
.etcImg figcaption:before {
content: "◎";
margin-right: 5px;
}
#dekki-appeal {
position: fixed;
bottom: 0;
z-index: 99999999999999;
background: #ffdd00;
width: 102%;
margin-left: -5%;
text-align: center;
transition: .5s;
line-height: .1;
padding-bottom: 10px;
}
.hide {
transform: translateY(100%);
}
div#dekki-appeal p {
font-size: 1rem;
font-weight: bold;
margin-bottom: 0;
color: black;
}
p.manzoku {
margin-top: 10px;
color: #ff8100 !important;
font-size: .8rem !important;
}
div#dekki-appeal p img {
width: 70px;
margin-bottom: 5px;
}
div#dekki-appeal a {
margin-left: 8px;
color: black;
border: unset;
}
div#dekki-box a {
color: #fff;
border: unset;
}
div#dekki-appeal a:hover{
color:blue;
}
div#dekki-box a:hover{
color:blue;
}
div#dekki-box {
border: 1px solid #e2e2e2;
padding: 15px;
text-align: center;
position: relative;
}
p.dekiB-tle {
font-size: 1.2rem !important;
font-weight: bold;
color: #818181;
margin-bottom: 10px;
} div#dekki-box p {
font-size: .7rem;
margin-top: 15px;
}
p.dekiboxDetail {
font-size: .8rem !important;
background-color: #ff9bad;
color: #fff;
font-weight: bold;
padding: 8px;
}
a.accordionLink {
text-decoration: underline;
color: blue;
}
.relArtcle-list {
overflow-x: auto;
margin-bottom: 50px;
}
ul.relUl {
width: 1200px;
margin: 0 auto 2px;
list-style: none;
display: flex;
padding-left: 0!important;
}
ul.relUl li {
margin-right: 5px;
line-height: 1em;
position: relative;
margin-left: 5px;
width: 200px;
text-align: center;
}
.relArImg img {
height: 200px;
width: 100%;
object-fit: cover;
}
ul.relUl p {
margin-top: 10px;
line-height: 1.3;
text-align: left;
}
.single .addtoany_shortcode {
margin-top: 30px;
}
p.pplAtc {
margin-top: 30px;
font-size: 120%;
font-weight: bold;
padding-left: 10px;
}
ul.relUl li a {
border: unset;
}
.single a.shiny-btn2 {
color: #fff !important;
}
.iframeBox2 {
text-align: center;
background: gainsboro;
padding: 2%;
font-size: .8rem;
font-weight: bold;
margin: 20px auto;
}
.dramaQA dl dt:before {
content: "Q. ";
color: gray;
}
.dramaQA dl dt {
border-bottom: 1px dotted #bfbfbf;
}
.dramaQA dl dd:before {
content: "A. ";
font-weight: bold;
color: gray;
}
.dramaQA dl dd {
margin-bottom: 20px;
padding-top: 10px;
}
.lwptoc_i {
width: 100%;
position: relative;
}
.lwptoc_header {
position: relative;
}
.lwptoc_toggle:before {
content: '' !important;
}
.lwptoc_toggle:after {
content: '' !important;
}
a.lwptoc_toggle_label {
position: absolute;
right: 0px;
font-size: .8rem;
color: #fff !important;
background: #a3a3a3;
padding: 3px 5px;
top: 10px;
}
.lwptoc_item {
line-height: 2.3;
}
span.lwptoc_item_number {
position: relative;
color: #ffacac;
}
span.lwptoc_item_number:after {
content: '' !important;
position: absolute;
top: 0px;
left: 18px;
right: auto;
bottom: auto;
height: 18px;
width: 2px;
border-radius: 1px;
background-color: #ffacac;
}
span.lwptoc_item_label {
margin-left: 15px;
}
ul.lwptoc_itemWrap li ul li .lwptoc_item_number {
display: none !important;
}
ul.lwptoc_itemWrap li ul li .lwptoc_item_label:before {
content: "●";
color: gray;
margin-right: 5px;
}
.pcAdBox {
width: 100%;
display: inline-flex;
flex-wrap: wrap;
text-align: center;
}
div#div-gpt-ad-1682650921903-0 {
width: 48%;
margin: 1%;
}
div#div-gpt-ad-1687505668657-0 {
width: 48%;
margin: 1%;
}
div#div-gpt-ad-1682650980472-0 {
width: 48%;
margin: 1%;
}
div#div-gpt-ad-1687505609039-0 {
width: 48%;
margin: 1%;
}
div#div-gpt-ad-1682651040539-0 {
width: 48%;
margin: 1%;
}
div#div-gpt-ad-1687505489899-0 {
width: 48%;
margin: 1%;
}
.brandBox {
text-align: center;
background: #ebebeb;
padding: 100px 0;
}
ul.brandList {
list-style: none;
margin-left: 0;
display: inline-flex;
flex-wrap: wrap;
width: 90%;
}
ul.brandList li {
width: 23%;
margin: 1%;
}
.brandImg {
background: #fff;
height: 180px;
position: relative;
border-radius: 15px;
box-shadow: 0.3rem 0.3rem 0.6rem rgba(0,0,0,.03);
transition: all .3s linear;
}
.brandImg img {
width: 160px;
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
}
p.brandP {
width: 80%;
margin: auto;
margin-bottom: 50px;
}
.brandBox h2 {
font-size: 2.5rem;
line-height: 1;
margin-bottom: 30px;
}
span.newsSpan {
font-size: 1.2rem;
}
.brandShosai {
text-align: left;
}
.brandShosai h3 {
margin-top: 15px;
}
.single .brandShosai h3 {
margin-top: 15px;
padding: unset;
border: none;
background: unset;
margin-bottom: .5em;
}
.brandShosai h3 i {
font-size: 80%;
margin-left: 10px;
color: gray;
}
.brandShosai p {
font-size: 85%;
}
a.brandlink:hover .brandImg {
background: #ebebeb;
}
.footerBox {
padding: 2% 10%;
background: #fff;
display: inline-flex;
flex-wrap: wrap;
width: 100%;
}
.aboutus {
width: 60%;
padding: 30px;
}
.aboutus ul {
list-style: none;
margin: 0 0 1.5em 1.5em;
}
.linkBox {
width: 40%;
border-left: 1px solid #b7b7b7;
padding: 0px 30px;
}
.linkBox ul {
list-style: none;
margin: 0 0 1.5em 1.5em;
}
ul.site-sns2 {
display: inline-flex;
margin-left: 0;
flex-wrap: wrap;
}
ul.site-sns2 li {
margin-right: 15px;
}
span.aboutHead {
font-weight: bold;
margin-right: 15px;
}
.questionP {
text-align: center;
border-bottom: 1px solid #ec3b3b;
padding-bottom: 5px;
margin-bottom: 30px;
font-size: 1.2rem;
font-weight: bold;
color: #ec3b3b;
}
.answerP {
text-align: center;
border-bottom: 1px solid #ec3b3b;
padding-bottom: 5px;
margin-bottom: 30px;
font-size: 1.2rem;
font-weight: bold;
color: #ec3b3b;
}
div#wide-nav {
max-width: 1170px !important;
margin: auto !important;
}
@media only screen and (min-width: 1700px) {
ul.studentVoice li {
height: max-content;;
}
} @media only screen and (max-width: 640px) { .flickity-viewport {
max-height: 300px !important;
}
.box {
margin: 0px auto;
}
.topbox3 .box {
display: flex;
padding: 5px;
}
.topbox3 .box-image {
width: 50%;
}
.topbox3 .image-cover {
height: 100%;
}
.topbox3 .col.post-item {
padding: 0px 15px;
}
span.post-date-day {
font-size: 0.8rem !important;
}
span.post-date-month.is-xsmall {
font-size: .5rem !important;
}
.badge.post-date {
top: 1% !important;
}
.badge.top {
left: -1% !important;
}
.badge {
height: 2em !important;
width: 2em !important;
}
.topbox3 {
margin-bottom: 30px;
}
.scprofile {
margin: 1.5rem 0;
}
.appBox {
width: 100%;
padding: .2rem;
}
.appdes3 {
display: inline-block;
text-align: center;
width: 100%;
margin-top: 20px;
}
ul.appdes li:first-child {
width: 50%;
margin: unset;
}
ul.appdes li:last-child {
width: 60%;
}
.appdes3 img {
margin: .1rem;
width: 47%;
}
ul.appdes li:first-child img {
height: 150px;
}
.af-photo img {
width: 150px;
height: 150px;
}
.af-book {
padding: 10px;
}
p.parkTeach {
font-size: 1rem;
}
ul.af-feature {
margin-bottom: 20px;
}
.af-teacher {
padding: 20px 25px;
}
p.af-amabtn {
width: 100%;
}
p.af-rakbtn {
width: 100%;
}
.ngg-galleryoverview.default-view .ngg-gallery-thumbnail-box {
width: 47.5%;
margin: 1.2%;
height: 120px;
}
.aff-box {
text-align: center;
border: 2px dotted #ff9bad;
padding: 15px;
position: relative; padding-top: 20px;
}
.tcInfo {
width: 90%;
}
.tcArea {
width: 100%;
}
p.tcName {
font-size: 1.3rem;
width: 90%;
}
span.tcSpan {
font-size: .8rem;
}
.tcArea h3 {
font-size: 2rem;
}
.d-demo__item {
width: calc(400vw / 4);
}
.d-demo__item > img {
height: 200px;
}
h3.lineH3 {
font-size: 2rem;
width: 90%;
}
span.lineKoza {
font-size: 1.5rem;
}
ul.tcUl li {
font-size: 1rem;
}
ul.tcUl li:before {
font-size: 1rem;
}
h3.tcChoise {
font-size: 1.19rem;
}
ul.choiseList {
width: 100%;
}
ul.choiseList li {
font-size: 1rem;
}
.voiceScroll {
overflow-x: auto;
margin-bottom: 50px;
padding-bottom: 30px;
}
ul.studentVoice {
width: 1000px;
margin: 0 auto 2px;
list-style: none;
display: flex;
padding-left: 0!important;
margin-top: 30px;
}
ul.studentVoice li {
margin-right: 5px;
line-height: 1em;
position: relative;
margin-left: 5px;
width: 24%;
text-align: center;
padding: 10px;
border: 3px solid #ffcf00;
position: relative;
padding-top: 40px;
}
ul.bottomBtn {
bottom: 0px;
}
ul.bottomBtn li {
padding: 10px;
font-size: .8rem;
margin-bottom: 10px;
opacity: .9;
}
ul.bottomBtn li:first-child:before {
font-size: 1rem;
}
ul.bottomBtn li:first-child:before {
font-size: 1rem;
}
h3.lineH3 img {
width: 100px;
margin-bottom: 10px !important;
margin-right: 0px;
}
.iframeBox {
padding: 10px;
}
.iframeBox img {
position: absolute;
top: -40px;
left: 20px;
width: 80px;
}
ol.lproOl {
width: 95%;
}
ol.lproOl li {
font-size: .8rem;
}
span.lproCau {
font-size: .8rem;
left: 5px;
top: 10px;
}
ol.lproOl li:first-child:before {
padding: 1px 6px;
margin-right: 5px;
}
ol.lproOl li:nth-child(2):before {
padding: 1px 6px;
margin-right: 5px;
}
ol.lproOl li:nth-child(3):before {
padding: 1px 6px;
margin-right: 5px;
}
ol.lproOl li:nth-child(4):before {
padding: 1px 6px;
margin-right: 5px;
}
ol.lproOl li:last-child:before {
padding: 1px 6px;
margin-right: 5px;
}
.lessonText {
width: 100%;
padding: 20px 15px;
}
.lessonText img {
width: 150px;
height: 150px;
}
p.tbookTitle {
font-size: 1rem;
}
ul.tcUl2 li {
font-size: .9rem;
}
ul.tcUl2 li:before {
font-size: 1rem;
top: 0px;
}
ul.nonText {
width: 95%;
margin-top: 20px;
font-size: .8rem;
}
ul.commentReason {
width: 95%;
display: block;
}
ul.commentReason li {
width: auto;
}
ul.commentReason li p {
font-size: .8rem;
}
p.freelesson {
font-size: 1rem;
}
.shiny-btn2 {
width: 90%;
}
ul.bottomBtn li:last-child:before {
font-size: 1rem;
}
ul.freelessonhukidashi {
width: 300px;
}
p.lessText {
width: 90%;
}
li.balloon3-left {r;
font-size: 1rem;
left: 0px;
padding: 30px 0px;
width: 100px !important;
}
.etcImg {
width: 100%;
margin: auto;
}
ul.relUl li {
width: 120px;
}
.relArImg img {
height: 120px;
}
ul.relUl p {
font-size: 80%;
}
ul.relUl {
width: 700px;
}
a.lwptoc_toggle_label {
top: 0px;
}
.single ul.studentVoice li {
width: 24%;
}
.brandBox h2 {
font-size: 2rem;
line-height: 1.1;
}
ul.brandList li {
width: 48%;
}
.brandBox {
padding: 10px 0;
padding-top: 60px;
}
.linkBox {
width: 100%;
border: unset;
text-align: center;
padding: 0;
}
ul.linkPage {
display: block;
margin: unset;
width: 100%;
text-align: left;
padding: 0 10px;
}
ul.linkPage li {
width: 100%;
margin: 1%;
line-height: 1.5;
margin-bottom: 15px;
padding-bottom: 5px;
padding-left: 5px;
}
.aboutus {
width: 100%;
margin-top: 30px;
background: gainsboro;
padding: 20px 5px;
}
.aboutus ul {
list-style: none;
margin: 5px 10px;
}
.aboutus ul li {
font-size: 80% !important;
}
img.wpp-thumbnail.wpp_featured.wpp_cached_thumb {
width: 100%;
}
}
 #kboard_media_background { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: black; z-index: 99999; }
#kboard_media_wrapper { position: fixed; overflow: auto; -webkit-overflow-scrolling: touch; z-index: 99999; }
#kboard_media_wrapper iframe { display: block; margin: 0; border: 0; width: 100%; height: 100%; }
 a.kboard-default-button-small,
input.kboard-default-button-small,
button.kboard-default-button-small { position: relative; display: inline-block; *display: inline; zoom: 1; margin: 0; padding: 0 10px; width: auto; height: 28px; line-height: 28px; font-size: 14px; font-weight: normal; letter-spacing: normal; color: #545861 !important; background: #eaeaea !important; border: none; border-radius: 0; text-decoration: none !important; cursor: pointer; vertical-align: middle; text-shadow: none; box-shadow: none; transition-duration: 0.3s; box-sizing: content-box; }
a.kboard-default-button-small:hover,
a.kboard-default-button-small:focus,
a.kboard-default-button-small:active,
input.kboard-default-button-small:hover,
input.kboard-default-button-small:focus,
input.kboard-default-button-small:active,
button.kboard-default-button-small:hover,
button.kboard-default-button-small:focus,
button.kboard-default-button-small:active { opacity: 0.7; }
.kboard-default-poweredby { float: left; padding-bottom: 15px; width: 100%; font-size: 14px; }
.kboard-default-new-notify { display: inline-block; *display: inline; zoom: 1; padding: 2px 2px; line-height: 10px; font-size: 10px; color: white; background-color: #f61b5d; font-weight: normal; }
.kboard-default-cut-strings { width: auto; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-wrap: normal; }
#kboard-default-list { display: inline-block; *display: inline; zoom: 1; margin: 0; width: 100%; }
#kboard-default-list form { margin: 0; padding: 0; }
#kboard-default-list .kboard-list-header { float: left; display: table; padding-bottom: 15px; width: 100%; }
#kboard-default-list .kboard-list-header .kboard-total-count { *float: left; display: table-cell; font-size: 14px; }
#kboard-default-list .kboard-list-header .kboard-sort { *float: right; display: table-cell; text-align: right; }
#kboard-default-list .kboard-list-header .kboard-sort select { display: inline; margin: 0; padding: 0; width: auto; min-width: 0; max-width: none; height: 26px; min-height: 0; line-height: 26px; font-size: 13px; color: #666666; border-radius: 0; border: 1px solid #f1f1f1; background: white; vertical-align: middle; box-shadow: none; box-sizing: content-box; text-indent: 0; -webkit-appearance: menulist; -moz-appearance: menulist; appearance: menulist; }
#kboard-default-list .kboard-category { float: left; padding-bottom: 15px; width: 100%; }
#kboard-default-list .kboard-category.category-mobile { display: none; }
#kboard-default-list .kboard-category.category-pc { display: block; }
#kboard-default-list .kboard-category select { display: inline; margin: 0 0 5px 0; padding: 0; width: 100%; min-width: 100%; height: 28px; min-height: 0; line-height: 28px; font-size: 13px; color: #666666; border-radius: 0; border: 1px solid #f1f1f1; background: white; vertical-align: middle; box-shadow: none; box-sizing: border-box; text-indent: 0; -webkit-appearance: menulist; -moz-appearance: menulist; appearance: menulist; }
#kboard-default-list .kboard-category .kboard-category-list { margin: 0 0 5px 0; padding: 0; list-style: none; border: 0; background-color: #f9f9f9; overflow: hidden; }
#kboard-default-list .kboard-category .kboard-category-list li { display: inline-block; *display: inline; zoom: 1; margin: 0; padding: 0 5px; border: 0; list-style: none; }
#kboard-default-list .kboard-category .kboard-category-list li::before,
#kboard-default-list .kboard-category .kboard-category-list li::after { display: none; }
#kboard-default-list .kboard-category .kboard-category-list li a { display: block; padding: 10px 10px 8px 10px; font-size: 14px; border: 0; border-bottom: 2px solid transparent; text-decoration: none; text-shadow: none; box-shadow: none; color: #515151; }
#kboard-default-list .kboard-category .kboard-category-list li.kboard-category-selected a { font-weight: bold; border-bottom: 2px solid #545861; color: #545861; }
#kboard-default-list .kboard-tree-category-wrap { overflow: hidden; }
#kboard-default-list .kboard-tree-category-wrap select { display: inline; margin: 0 0 5px 0; padding: 0; width: 100%; height: 28px; line-height: 28px; font-size: 13px; color: #666666; border-radius: 0; border: 1px solid #f1f1f1; background: white; vertical-align: middle; box-shadow: none; box-sizing: border-box; text-indent: 0; -webkit-appearance: menulist; -moz-appearance: menulist; appearance: menulist; }
#kboard-default-list .kboard-tree-category-search .kboard-search-option-wrap.type-select { width: auto; }
#kboard-default-list .kboard-tree-category-search .kboard-search-option-wrap.type-tab { width: 100%; }
#kboard-default-list .kboard-tree-category { float: left; margin: 0 0 5px 0; padding: 0; width: 100%; list-style: none; border: 0; background-color: #f9f9f9; overflow: hidden; }
#kboard-default-list .kboard-tree-category li { display: inline-block; *display: inline; zoom: 1; margin: 0; padding: 0 5px; border: 0; list-style: none; }
#kboard-default-list .kboard-tree-category li::before,
#kboard-default-list .kboard-tree-category li::after { display: none; }
#kboard-default-list .kboard-tree-category li a { display: block; padding: 10px 10px 8px 10px; font-size: 14px; border: 0; border-bottom: 2px solid transparent; text-decoration: none; text-shadow: none; box-shadow: none; color: #515151; }
#kboard-default-list .kboard-tree-category li.kboard-category-selected a { font-weight: bold; border-bottom: 2px solid #545861; color: #545861; }
#kboard-default-list .kboard-tree-category-search { float: left; width: 100%; }
#kboard-default-list .kboard-tree-category-search .kboard-search-option-wrap { margin-right: 5px; float: left; }
#kboard-default-list .kboard-list { float: left; width: 100%; background-color: white; }
#kboard-default-list .kboard-list table { display: table; table-layout: fixed; margin: 0; padding: 0; width: 100%; border: 0; font-size: 14px; border-collapse: collapse; }
#kboard-default-list .kboard-list table a { color: black; font-weight: normal; text-decoration: none; border: 0; box-shadow: none; font-size: 14px; }
#kboard-default-list .kboard-list table tr { border: 0; background-color: transparent; transition-duration: 0.3s; }
#kboard-default-list .kboard-list table td { padding: 10px 0; height: auto; text-align: center; vertical-align: middle; font-size: 14px; }
#kboard-default-list .kboard-list table td.kboard-list-uid { width: 72px; }
#kboard-default-list .kboard-list table td.kboard-list-title { width: auto; }
#kboard-default-list .kboard-list table td.kboard-list-user { width: 100px; }
#kboard-default-list .kboard-list table td.kboard-list-date { width: 75px; }
#kboard-default-list .kboard-list table td.kboard-list-vote { width: 55px; }
#kboard-default-list .kboard-list table td.kboard-list-view { width: 55px; }
#kboard-default-list .kboard-list thead { background-color: transparent; }
#kboard-default-list .kboard-list thead tr td { font-weight: bold; color: #545861; border: 0; border-bottom: 2px solid #f1f1f1; }
#kboard-default-list .kboard-list tbody tr td { word-break: break-all; border: 0; border-bottom: 1px solid #f1f1f1; }
#kboard-default-list .kboard-list tbody tr:hover { background-color: #f7f7f7; }
#kboard-default-list .kboard-list tbody tr.kboard-list-notice { background-color: #f4f4f4; }
#kboard-default-list .kboard-list tbody tr.kboard-list-popular  .kboard-list-uid { font-weight: bold; }
#kboard-default-list .kboard-list tbody tr.kboard-list-selected .kboard-default-cut-strings { font-weight: bold; }
#kboard-default-list .kboard-list tbody td.kboard-list-title { text-align: left; }
#kboard-default-list .kboard-list tbody td.kboard-list-title img { display: inline; margin: 0; width: auto; height: auto; vertical-align: middle; max-width: 100%; }
#kboard-default-list .kboard-list tbody td.kboard-list-title .kboard-comments-count { color: #00a8e7; }
#kboard-default-list .kboard-list tbody td.kboard-list-user img.avatar { display: inline; margin: 0; width: 24px; max-width: none; height: 24px; vertical-align: middle; border-radius: 50%; }
#kboard-default-list .kboard-list .kboard-mobile-contents { display: none; font-size: 13px; color: #999999; }
#kboard-default-list .kboard-list .kboard-mobile-contents .contents-item { display: inline; margin: 0; padding: 0; }
#kboard-default-list .kboard-list .kboard-mobile-contents .contents-item img.avatar { display: inline; margin: 0; width: 24px; max-width: none; height: 24px; vertical-align: middle; border-radius: 50%; }
#kboard-default-list .kboard-list .kboard-mobile-contents .contents-separator { display: inline; margin: 0; padding: 0 2px; color: #bebebe; }
#kboard-default-list .kboard-pagination { float: left; padding: 15px 0; width: 100%; }
#kboard-default-list .kboard-pagination .kboard-pagination-pages { float: left; margin: 0; padding: 0; width: 100%; list-style: none; text-align: center; border: 0; }
#kboard-default-list .kboard-pagination .kboard-pagination-pages li { display: inline-block; *display: inline; zoom: 1; margin: 0; padding: 0 1px; background: none; border: 0; list-style: none; }
#kboard-default-list .kboard-pagination .kboard-pagination-pages li a { display: block; margin: 0; padding: 0 11px; height: 28px; line-height: 28px; font-size: 14px; color: #999999; text-decoration: none; border: 0; background-color: #f9f9f9; box-shadow: none; transition-duration: 0.3s; }
#kboard-default-list .kboard-pagination .kboard-pagination-pages li:hover a,
#kboard-default-list .kboard-pagination .kboard-pagination-pages li.active a { border: 0; color: #545861; background-color: #eaeaea; }
#kboard-default-list .kboard-pagination .kboard-pagination-pages li:before { display: none; }
#kboard-default-list .kboard-pagination .kboard-pagination-pages li:after { display: none; }
#kboard-default-list .kboard-search { float: left; padding-bottom: 15px; width: 100%; text-align: center; }
#kboard-default-list .kboard-search select { display: inline; margin: 0; padding: 0 5px; width: 100px; min-width: 0; max-width: 100px; height: 26px; min-height: 0; font-size: 14px; color: #666666; border-radius: 0; border: 1px solid #f1f1f1; background: none; background-color: white; line-height: 26px; vertical-align: middle; box-shadow: none; box-sizing: content-box; -webkit-appearance: menulist; -moz-appearance: menulist; appearance: menulist; }
#kboard-default-list .kboard-search input { display: inline; margin: 0; padding: 0 5px; width: 200px; min-width: 0; max-width: 200px; height: 26px; min-height: 0; font-size: 14px; color: #666666; border-radius: 0; border: 1px solid #f1f1f1; background: none; background-color: white; line-height: 26px; vertical-align: middle; box-shadow: none; box-sizing: content-box; }
#kboard-default-list .kboard-control { float: left; padding-bottom: 15px; width: 100%; text-align: right; }
#kboard-default-editor { overflow: hidden; }
#kboard-default-editor form { margin: 0; padding: 0; }
#kboard-default-editor select { display: inline; margin: 0; padding: 0 5px; font-size: 14px; width: 30%; height: 28px; line-height: 28px; color: #666666; border-radius: 0; border: 0; border-bottom: 1px solid #dcdcdc; box-shadow: none; background: none; background-color: transparent; box-sizing: content-box; vertical-align: middle; text-indent: 0; -webkit-appearance: menulist; -moz-appearance: menulist; appearance: menulist; }
#kboard-default-editor input[type=text],
#kboard-default-editor input[type=email],
#kboard-default-editor input[type=number],
#kboard-default-editor input[type=date],
#kboard-default-editor input[type=password] { display: inline; margin: 0; padding: 0 5px; width: 30%; height: 28px; line-height: 28px; font-size: 14px; color: #666666; border-radius: 0; border: 0; border-bottom: 1px solid #dcdcdc; box-shadow: none; background: none; background-color: transparent; box-sizing: content-box; vertical-align: middle; }
#kboard-default-editor input[type=checkbox] { width: auto; -webkit-appearance: checkbox; -moz-appearance: checkbox; appearance: checkbox; }
#kboard-default-editor input[type=radio] { width: auto; -webkit-appearance: radio; -moz-appearance: radio; appearance: radio; }
#kboard-default-editor select:hover,
#kboard-default-editor input[type=text]:hover,
#kboard-default-editor input[type=email]:hover,
#kboard-default-editor input[type=number]:hover,
#kboard-default-editor input[type=date]:hover,
#kboard-default-editor input[type=password]:hover { border-bottom: 1px solid #9e9e9e; }
#kboard-default-editor select:focus,
#kboard-default-editor input[type=text]:focus,
#kboard-default-editor input[type=email]:focus,
#kboard-default-editor input[type=number]:focus,
#kboard-default-editor input[type=date]:focus,
#kboard-default-editor input[type=password]:focus { border-bottom: 2px solid #9e9e9e; }
#kboard-default-editor input[type=file] { display: inline; margin: 0; padding: 0; width: 30%; font-size: 13px; color: #666666; border-radius: 0; border: 0; box-shadow: none; background-color: transparent; }
#kboard-default-editor .kboard-attr-title input { width: 70%; }
#kboard-default-editor .kboard-attr-row { float: left; padding: 5px 0; width: 100%; background-color: white; }
#kboard-default-editor .kboard-attr-row .attr-name { display: inline; float: left; margin: 0; padding: 0 10px 0 10px; width: 120px; line-height: 30px; color: #545861; font-size: 14px; font-weight: bold; }
#kboard-default-editor .kboard-attr-row .attr-name img { display: inline; margin: 0; padding: 0; width: auto; max-width: 100%; vertical-align: middle; }
#kboard-default-editor .kboard-attr-row .attr-name .attr-required-text { color: red; font-weight: normal; font-size: 13px; }
#kboard-default-editor .kboard-attr-row.kboard-attr-content .attr-name { display: none; }
#kboard-default-editor .kboard-attr-row .attr-value { margin: 0 0 0 140px; padding: 0; line-height: 30px; font-size: 14px; }
#kboard-default-editor .kboard-attr-row .attr-value .attr-value-option { display: inline; padding-right: 20px; width: auto; font-size: 14px; cursor: pointer; }
#kboard-default-editor .kboard-attr-row .attr-value .attr-value-option input { cursor: pointer; }
#kboard-default-editor .kboard-attr-row .attr-value .attr-value-label { display: inline; padding-right: 5px; width: auto; cursor: pointer; }
#kboard-default-editor .kboard-attr-row .attr-value .attr-value-label input { cursor: pointer; }
#kboard-default-editor .kboard-attr-row .attr-value .description { margin: 0; color: #666666; }
#kboard-default-editor .kboard-attr-row .attr-value .kboard-tree-category-wrap { float: left; width: 100%; }
#kboard-default-editor .kboard-attr-row .attr-value .kboard-tree-category-wrap select { clear: both; float: left; margin-bottom: 5px; width: 30%; }
#kboard-default-editor .kboard-content { float: left; margin: 0; padding: 9px 0; width: 100%; background-color: white; }
#kboard-default-editor .kboard-content .editor-textarea { display: inline; margin: 0; padding: 5px; width: 100%; min-width: 100%; max-width: 100%; height: 250px; min-height: 0; font-size: 14px; border: 1px solid #dcdcdc; box-shadow: none; background: none; background-color: transparent; box-sizing: border-box; text-indent: 0; }
#kboard-default-editor .kboard-control { float: left; padding: 15px 0; width: 100%; }
#kboard-default-editor .kboard-control .left { position: static; float: left; }
#kboard-default-editor .kboard-control .right { position: static; float: right; width: 50%; text-align: right; }
#kboard-default-editor.confirm { margin: 100px auto; max-width: 590px; }
#kboard-default-editor.confirm input[type=password] { width: 100%; box-sizing: border-box; }
#kboard-default-document { display: inline-block; *display: inline; zoom: 1; margin: 0; width: 100%; }
#kboard-default-document .kboard-document-wrap { float: left; width: 100%; background-color: white; }
#kboard-default-document .kboard-title { float: left; width: 100%; }
#kboard-default-document .kboard-title h1 { margin: 0; padding: 12px 22px; color: #545861; font-weight: bold; font-size: 22px; line-height: 30px; text-align: left; }
#kboard-default-document .kboard-detail { clear: both; float: left; width: 100%; border-top: 1px solid #f1f1f1; border-bottom: 1px solid #f1f1f1; background-color: #f9f9f9; font-size: 14px; }
#kboard-default-document .kboard-detail .detail-attr { display: inline-block; *display: inline; zoom: 1; float: left; margin: 0; padding: 12px 35px 12px 22px; }
#kboard-default-document .kboard-detail .detail-attr .detail-name { float: left; font-weight: bold; color: #545861; text-align: right; }
#kboard-default-document .kboard-detail .detail-attr .detail-value { float: left; padding-left: 20px; color: #545861; }
#kboard-default-document .kboard-detail .detail-attr .detail-value a { color: #545861; text-decoration: none; border: 0; box-shadow: none; }
#kboard-default-document .kboard-detail .detail-attr .detail-value img.avatar { display: inline; margin: 0; width: 24px; max-width: none; height: 24px; vertical-align: middle; border-radius: 50%; }
#kboard-default-document .kboard-content { clear: both; float: left; width: 100%; min-height: 200px; }
#kboard-default-document .kboard-content .content-view { margin: 0; padding: 22px; word-break: break-all; }
#kboard-default-document .kboard-content .content-view iframe { max-width: 100%; }
#kboard-default-document .kboard-content .content-view img { display: inline; margin: 0; vertical-align: middle; max-width: 100%; }
#kboard-default-document .kboard-content .content-view hr { margin: 10px 0; padding: 0; height: 1px; border: 0; background-color: #f1f1f1; }
#kboard-default-document .kboard-content .content-view ul { margin: 0.75em 0; }
#kboard-default-document .kboard-content .content-view ol { margin: 0.75em 0; }
#kboard-default-document .kboard-content .content-view p { margin: 0 0 0.75em; }
#kboard-default-document .kboard-content .content-view p:last-child { margin: 0; }
#kboard-default-document .kboard-content .content-view .thumbnail-area { text-align: center; }
#kboard-default-document .kboard-content .content-view .aligncenter { display: block; margin-right: auto; margin-left: auto; }
#kboard-default-document .kboard-content .content-view .alignright { float:right; }
#kboard-default-document .kboard-content .content-view .alignleft { float: left; }
#kboard-default-document .kboard-document-action { padding: 0 22px 5px 22px; overflow: hidden; line-height: 1; }
#kboard-default-document .kboard-document-action .left { position: static; float: left; }
#kboard-default-document .kboard-document-action .right { position: static; float: right; text-align: right; }
#kboard-default-document .kboard-attach { clear: both; margin: 0 22px; padding: 10px 0 5px 0; font-size: 13px; overflow: hidden; line-height: 1; border-top: 1px dashed #ededed; }
#kboard-default-document .kboard-button-action { margin: 0 0 5px 0; padding: 4px 5px; font-size: 13px; font-weight: normal; line-height: 12px; text-align: left; border: 1px solid #ededed; background: none; background-color: white; border-radius: 2px; letter-spacing: normal; cursor: pointer; vertical-align: middle; text-shadow: none; box-shadow: none; }
#kboard-default-document .kboard-button-action span { position: static; display: inline; margin: 0; padding: 0; font-size: 13px; line-height: 12px; }
#kboard-default-document .kboard-button-like { color: #ff5959; }
#kboard-default-document .kboard-button-unlike { color: #3d62aa; }
#kboard-default-document .kboard-button-print { color: gray; }
#kboard-default-document .kboard-button-download { color: gray; }
#kboard-default-document .kboard-comments-area { float: left; width: 100%; }
#kboard-default-document .kboard-document-navi { float: left; padding-top: 15px; width: 100%; }
#kboard-default-document .kboard-document-navi a { display: block; text-decoration: none; border: 0; font-size: 14px; line-height: 20px; box-shadow: none; color: #545861; transition-duration: .3s; }
#kboard-default-document .kboard-document-navi .navi-document-title { display: block; }
#kboard-default-document .kboard-document-navi .navi-arrow { position: absolute; display: block; }
#kboard-default-document .kboard-document-navi .kboard-prev-document { position: relative; float: left; width: 45%; }
#kboard-default-document .kboard-document-navi .kboard-prev-document .navi-document-title { padding-left: 15px; }
#kboard-default-document .kboard-document-navi .kboard-prev-document .navi-arrow { left: 0; top: 0; }
#kboard-default-document .kboard-document-navi .kboard-prev-document:hover a { color: black; }
#kboard-default-document .kboard-document-navi .kboard-next-document { position: relative; float: right; width: 45%; text-align: right; }
#kboard-default-document .kboard-document-navi .kboard-next-document .navi-document-title { padding-right: 15px; }
#kboard-default-document .kboard-document-navi .kboard-next-document .navi-arrow { right: 0; top: 0; }
#kboard-default-document .kboard-document-navi .kboard-next-document:hover a { color: black; }
#kboard-default-document .kboard-control { float: left; padding: 15px 0;  width: 100%; }
#kboard-default-document .kboard-control .left { position: static; float: left; }
#kboard-default-document .kboard-control .right { position: static; float: right; text-align: right; }
#kboard-default-latest table { display: table; table-layout: fixed; width: 100%; border: 0; border-bottom: 1px solid #f1f1f1; }
#kboard-default-latest table tr { padding: 0; border: 0; }
#kboard-default-latest table th { padding: 5px 0; height: auto; border: 0; text-align: center; }
#kboard-default-latest table td { padding: 5px 0; height: auto; border: 0; border-top: 1px solid #f1f1f1; vertical-align: middle; }
#kboard-default-latest table td.kboard-latest-title { text-align: left; }
#kboard-default-latest table .kboard-latest-title { padding-left: 5px; font-size: 14px; }
#kboard-default-latest table .kboard-latest-title a { text-decoration: none; box-shadow: none; }
#kboard-default-latest table .kboard-latest-title img { display: inline; margin: 0; width: auto; height: auto; vertical-align: middle; max-width: 100%; }
#kboard-default-latest table .kboard-latest-title .kboard-comments-count { }
#kboard-default-latest table .kboard-latest-date { width: 80px; text-align: center; font-size: 14px; }
@media screen and (max-width: 600px) {
#kboard-default-list .kboard-category.category-mobile { display: block; }
#kboard-default-list .kboard-category.category-pc { display: none; }
#kboard-default-list .kboard-tree-category-search .kboard-search-option-wrap.select { width: 100%; }
#kboard-default-list .kboard-list table { border-top: 1px solid #f1f1f1; }
#kboard-default-list .kboard-list table thead { display: none; }
#kboard-default-list .kboard-list table td.kboard-list-title { padding: 10px 5px; }
#kboard-default-list .kboard-list table td.kboard-list-title .kboard-default-cut-strings { margin-bottom: 10px; white-space: normal; font-size: 15px; line-height: 23px; }
#kboard-default-list .kboard-list table td.kboard-list-uid,
#kboard-default-list .kboard-list table td.kboard-list-user,
#kboard-default-list .kboard-list table td.kboard-list-date,
#kboard-default-list .kboard-list table td.kboard-list-vote,
#kboard-default-list .kboard-list table td.kboard-list-view { display: none; }
#kboard-default-list .kboard-list .kboard-mobile-contents { display: block; }
#kboard-default-list .kboard-pagination .kboard-pagination-pages li { display: none; }
#kboard-default-list .kboard-pagination .kboard-pagination-pages li.first-page,
#kboard-default-list .kboard-pagination .kboard-pagination-pages li.last-page,
#kboard-default-list .kboard-pagination .kboard-pagination-pages li.prev-page,
#kboard-default-list .kboard-pagination .kboard-pagination-pages li.next-page,
#kboard-default-list .kboard-pagination .kboard-pagination-pages li.active { display: inline-block; }
#kboard-default-list .kboard-pagination .kboard-pagination-pages li.prev-page a,
#kboard-default-list .kboard-pagination .kboard-pagination-pages li.next-page a { padding: 0 18px; }
#kboard-default-list .kboard-search select { float: left; margin-right: 1%; width: 29%; min-width: 29%; height: 28px; line-height: 28px; box-sizing: border-box; }
#kboard-default-list .kboard-search input { float: left; margin-right: 1%; width: 49%; min-width: 49%; height: 28px; line-height: 28px; box-sizing: border-box; }
#kboard-default-list .kboard-search button { float: left; width: 20%; min-width: 20%; box-sizing: border-box; }
#kboard-default-editor select,
#kboard-default-editor input[type=text],
#kboard-default-editor input[type=email],
#kboard-default-editor input[type=number],
#kboard-default-editor input[type=date],
#kboard-default-editor input[type=password],
#kboard-default-editor input[type=file] { width: 100% !important; box-sizing: border-box; }
#kboard-default-editor .kboard-attr-row { padding: 10px 0; }
#kboard-default-editor .kboard-attr-row .attr-name { padding: 0; width: 100%; font-size: 14px; }
#kboard-default-editor .kboard-attr-row .attr-value { margin: 0; }
#kboard-default-editor .kboard-attr-row .attr-value .kboard-tree-category-wrap select { margin-bottom: 10px; width: 100%; }
#kboard-default-editor.confirm { max-width: none; }
#kboard-default-document .kboard-title h1 { padding: 10px 5px; font-size: 18px; }
#kboard-default-document .kboard-content .content-view { padding: 10px 5px; }
#kboard-default-document .kboard-detail .detail-attr { clear: both; padding: 10px 5px; line-height: normal; }
#kboard-default-document .kboard-document-action { padding: 10px 5px 5px 5px; }
#kboard-default-document .kboard-attach { margin: 0 5px; padding: 10px 0 5px 0; }
#kboard-default-document .kboard-document-navi .kboard-prev-document { width: 100%; }
#kboard-default-document .kboard-document-navi .kboard-next-document { margin-top: 10px; float: left; width: 100%; text-align: left; }
}