@charset "UTF-8";

/*=========================================================
  layout
=========================================================*/
.is-HeadBannerView .site-content {
    /*padding-top: 222px;*/
    padding-top: 265px;
}

.site-content {
    padding-top: 233px;
}

/*Responsive*/
@media screen and (max-width: 1920px) and (min-width: 1025px) {
    .is-HeadBannerView .site-content {
        padding-top: 16.7375vw;
    }

    .site-content {
        padding-top: 12.325vw;
    }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    .is-HeadBannerView .site-content {
        padding-top: 14.11328vw;
    }

    .site-content {
        padding-top: 8.2515vw;
    }
}

@media screen and (max-width: 767px) and (min-width: 1px) {
    .is-HeadBannerView .site-content {
        padding-top: 26.8698vw;
    }

    .site-content {
        padding-top: 15.666vw;
    }
}


/* =========================================================
	SitePost
=========================================================*/

.SitePost {
    margin-top: 100px;
}


@media screen and (max-width: 1920px) and (min-width: 1025px) {

    .SitePost {
        margin-top: 5.2083vw;
    }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {

    .SitePost {
        margin-top: 9.7656vw;
    }
}

@media screen and (max-width: 767px) and (min-width: 1px) {

    .SitePost {
        margin-top: 23.8095vw;
    }
}


/* =========================================================
	SitePage
=========================================================*/

.is-Scroll .SitePage {
    margin-top: 0;
}

.SitePage {
    margin-top: 160px;
}


@media screen and (max-width: 1920px) and (min-width: 1025px) {

    .SitePage {
        margin-top: 8.3333vw;
    }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {

    .SitePage {
        margin-top: 8.3333vw;
    }
}

@media screen and (max-width: 767px) and (min-width: 1px) {

    .SitePage {
        margin-top: 15.3333vw;
    }
}


/* =========================================================
	헤더 푸터 없음
=========================================================*/
body.bg-grey {
    background-color: #f4f4f4;
}


/*=========================================================
  MainVisual
=========================================================*/
.MainVisual {
    position: relative;
    max-width: 1570px;
    margin: 0 auto;
    padding: 0 60px;
}

.MainVisual-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 92px 0 102px;
}


/* MainVisualLeft
=========================================================*/
.MainVisualLeft {
    position: relative;
    height: 560px;
    flex: 0 0 42.20%;
    /* margin-right:90px; */
}

.MainVisualLeft:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 1000%;
    height: 100%;
    background-color: #F0FDFA;
    z-index: -1;
}

.MainVisualLeft:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 52px;
    height: 52px;
    background-image: url('../image/bg/bg-MainVisualLeft.svg');
    background-size: 52px 52px;
}

.MainVisualLeft-inner {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    /* padding:60px 20px 95px 0; */
    transform: translateY(-50%);
}

.MainVisualLeftTitle {
    color: #191819;
    font-size: 38px;
    font-weight: 500;
    line-height: 1.4em;
    font-family: 'Mbc';
}

.MainVisualLeftCont {
    margin-top: 52px;
}

.MainVisualLeftCont-top {
    margin-bottom: 18px;
    font-size: 0;
    line-height: 0;
}

.MainVisualLeftCont-num {
    display: inline-block;
    color: #460C99;
    font-size: 22px;
    font-weight: 500;
    font-family: 'Mbc';
    line-height: 1.2em;

}

.MainVisualLeftCont-txt {
    display: inline-block;
    margin-left: 5px;
    color: #191819;
    font-size: 14px;
    font-weight: 500;
    font-family: 'Mbc';
    line-height: 1.4em;
}

.MainVisualLeftCont-form {
    max-width: 448px;
}


.MainVisualLeft .MainVisualLeft-inner + .MainVisualLeft-inner {
    display: none;
}


.MainVisualLeft.Subscribed .MainVisualLeft-inner {
    display: block;
}


/* responsive */
@media screen and (max-width: 1920px) and (min-width: 1025px) {
    .MainVisual {
        max-width: 81.7708vw;
        padding: 0 3.125vw;
    }

    .MainVisual-inner {
        padding: 4.79166vw 0 5.3125vw;
    }


    .MainVisualLeft {
        height: 29.16666vw;
    }

    .MainVisualLeft:after {
        width: 2.7083vw;
        height: 2.7083vw;
        background-size: 2.7083vw 2.7083vw;
    }

    .MainVisualLeft-inner {
        /* padding:3.125vw 1.04166vw 4.947916vw 0; */
    }

    .MainVisualLeftTitle {
        font-size: 1.97916vw;
    }

    .MainVisualLeftCont {
        margin-top: 2.70833vw;
    }

    .MainVisualLeftCont-top {
        margin-bottom: 0.9375vw;
    }

    .MainVisualLeftCont-num {
        font-size: 1.145833vw;
    }

    .MainVisualLeftCont-txt {
        margin-left: 0.260416vw;
        font-size: 0.729166vw;
    }

    .MainVisualLeftCont-form {
        max-width: 23.3333vw;
    }


}

@media screen and (max-width: 1371px) and (min-width: 1025px) {
    .MainVisualLeftCont-txt {
        font-size: 10px;
    }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    .MainVisual {
        max-width: 100vw;
        padding: 0 2.6041vw;
    }

    .MainVisual-inner {
        padding: 8.984375vw 0 9.9609vw;
    }


    .MainVisualLeft {
        flex: 0 0 50%;
        height: 54.6875vw;
    }

    .MainVisualLeft:after {
        width: 5.0781vw;
        height: 5.0781vw;
        background-size: 5.0781vw 5.0781vw;
    }

    .MainVisualLeft-inner {
        /* padding:3.85vw 1.953125vw 5.27vw 0; */
    }

    .MainVisualLeftTitle {
        font-size: 3.296875vw;
    }

    .MainVisualLeftCont {
        margin-top: 4.078125vw;
    }

    .MainVisualLeftCont-top {
        margin-bottom: 1.7578125vw;
    }

    .MainVisualLeftCont-num {
        font-size: 2.148437vw;
    }

    .MainVisualLeftCont-txt {
        margin-left: 0.488281vw;
        font-size: 1.36718vw;
    }

    .MainVisualLeftCont-form {
        max-width: 43.75vw;
    }

}

@media screen and (max-width: 767px) and (min-width: 1px) {
    .MainVisual {
        max-width: 100%;
        padding: 0 6.25vw;
    }

    .MainVisual-inner {
        flex-wrap: wrap;
        padding: 10.2555vw 0 13.2985vw;
    }


    .MainVisualLeft {
        order: 2;
        flex: 1;
        height: 110vw;
        margin-right: 0;
        margin-top: 6vw;
    }

    .MainVisualLeft:after {
        width: 6.77966vw;
        height: 6.77966vw;
        right: -6.25vw;
        background-size: 6.77966vw 6.77966vw;
    }

    .MainVisualLeft.Subscribed {
        height: auto;
        padding: 15vw 0;
    }

    .MainVisualLeft-inner {
        /* padding:14.2857vw 0; */
    }

    .MainVisualLeft:before {
        right: auto;
        left: 50%;
        transform: translateX(-50%);
    }

    .MainVisualLeftTitle {
        font-size: 6.3619vw;
    }

    .MainVisualLeftCont {
        margin-top: 7.38095vw;
    }

    .MainVisualLeftCont-top {
        margin-bottom: 4.28571vw;
    }

    .MainVisualLeft-top {
        margin-bottom: 4.2857vw;
    }

    .MainVisualLeftCont-num {
        font-size: 5.23809vw;
    }

    .MainVisualLeftCont-txt {
        margin-left: 1.190476vw;
        font-size: 3.3333vw;
    }

    .MainVisualLeftCont-form {
        max-width: none;
    }

    .MainVisualRight {
        order: 1;
        margin-left: -6.25vw;
        margin-right: -6.25vw;
    }
}


/*=========================================================
  SubscribeForm
=========================================================*/
.SubscribeForm {
    position: relative;
}

.SubscribeFormInput {
    position: relative;
    margin-bottom: 18px;
    padding-right: 29%;
}

.SubscribeFormInput:after {
    content: '';
    display: block;
    clear: both;
}

.SubscribeFormInput-item {
    padding-bottom: 10px;
}

.SubscribeFormInput-item:last-child {
    padding-bottom: 0;
}

.SubscribeFormCheck-item {
    padding-bottom: 10px;
}

.SubscribeFormCheck-item:last-child {
    padding-bottom: 0;
}

.SubscribeFormInput-btn {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 26.78%;
    height: 100%;
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    font-family: 'Mbc';
    line-height: 1.2em;
    text-align: center;
    background-color: #0D0D26;
}

/* responsive */
@media screen and (min-width: 1025px) {
    .SubscribeFormInput-btn:hover {
        color: #191819;
        background-color: #33FFCC;
    }
}


@media screen and (max-width: 1920px) and (min-width: 1025px) {

    .SubscribeFormInput {
        margin-bottom: 0.9375vw;
    }

    .SubscribeFormInput-item {
        padding-bottom: 0.52083vw;
    }

    .SubscribeFormCheck-item {
        padding-bottom: 0.52083vw;
    }

    .SubscribeFormInput-btn {
        font-size: 1.04166vw;
    }

}

@media screen and (max-width: 1024px) and (min-width: 768px) {

    .SubscribeFormInput {
        margin-bottom: 1.7578vw;
        padding-right: 29%;
    }

    .SubscribeFormInput-item {
        padding-bottom: 0.97656vw;
    }

    .SubscribeFormCheck-item {
        padding-bottom: 0.97656vw;
    }

    .SubscribeFormInput-btn {
        width: 26.78%;
        font-size: 1.953125vw;
    }
}

@media screen and (max-width: 767px) and (min-width: 1px) {

    .SubscribeFormInput {
        margin-bottom: 4.2857vw;
        padding-right: 29%;
    }

    .SubscribeFormInput-item {
        padding-bottom: 2.380952vw;
    }

    .SubscribeFormCheck-item {
        padding-bottom: 2.380952vw;
    }

    .SubscribeFormInput-btn {
        width: 26.78%;
        font-size: 4.5vw;
    }
}


/* MainVisualRight
=========================================================*/
.MainVisualRight img {
    display: block;
}


/*=========================================================
  MainContentTitle
=========================================================*/
.MainContentTitle {
    position: relative;
}

.MainContentTitle-txt {
    display: block;
    margin-bottom: 5px;
    color: #191819;
    font-size: 24px;
    font-family: 'Mbc';
    line-height: 1.4em;
}

.MainContentTitle-tit {
    display: block;
    color: #191819;
    font-size: 40px;
    font-weight: 500;
    font-family: 'Mbc';
    line-height: 1;
}

.MainContentTitle-link {
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    padding-right: 24px;
    color: #191819;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.4em;
}

.MainContentTitle-link:after {
    content: '';
    display: block;
    width: 5px;
    height: 10px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    background-image: url('../image/icon/ico-right-arrow.png');
    background-size: 5px 10px;
}

.CardNews {
    position: relative;
}

.CardNews .MainContentTitle-link {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    display: inline-block;
    margin-top: 10px;
}

@media screen and (min-width: 1025px) {
    .MainContentTitle-link:hover {
        color: #33FFCC;
    }

    .MainContentTitle-link:hover:after {
        background-image: url('../image/icon/ico-right-arrow-h.svg');
    }
}

@media screen and (max-width: 1920px) and (min-width: 1025px) {

    .MainContentTitle-txt {
        margin-bottom: 0.26041vw;
        font-size: 1.25vw;
    }

    .MainContentTitle-tit {
        font-size: 2.0833vw;
    }

    .MainContentTitle-link {
        padding-right: 1.25vw;
        font-size: 0.9375vw;
    }

    .MainContentTitle-link:after {
        width: 0.260416vw;
        height: 0.52083vw;
        background-size: 0.260416vw 0.52083vw;
    }

    .CardNews .MainContentTitle-link {
        margin-top: 0.52083vw;
    }
}

@media screen and (max-width: 1066px) and (min-width: 1025px) {
    .MainContentTitle-link {
        font-size: 10px;
    }
}


@media screen and (max-width: 1024px) and (min-width: 768px) {
    .MainContentTitle-txt {
        margin-bottom: 0.48828vw;
        font-size: 2.34375vw;
    }

    .MainContentTitle-tit {
        font-size: 3.90625vw;
    }

    .MainContentTitle-link {
        padding-right: 2.34375vw;
        font-size: 1.75781vw;
    }

    .MainContentTitle-link:after {
        width: 0.48828vw;
        height: 0.9765vw;
        background-size: 0.48828vw 0.9765vw;
    }

    .CardNews .MainContentTitle-link {
        margin-top: 0.52083vw;
    }
}

@media screen and (max-width: 767px) and (min-width: 1px) {
    .MainContentTitle-txt {
        margin-bottom: 0.85189vw;
        font-size: 3.8vw;
    }

    .MainContentTitle-tit {
        font-size: 6.5238vw;
    }

    .MainContentTitle-link {
        padding-right: 3.12907vw;
        font-size: 3.5vw;
        bottom: 1vw;
    }

    .MainContentTitle-link:after {
        width: 0.85189vw;
        height: 1.8vw;
        background-size: 0.85189vw 1.8vw;
    }

    .CardNews .MainContentTitle-link {
        margin-top: 0;
        position: absolute;
        bottom: 2vw;
        right: 0;

    }
}


/*=========================================================
  MainNewsletter
=========================================================*/
.MainNewsletter {
    margin-bottom: 200px;
}

/* responsive */

@media screen and (max-width: 1920px) and (min-width: 1025px) {
    .MainNewsletter {
        margin-bottom: 10.41666vw;
    }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    .MainNewsletter {
        margin-bottom: 19.53125vw;
    }
}

@media screen and (max-width: 767px) and (min-width: 1px) {
    .MainNewsletter {
        margin-bottom: 26.07561vw;
    }
}

/* MainNewsletterTop
=========================================================*/
.MainNewsletterTop {
    position: relative;
    margin-bottom: 62px;
}


/* responsive */
@media screen and (max-width: 1920px) and (min-width: 1025px) {
    .MainNewsletterTop {
        margin-bottom: 3.22916vw;
    }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    .MainNewsletterTop {
        margin-bottom: 6.05468vw;
    }
}

@media screen and (max-width: 767px) and (min-width: 1px) {
    .MainNewsletterTop {
        margin-bottom: 8.08344vw;
    }
}


/* MainNewsletterCont
=========================================================*/
.MainNewsletterCont-list:after {
    content: '';
    display: block;
    clear: both;
}

.MainNewsletterCont-list {
    margin: -25px -14px;
}

.MainNewsletterCont-item {
    float: left;
    width: 50%;
    padding: 26px 14px;
}

.MainNewsletterCont-item:nth-child(3) {
    clear: both;
}


@media screen and (max-width: 1920px) and (min-width: 1025px) {
    .MainNewsletterCont-list {
        margin: -1.35416vw -0.72916vw;
    }

    .MainNewsletterCont-item {
        padding: 1.35416vw 0.72916vw;
    }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    .MainNewsletterCont-list {
        margin: -2.5390vw -1.3671875vw;
    }

    .MainNewsletterCont-item {
        padding: 2.5390vw 1.3671875vw;
    }
}

@media screen and (max-width: 767px) and (min-width: 1px) {
    .MainNewsletterCont-list {
        margin: -1.8983vw 0;
    }

    .MainNewsletterCont-item {

        padding: 1.8983vw 0;
    }

    .MainNewsletterCont-item {
        width: 100%;
        float: none;
    }
}


/*=========================================================
  MainTalk
=========================================================*/


/* MainTalkTop
=========================================================*/
.MainTalkTop {
    position: relative;
    margin-bottom: 62px;
}

/* responsive */
@media screen and (max-width: 1920px) and (min-width: 1025px) {
    .MainTalkTop {
        margin-bottom: 3.22916vw;
    }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    .MainTalkTop {
        margin-bottom: 6.05468vw;
    }
}

@media screen and (max-width: 767px) and (min-width: 1px) {
    .MainTalkTop {
        margin-bottom: 8.08344vw;
    }
}


/* MainTalkCont
=========================================================*/

.MainTalkCont:after {
    content: '';
    display: block;
    clear: both;
}

.MainTalkContLeft {
    float: left;
    width: 47%;
}

.MainTalkContRight {
    float: left;
    width: 53%;
    padding-left: 100px;
}


/* responsive */

@media screen and (max-width: 1920px) and (min-width: 1025px) {

    .MainTalkContRight {
        padding-left: 5.20833vw;
    }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    .MainTalkContRight {
        padding-left: 3.7656vw;
    }
}

@media screen and (max-width: 767px) and (min-width: 1px) {
    .MainTalkContLeft {
        float: none;
        margin-left: -6.25vw;
        margin-right: -6.25vw;
        width: auto;
    }

    .MainTalkContRight {
        float: none;
        width: 100%;
        margin-top: 10vw;
        padding-left: 0;
    }
}


/* =========================================================
	TalkItem
=========================================================*/
.TalkItemThumb {
    overflow: hidden;
    position: relative;
}

.TalkItemThumb:before {
    content: '';
    display: block;
    padding-top: 100%;
}

.TalkItemThumb-img {
    display: block;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.TalkItemCont {
    position: relative;
    padding-bottom: 37px;
}

.TalkItemCont:after {
    content: '';
    display: block;
    width: 148px;
    height: 38px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
    background-image: url('../image/bg/bg-talk02.svg');
    background-size: 148px 38px;
}

.TalkItemCont-inner {
    background-color: #0D0D26;
    padding: 60px 70px;
}


.TalkItemCont-title {
    overflow: hidden;
    display: block;
    display: -webkit-box;
    height: 4.8em;
    color: #fff;
    font-size: 32px;
    font-weight: 500;
    font-family: 'Mbc';
    line-height: 1.6em;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

/* responsive */

@media screen and (max-width: 1920px) and (min-width: 1025px) {
    .TalkItemCont {
        padding-bottom: 1.927083vw;
    }

    .TalkItemCont:after {
        width: 7.70833vw;
        height: 1.979166vw;
        background-size: 7.70833vw 1.979166vw;
    }

    .TalkItemCont-inner {
        padding: 3.125vw 3.64583vw;
    }

    .TalkItemCont-txt {
        margin-bottom: 1.1979166vw;
        font-size: 0.83333vw;
    }

    .TalkItemCont-title {
        font-size: 1.6666vw;
    }
}

@media screen and (max-width: 1200px) and (min-width: 1025px) {
    .TalkItemCont-txt {
        font-size: 10px;
    }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    .TalkItemCont {
        padding-bottom: 3.61328vw;
    }

    .TalkItemCont:after {
        width: 14.4531vw;
        height: 3.71093vw;
        background-size: 14.4531vw 3.71093vw;
    }

    .TalkItemCont-inner {
        padding: 5.859375vw 4.8359375vw;
    }

    .TalkItemCont-txt {
        margin-bottom: 2.24609vw;
        font-size: 1.5625vw;
    }

    .TalkItemCont-title {
        font-size: 3vw;
    }
}

@media screen and (max-width: 767px) and (min-width: 1px) {
    .TalkItemCont {
        padding-bottom: 4.82398vw;
    }

    .TalkItemCont:after {
        width: 19.2959vw;
        height: 4.954367vw;
        background-size: 19.2959vw 4.954367vw;
    }

    .TalkItemCont-inner {
        padding: 9.90873vw 9.12646vw;
    }

    .TalkItemCont-txt {
        margin-bottom: 2.99869vw;
        font-size: 3.43vw;
    }

    .TalkItemCont-title {
        font-size: 5.172099vw;
    }
}


/* =========================================================
	Vote
=========================================================*/

.Vote {
    margin-bottom: 46px;
}

.Vote-list {
    margin: 0 -26px;
}

.Vote-list:after {
    content: '';
    display: block;
    clear: both;
}

.Vote-item {
    float: left;
    padding: 0 5px;
}

.Vote-item:first-child {
    width: 55%;
}

.Vote-item:last-child {
    width: 45%;
}


/* responsive */
@media screen and (min-width: 1025px) {
}

@media screen and (max-width: 1920px) and (min-width: 1025px) {
    .Vote {
        margin-bottom: 2.39583vw;
    }

    .Vote-list {
        margin: 0 -0.2604166vw;
    }

    .Vote-item {
        padding: 0 0.2604166vw;
    }

}

@media screen and (max-width: 1024px) and (min-width: 768px) {

    .Vote {
        margin-bottom: 4.49218vw;
    }

    .Vote-list {
        margin: 0 -0.488281vw;
    }

    .Vote-item {
        padding: 0 0.488281vw;
    }
}

@media screen and (max-width: 767px) and (min-width: 1px) {

    .Vote {
        margin-bottom: 7.99739vw;
    }

    .Vote-list {
        margin: 0 -1.38983vw;
    }

    .Vote-item {
        padding: 0 1.38983vw;
    }
}


/* VoteGood
=========================================================*/
.VoteGood {
    display: block;
    position: relative;
    padding-left: 64px;
}

.VoteGoodCount-num {
    overflow: hidden;
    display: block;
    padding-right: 40px;
    color: rgba(0, 0, 0, 0.1);
    font-size: 76px;
    font-weight: bold;
    font-family: 'Roboto', sans-serif;
    line-height: 1.2em;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    transform: translateY(37%);
    transition: transform 0.2s;
    text-align: right;
}

.VoteGoodCount-btn {
    display: block;
    padding: 15px 5px;
    padding-right: 40px;
    position: relative;
    width: 100%;
    background-color: #F4F4F4;
    text-align: right;
}

.VoteGoodCount-text {
    display: block;
    color: rgba(0, 0, 0, 0.1);
    font-size: 25px;
    font-weight: 500;
    font-family: 'Mbc';
    line-height: 1.2em;
}

/* VoteGoodCharacter */
.VoteGoodCharacter {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 10;
    /* width:100px; */
    /* height:80px; */
}

.VoteGoodCharacter-img:before {
    content: '';
    display: block;
    width: 133px;
    height: 141px;
    position: absolute;
    bottom: 0;
    left: 0;
    background-image: url('../image/img/img-good-ch02-1.png');
    background-size: 132px 140px;
    background-repeat: no-repeat;
    opacity: 1;
}

.VoteGoodCharacter-img:after {
    content: '';
    display: block;
    width: 173px;
    height: 141px;
    position: absolute;
    bottom: 0;
    left: -30px;
    background-image: url('../image/img/img-good-ch-h02.png');
    background-size: 172px 140px;
    opacity: 0;
}

.VoteGood.is-Active .VoteGoodCount-num {
    color: #460899;
    transform: translateY(0);
}

.VoteGood.is-Active .VoteGoodCount-text {
    color: #000;
}

.VoteGood.is-Active .VoteGoodCharacter-img:after {
    background-image: url('../image/img/img-good-ch-h02.png');
    opacity: 1;
}

.VoteGood.is-Active .VoteGoodCharacter-img:before {
    opacity: 0;
}

/* responsive */
@media screen and (min-width: 1025px) {
    .VoteGood:hover .VoteGoodCount-num {
        color: #460899;
        transform: translateY(0);
    }

    .VoteGood:hover .VoteGoodCount-text {
        color: #000;
    }

    .VoteGood:hover .VoteGoodCharacter-img:before {
        opacity: 0;
    }

    .VoteGood:hover .VoteGoodCharacter-img:after {
        opacity: 1;
    }
}

@media screen and (max-width: 1920px) and (min-width: 1025px) {
    .VoteGood {
        padding-left: 3.3333vw;
    }

    .VoteGoodCount-num {
        font-size: 3.958333vw;
        padding-right: 2.0833vw;
    }

    .VoteGoodCount-btn {
        padding: 0.78125vw 0.260416vw;
        padding-right: 2.0833vw;
    }

    .VoteGoodCount-text {
        font-size: 1.3020833vw;
    }

    .VoteGoodCharacter-img:before {
        width: 6.927083vw;
        height: 7.34375vw;
        background-size: 6.927083vw 7.34375vw;
    }

    .VoteGoodCharacter-img:after {
        width: 9.010416vw;
        height: 7.34375vw;
        left: -1.5625vw;
        background-size: 9.010416vw 7.34375vw;
    }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    .VoteGood {
        padding-left: 6.25vw;
    }

    .VoteGoodCount-num {
        font-size: 6.25vw;
        padding-right: 1vw;
    }

    .VoteGoodCount-btn {
        padding: 1.46484vw 0.48828125vw;
        padding-right: 1vw;
    }

    .VoteGoodCount-text {
        font-size: 2.44140vw;
    }

    .VoteGoodCharacter-img:before {
        width: 12.98828vw;
        height: 13.76953125vw;
        background-size: 12.98828vw 13.76953125vw;
    }

    .VoteGoodCharacter-img:after {
        width: 16.796875vw;
        height: 13.671875vw;
        left: -2.9296875vw;
        background-size: 16.796875vw 13.671875vw;
    }
}

@media screen and (max-width: 767px) and (min-width: 1px) {
    .VoteGood {
        padding-left: 8.344198vw;
    }

    .VoteGoodCount-num {
        font-size: 12.04761vw;
        padding-right: 2.5vw;
    }

    .VoteGoodCount-btn {
        padding: 3.571428vw 1.190476vw;
        padding-right: 2.5vw;
    }

    .VoteGoodCount-text {
        font-size: 4.95238vw;
    }

    .VoteGoodCharacter {
        left: -2.2vw;
    }

    .VoteGoodCharacter-img:before {
        width: 25.25vw;
        height: 27.75vw;
        background-size: 25.25vw 27.75vw;
    }

    .VoteGoodCharacter-img:after {
        width: 31.25vw;
        height: 27.75vw;
        left: -5.375vw;
        background-size: 31.25vw 27.75vw;
    }
}


/* VoteSoso
=========================================================*/
.VoteSoso {
    display: block;
    position: relative;
    padding-right: 64px;
}

.VoteSosoCount-num {
    overflow: hidden;
    display: block;
    padding-left: 40px;
    color: rgba(0, 0, 0, 0.1);
    font-size: 76px;
    font-weight: bold;
    font-family: 'Roboto', sans-serif;
    line-height: 1.2em;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    transform: translateY(37%);
    transition: transform 0.2s;
    text-align: left;
}

.VoteSosoCount-btn {
    display: block;
    padding: 15px 5px;
    padding-left: 40px;
    position: relative;
    width: 100%;
    background-color: #F4F4F4;
    text-align: left;
}

.VoteSosoCount-text {
    display: block;
    color: rgba(0, 0, 0, 0.1);
    font-size: 25px;
    font-weight: 500;
    font-family: 'Mbc';
    line-height: 1.2em;
}

/* VoteSosoCharacter */
.VoteSosoCharacter {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 10;
    width: 98px;
    height: 80px;
}

.VoteSosoCharacter-img:before {
    content: '';
    display: block;
    width: 98px;
    height: 80px;
    top: 0;
    left: 0;
    background-image: url('../image/img/img-soso-ch.png');
    background-size: 98px 80px;
    opacity: 1;
}

.VoteSosoCharacter-img:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 98px;
    height: 80px;
    background-image: url('../image/img/img-soso-ch-h.png');
    background-size: 98px 80px;
    opacity: 0;
}

.VoteSoso.is-Active .VoteSosoCount-num {
    color: #460899;
    transform: translateY(0);
}

.VoteSoso.is-Active .VoteSosoCount-text {
    color: #000;
}

.VoteSoso.is-Active .VoteSosoCount-btn:after {
    background-image: url('../image/img/img-soso.png');
    opacity: 1;
}

.VoteSoso.is-Active .VoteSosoCharacter-img:after {
    background-image: url('../image/img/img-soso-ch-h.png');
    opacity: 1;
}

.VoteSoso.is-Active .VoteSosoCharacter-img:before {
    opacity: 0;
}

/* responsive */
@media screen and (min-width: 1025px) {
    .VoteSoso:hover .VoteSosoCount-num {
        color: #460899;
        transform: translateY(0);
    }

    .VoteSoso:hover .VoteSosoCount-text {
        color: #000;
    }

    .VoteSoso:hover .VoteSosoCharacter-img:before {
        opacity: 0;
    }

    .VoteSoso:hover .VoteSosoCharacter-img:after {
        opacity: 1;
    }
}

@media screen and (max-width: 1920px) and (min-width: 1025px) {
    .VoteSoso {
        padding-right: 3.3333vw;
    }

    .VoteSosoCount-num {
        font-size: 3.958333vw;
        padding-left: 2.0833vw;
    }

    .VoteSosoCount-btn {
        padding: 0.78125vw 0.260416vw;
        padding-left: 2.0833vw;
    }

    .VoteSosoCount-text {
        font-size: 1.3020833vw;
    }

    .VoteSosoCharacter {
        width: 5.10416vw;
        height: 4.1666vw;
    }

    .VoteSosoCharacter-img:before {
        width: 5.10416vw;
        height: 4.1666vw;
        background-size: 5.10416vw 4.1666vw;
    }

    .VoteSosoCharacter-img:after {
        width: 5.10416vw;
        height: 4.1666vw;
        background-size: 5.10416vw 4.1666vw;
    }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    .VoteSoso {
        padding-right: 6.25vw;
    }

    .VoteSosoCount-num {
        font-size: 6.25vw;
        padding-left: 1vw;
    }

    .VoteSosoCount-btn {
        padding: 1.46484vw 0.48828125vw;
        padding-left: 1vw;
    }

    .VoteSosoCount-text {
        font-size: 2.44140vw;
    }

    .VoteSosoCharacter {
        width: 9.5703vw;
        height: 7.8125vw;
    }

    .VoteSosoCharacter-img:before {
        width: 9.5703vw;
        height: 7.8125vw;
        background-size: 9.5703vw 7.8125vw;
    }

    .VoteSosoCharacter-img:after {
        width: 9.5703vw;
        height: 7.8125vw;
        background-size: 9.5703vw 7.8125vw;
    }
}

@media screen and (max-width: 767px) and (min-width: 1px) {
    .VoteSoso {
        padding-right: 8.344198vw;
    }

    .VoteSosoCount-num {
        font-size: 12.04761vw;
        padding-left: 2.5vw;
    }

    .VoteSosoCount-btn {
        padding: 3.571428vw 1.190476vw;
        padding-left: 2.5vw;
    }

    .VoteSosoCount-text {
        font-size: 4.95238vw;
    }

    .VoteSosoCharacter {
        width: 20.777vw;
        height: 17.430247vw;
        bottom: auto;
        top: 30%;
        right: -2.2vw;
    }

    .VoteSosoCharacter-img:before {
        width: 20.777vw;
        height: 17.430247vw;
        background-size: 20.777vw 17.430247vw;
    }

    .VoteSosoCharacter-img:after {
        width: 20.777vw;
        height: 17.430247vw;
        background-size: 20.777vw 17.430247vw;
    }
}

/* VoteGood NAIN
=========================================================*/
.VoteGoodMain {
    display: block;
    position: relative;
    padding-left: 64px;
}

.VoteGoodMainCount-num {
    overflow: hidden;
    display: block;
    padding-right: 40px;
    color: rgba(0, 0, 0, 0.1);
    font-size: 76px;
    font-weight: bold;
    font-family: 'Roboto', sans-serif;
    line-height: 1.2em;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    transform: translateY(37%);
    transition: transform 0.2s;
    text-align: right;
}

.VoteGoodMainCount-btn {
    display: block;
    padding: 15px 5px;
    padding-right: 25px;
    position: relative;
    width: 100%;
    background-color: #F4F4F4;
    text-align: right;
}

.VoteGoodMainCount-text {
    display: block;
    color: rgba(0, 0, 0, 0.1);
    font-size: 25px;
    font-weight: 500;
    font-family: 'Mbc';
    line-height: 1.2em;
}

/* VoteGoodCharacter MAIN*/
.VoteGoodMainCharacter {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 10;
    /* width:100px; */
    /* height:80px; */
}

.VoteGoodMainCharacter-img:before {
    content: '';
    display: block;
    width: 133px;
    height: 141px;
    position: absolute;
    bottom: 0;
    left: 0;
    background-image: url('../image/img/talk-status-default.png');
    background-size: 132px 140px;
    background-repeat: no-repeat;
    opacity: 1;
}

.VoteGoodMainCharacter-img.is-Active:before {
    background-image: url('../image/img/talk-status-lose.png');
}

.VoteGoodMainCharacter-img:after {
    content: '';
    display: block;
    width: 173px;
    height: 141px;
    position: absolute;
    bottom: 0;
    left: -30px;
    background-image: url('../image/img/talk-status-win.png');
    background-size: 172px 140px;
    opacity: 0;
}

.VoteGoodMain.is-Active .VoteGoodMainCount-num {
    color: #460899;
    transform: translateY(0);
}

.VoteGoodMain.is-Active .VoteGoodMainCount-text {
    color: #000;
}

.VoteGoodMain.is-Active .VoteGoodMainCharacter-img:after {
    background-image: url('../image/img/talk-status-win.png');
    opacity: 1;
}

.VoteGoodMain.is-Active .VoteGoodMainCharacter-img:before {
    opacity: 0;
}

/* responsive */
@media screen and (min-width: 1025px) {
    .VoteGoodMain:hover .VoteGoodMainCount-num {
        color: #460899;
        transform: translateY(0);
    }

    .VoteGoodMain:hover .VoteGoodMainCount-text {
        color: #000;
    }

    .VoteGoodMain:hover .VoteGoodMainCharacter-img:before {
        opacity: 0;
    }

    .VoteGoodMain:hover .VoteGoodMainCharacter-img:after {
        opacity: 1;
    }
}

@media screen and (max-width: 1920px) and (min-width: 1025px) {
    .VoteGoodMain {
        padding-left: 3.3333vw;
    }

    .VoteGoodMainCount-num {
        font-size: 3.958333vw;
        padding-right: 2.0833vw;
    }

    .VoteGoodMainCount-btn {
        padding: 0.78125vw 0.260416vw;
        padding-right: 1.302083vw;
    }

    .VoteGoodMainCount-text {
        font-size: 1.3020833vw;
    }

    .VoteGoodMainCharacter-img:before {
        width: 6.927083vw;
        height: 7.34375vw;
        background-size: 6.927083vw 7.34375vw;
    }

    .VoteGoodMainCharacter-img:after {
        width: 6.927083vw;
        height: 7.34375vw;
        left: 0.05vw;
        background-size: 6.927083vw 7.34375vw;
    }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    .VoteGoodMain {
        padding-left: 6.25vw;
    }

    .VoteGoodMainCount-num {
        font-size: 6.25vw;
        padding-right: 1vw;
    }

    .VoteGoodMainCount-btn {
        padding: 1.46484vw 0.48828125vw;
        padding-right: 1vw;
    }

    .VoteGoodMainCount-text {
        font-size: 2.140vw;
    }

    .VoteGoodMainCharacter-img:before {
        width: 12.98828vw;
        height: 13.76953125vw;
        background-size: 12.98828vw 13.76953125vw;
    }

    .VoteGoodMainCharacter-img:after {
        width: 12.98828vw;
        height: 13.671875vw;
        left: -2.9296875vw;
        background-size: 12.98828vw 13.671875vw;
    }
}

@media screen and (max-width: 767px) and (min-width: 1px) {
    .VoteGoodMain {
        padding-left: 8.344198vw;
    }

    .VoteGoodMainCount-num {
        font-size: 12.04761vw;
        padding-right: 2.5vw;
    }

    .VoteGoodMainCount-btn {
        padding: 3.571428vw 1.190476vw;
        padding-right: 2.5vw;
    }

    .VoteGoodMainCount-text {
        font-size: 4.5238vw;
    }

    .VoteGoodMainCharacter {
        left: -2.2vw;
    }

    .VoteGoodMainCharacter-img:before {
        width: 25.25vw;
        height: 27.75vw;
        background-size: 25.25vw 27.75vw;
    }

    .VoteGoodMainCharacter-img:after {
        width: 25.25vw;
        height: 27.75vw;
        left: -1.375vw;
        background-size: 25.25vw 27.75vw;
    }
}


/* VoteSoso MAIN
=========================================================*/
.VoteSosoMain {
    display: block;
    position: relative;
    padding-right: 64px;
}

.VoteSosoMainCount-num {
    overflow: hidden;
    display: block;
    padding-left: 40px;
    color: rgba(0, 0, 0, 0.1);
    font-size: 76px;
    font-weight: bold;
    font-family: 'Roboto', sans-serif;
    line-height: 1.2em;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    transform: translateY(37%);
    transition: transform 0.2s;
    text-align: left;
}

.VoteSosoMainCount-btn {
    display: block;
    padding: 15px 5px;
    padding-left: 25px;
    position: relative;
    width: 100%;
    background-color: #F4F4F4;
    text-align: left;
}

.VoteSosoMainCount-text {
    display: block;
    color: rgba(0, 0, 0, 0.1);
    font-size: 25px;
    font-weight: 500;
    font-family: 'Mbc';
    line-height: 1.2em;
}

/* VoteSosoCharacter  MAIN*/
.VoteSosoMainCharacter {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 10;
    width: 98px;
    height: 80px;
}

.VoteSosoMainCharacter-img:before {
    content: '';
    display: block;
    width: 98px;
    height: 80px;
    top: 0;
    left: 0;
    background-image: url('../image/img/talk-status-default-02.png');
    background-size: 98px 80px;
    opacity: 1;
}

.VoteSosoMainCharacter-img.is-Active:before {
    background-image: url('../image/img/talk-status-lose-02.png');
}

.VoteSosoMainCharacter-img:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 98px;
    height: 80px;
    background-image: url('../image/img/talk-status-win-02.png');
    background-size: 98px 80px;
    opacity: 0;
}

.VoteSosoMain.is-Active .VoteSosoMainCount-num {
    color: #460899;
    transform: translateY(0);
}

.VoteSosoMain.is-Active .VoteSosoMainCount-text {
    color: #000;
}

.VoteSosoMain.is-Active .VoteSosoMainCount-btn:after {
    background-image: url('../image/img/talk-status-default-02.png');
    opacity: 1;
}

.VoteSosoMain.is-Active .VoteSosoMainCharacter-img:after {
    background-image: url('../image/img/talk-status-win-02.png');
    opacity: 1;
}

.VoteSosoMain.is-Active .VoteSosoMainCharacter-img:before {
    opacity: 0;
}

/* responsive */
@media screen and (min-width: 1025px) {
    .VoteSosoMain:hover .VoteSosoMainCount-num {
        color: #460899;
        transform: translateY(0);
    }

    .VoteSosoMain:hover .VoteSosoMainCount-text {
        color: #000;
    }

    .VoteSosoMain:hover .VoteSosoMainCharacter-img:before {
        opacity: 0;
    }

    .VoteSosoMain:hover .VoteSosoMainCharacter-img:after {
        opacity: 1;
    }
}

@media screen and (max-width: 1920px) and (min-width: 1025px) {
    .VoteSosoMain {
        padding-right: 3.3333vw;
    }

    .VoteSosoMainCount-num {
        font-size: 3.958333vw;
        padding-left: 2.0833vw;
    }

    .VoteSosoMainCount-btn {
        padding: 0.78125vw 0.260416vw;
        padding-left: 1.302083vw;
    }

    .VoteSosoMainCount-text {
        font-size: 1.3020833vw;
    }

    .VoteSosoMainCharacter {
        width: 5.10416vw;
        height: 4.1666vw;
    }

    .VoteSosoMainCharacter-img:before {
        width: 4.10416vw;
        height: 4.1666vw;
        background-size: 4.10416vw 4.1666vw;
    }

    .VoteSosoMainCharacter-img:after {
        width: 5.10416vw;
        height: 4.1666vw;
        background-size: 5.10416vw 4.1666vw;
    }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    .VoteSosoMain {
        padding-right: 6.25vw;
    }

    .VoteSosoMainCount-num {
        font-size: 6.25vw;
        padding-left: 1vw;
    }

    .VoteSosoMainCount-btn {
        padding: 1.46484vw 0.48828125vw;
        padding-left: 1vw;
    }

    .VoteSosoMainCount-text {
        font-size: 2.140vw;
    }

    .VoteSosoMainCharacter {
        width: 9.5703vw;
        height: 7.8125vw;
    }

    .VoteSosoMainCharacter-img:before {
        width: 9.5703vw;
        height: 7.8125vw;
        background-size: 9.5703vw 7.8125vw;
    }

    .VoteSosoMainCharacter-img:after {
        width: 9.5703vw;
        height: 7.8125vw;
        background-size: 9.5703vw 7.8125vw;
    }
}

@media screen and (max-width: 767px) and (min-width: 1px) {
    .VoteSosoMain {
        padding-right: 8.344198vw;
    }

    .VoteSosoMainCount-num {
        font-size: 12.04761vw;
        padding-left: 2.5vw;
    }

    .VoteSosoMainCount-btn {
        padding: 3.571428vw 1.190476vw;
        padding-left: 2.5vw;
    }

    .VoteSosoMainCount-text {
        font-size: 4.5238vw;
    }

    .VoteSosoMainCharacter {
        width: 20.777vw;
        height: 17.430247vw;
        bottom: auto;
        top: 30%;
        right: -2.2vw;
    }

    .VoteSosoMainCharacter-img:before {
        width: 20.777vw;
        height: 17.430247vw;
        background-size: 20.777vw 17.430247vw;
    }

    .VoteSosoMainCharacter-img:after {
        width: 20.777vw;
        height: 17.430247vw;
        background-size: 20.777vw 17.430247vw;
    }
}


/* =========================================================
	LiveTalk
=========================================================*/

.LiveTalk {
    /* font-size:0; */
    /* line-height:0; */
}

/* LiveTalkTop
=========================================================*/
.LiveTalkTop {
    display: inline-block;
    position: relative;
    margin-bottom: 25px;
    padding-right: 46px;
}

.LiveTalkTop-text {
    color: #000;
    font-size: 26px;
    font-weight: 500;
    font-family: 'Mbc';
    line-height: 1.4em;
}

.LiveTalkTop-num {
    color: #460C99;
    font-size: 26px;
    font-weight: 500;
    font-family: 'Mbc';
    line-height: 1.4em;
}

.LiveTalkTop-reset {
    display: block;
    position: absolute;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    border-radius: 100%;
    background-color: #EEE;
}

.LiveTalkTop-reset:before {
    content: '';
    display: block;
    position: absolute;
    width: 16px;
    height: 15px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-image: url('../image/icon/ico-reset.png');
    background-size: 16px 15px;
}

/*추가*/
.LiveTalkTop-resetMain {
    display: block;
    position: absolute;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    border-radius: 100%;
    background-color: #EEE;
}

.LiveTalkTop-resetMain:before {
    content: '';
    display: block;
    position: absolute;
    width: 16px;
    height: 15px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-image: url('../image/icon/ico-reset.png');
    background-size: 16px 15px;
}


/* responsive */
@media screen and (min-width: 1025px) {
}

@media screen and (max-width: 1920px) and (min-width: 1025px) {

    .LiveTalkTop {
        margin-bottom: 1.30208vw;
        padding-right: 2.39583vw;
    }

    .LiveTalkTop-text {
        font-size: 1.35416vw;
    }

    .LiveTalkTop-num {
        font-size: 1.35416vw;
    }

    .LiveTalkTop-reset {
        width: 1.5625vw;
        height: 1.5625vw;
    }

    .LiveTalkTop-reset:before {
        width: 0.8333vw;
        height: 0.78125vw;
        background-size: 0.8333vw 0.78125vw;
    }

    .LiveTalkTop-resetMain {
        width: 1.5625vw;
        height: 1.5625vw;
    }

    .LiveTalkTop-resetMain:before {
        width: 0.8333vw;
        height: 0.78125vw;
        background-size: 0.8333vw 0.78125vw;
    }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {

    .LiveTalkTop {
        margin-bottom: 2.4414vw;
        padding-right: 4.49218vw;
    }

    .LiveTalkTop-text {
        font-size: 2.5390vw;
    }

    .LiveTalkTop-num {
        font-size: 2.5390vw;
    }

    .LiveTalkTop-reset {
        width: 2.9296vw;
        height: 2.9296vw;
    }

    .LiveTalkTop-reset:before {
        width: 1.5625vw;
        height: 1.4648vw;
        background-size: 1.5625vw 1.4648vw;
    }

    .LiveTalkTop-resetMain {
        width: 2.9296vw;
        height: 2.9296vw;
    }

    .LiveTalkTop-resetMain:before {
        width: 1.5625vw;
        height: 1.4648vw;
        background-size: 1.5625vw 1.4648vw;
    }
}

@media screen and (max-width: 767px) and (min-width: 1px) {

    .LiveTalkTop {
        margin-bottom: 3.25945vw;
        padding-right: 7.9973vw;
    }

    .LiveTalkTop-text {
        font-size: 5.19047vw;
    }

    .LiveTalkTop-num {
        font-size: 5.19047vw;
    }

    .LiveTalkTop-reset {
        width: 6.25vw;
        height: 6.25vw;
    }

    .LiveTalkTop-reset:before {
        width: 4.0860vw;
        height: 3.95567vw;
        background-size: 4.0860vw 3.95567vw;
    }

    .LiveTalkTop-resetMain {
        width: 6.25vw;
        height: 6.25vw;
    }

    .LiveTalkTop-resetMain:before {
        width: 4.0860vw;
        height: 3.95567vw;
        background-size: 4.0860vw 3.95567vw;
    }
}


/* LiveTalkMid
=========================================================*/
.LiveTalkMid {
    margin-bottom: 34px;
}

.LiveTalkMid:after {
    content: '';
    display: block;
    clear: both;
}

.LiveTalkMidInput {
    float: left;
    position: relative;
    width: calc(80% - 10px);
    margin-right: 10px;
    background-color: #F4F4F4;
    border-radius: 8px;
}

body .LiveTalkMidInput-input {
    display: block;
    width: 100%;
    height: 55px;
    padding: 14px 20px;
    color: #000;
    font-size: 18px;
    line-height: normal;
}

body textarea.LiveTalkMidInput-input {
    resize: none;
}

body .LiveTalkMidInput-input::-webkit-input-placeholder {
    color: #888;
}

body .LiveTalkMidInput-input::-ms-input-placeholder {
    color: #888;
}

.LiveTalkMidInput-button {
    display: block;
    position: absolute;
    width: 26px;
    height: 24px;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    background-image: url('../image/icon/ico-camera.svg');
    background-size: 26px 24px;
}

body .LiveTalkMid .LiveTalkMidBtn {
    float: left;
    width: 20%;
    height: 55px;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    line-height: normal;
    background-color: #000;
    border-radius: 8px;
}


/* responsive */
@media screen and (min-width: 1025px) {
    body .LiveTalkMid .LiveTalkMidBtn:hover {
        color: #0D0C26;
        background-color: #33FFCC;
    }
}

@media screen and (max-width: 1920px) and (min-width: 1025px) {
    .LiveTalkMid {
        margin-bottom: 1.77083vw;
    }

    .LiveTalkMidInput {
        width: calc(80% - 0.52083vw);
        margin-right: 0.52083vw;
    }

    body .LiveTalkMidInput-input {
        height: 2.86458vw;
        padding: 0.72916vw 1.04166vw;
        font-size: 0.9375vw;
    }

    .LiveTalkMidInput-button {
        width: 1.35416vw;
        height: 1.25vw;
        right: 1.04166vw;
        background-size: 1.35416vw 1.25vw;
    }

    body .LiveTalkMid .LiveTalkMidBtn {
        height: 2.86458vw;
        font-size: 0.9375vw;
    }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    .LiveTalkMid {
        margin-bottom: 3.32031vw;
    }

    .LiveTalkMidInput {
        width: calc(80% - 0.97656vw);
        margin-right: 0.97656vw;
    }

    body .LiveTalkMidInput-input {
        height: 5.37109vw;
        padding: 1.367187vw 1.9531vw;
        font-size: 1.7578vw;
    }

    .LiveTalkMidInput-button {
        width: 2.5390vw;
        height: 2.34375vw;
        right: 1.9531vw;
        background-size: 2.5390vw 2.34375vw;
    }

    body .LiveTalkMid .LiveTalkMidBtn {
        height: 5.37109vw;
        font-size: 1.7578vw;
    }
}

@media screen and (max-width: 767px) and (min-width: 1px) {
    .LiveTalkMid {
        margin-bottom: 4.43285vw;
    }

    .LiveTalkMidInput {
        width: calc(80% - 1.30378vw);
        margin-right: 1.30378vw;
    }

    body .LiveTalkMidInput-input {
        height: 13.09523vw;
        padding: 1.82529vw 4.7619vw;
        font-size: 4.2857vw;
    }

    .LiveTalkMidInput-button {
        width: 6.19047vw;
        height: 5.71428vw;
        right: 3.7619vw;
        background-size: 6.19047vw 5.71428vw;
    }

    body .LiveTalkMid .LiveTalkMidBtn {
        height: 13.09523vw;
        font-size: 4.2857vw;
    }
}


/* LiveTalkBtm
=========================================================*/
.LiveTalkBtm-item {
    padding-bottom: 20px;
}

.LiveTalkBtm-item:last-child {
    padding-bottom: 0;
}

/* responsive */
@media screen and (max-width: 1920px) and (min-width: 1025px) {
    .LiveTalkBtm-item {
        padding-bottom: 1.04166vw;
    }

}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    .LiveTalkBtm-item {
        padding-bottom: 1.953125vw;
    }

}

@media screen and (max-width: 767px) and (min-width: 1px) {
    .LiveTalkBtm-item {
        padding-bottom: 4.7619vw;
    }

}


/* =========================================================
	ReplyItem
=========================================================*/

/* ReplyItemHeader
=========================================================*/
.ReplyItemHeader {
    position: relative;
    margin-bottom: 2px;
    padding-right: 20px;
}

.ReplyItemHeader-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.ReplyItemHeaderId-thumb:after {
    content: '';
    display: block;
    padding-top: 100%;
}


.ReplyItemHeader-inner .ReplyItemGoodBtn {
    height: 22px;
    width: 38px;
    border: 0.5px solid #CCC;
    border-radius: 3px;
    font-size: 12px;
    font-family: "Mbc";
    line-height: 13px;
    font-weight: 500;
    margin-left: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ReplyItemHeader-inner .ReplyItemGoodBtn.active {
    background-color: #0D0D26;
    color: #79FFDE;
}

.ReplyItemHeaderId-thumb {
    overflow: hidden;
    position: relative;
    width: 30px;
    border-radius: 100%;
}

.ReplyItemHeaderId-thumb img {
    display: block;
    width: 100%;
    min-height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.ReplyItemHeaderId {
    flex: 1;
    font-size: 0;
    line-height: 0;
}

.ReplyItemHeaderId-thumb {
    display: inline-block;
    vertical-align: middle;
}

.ReplyItemHeaderId-title {
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 320px;
    padding-left: 10px;
    color: #000;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4em;
    vertical-align: middle;
}

.ReplyItemHeaderTime {
    display: block;
    color: #888;
    font-size: 14px;
    line-height: 1.4em;
}


/* responsive */
@media screen and (min-width: 1025px) {
    .ReplyItemHeaderReport:hover {
        color: #33FFCC;
    }
}


@media screen and (max-width: 1920px) and (min-width: 1025px) {

    .ReplyItemHeader {
        margin-bottom: 0.10416vw;
        padding-right: 1.04166vw;
    }

    .ReplyItemHeaderId-thumb {
        width: 1.5625vw;
    }

    .ReplyItemHeaderId-title {
        max-width: 16.6666vw;
        padding-left: 0.52083vw;
        font-size: 0.83333vw;
    }

    .ReplyItemHeaderTime, .ReplyItemGoodBtn {
        font-size: 0.72916vw;
    }

    .ReplyItemHeader-inner .ReplyItemGoodBtn {
        height: 1.6vw;
        width: 2.86vw;
    }

    .ReplyItemGoodBtn img {
        width: 1.16vw;
    }


}

@media screen and (max-width: 1371px) and (min-width: 1025px) {
    .ReplyItemHeaderTime {
        font-size: 10px;
    }

}

@media screen and (max-width: 1200px) and (min-width: 1025px) {
    .ReplyItemHeaderId-title {
        font-size: 10px;
    }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    .ReplyItemHeader {
        margin-bottom: 0.1953125vw;
        padding-right: 1.953125vw;
    }

    .ReplyItemHeaderId-thumb {
        width: 2.92968vw;
    }

    .ReplyItemHeaderId-title {
        max-width: 31.25vw;
        padding-left: 0.97656vw;
        font-size: 1.5625vw;
    }

    .ReplyItemHeaderTime {
        font-size: 1.36718vw;
    }

}

@media screen and (max-width: 767px) and (min-width: 1px) {
    .ReplyItemHeader {
        margin-bottom: 0.47619vw;
        padding-right: 4.7619vw;
    }

    .ReplyItemHeaderId-thumb {
        width: 7.14285vw;
    }

    .ReplyItemHeaderId-title {
        max-width: 55vw;
        padding-left: 2.38095vw;
        font-size: 3.80952vw;
    }

    .ReplyItemHeaderTime {
        font-size: 3.33333vw;
    }


}


/* ReplyItemHeaderMore
=========================================================*/
.ReplyItemHeaderMore {
    position: absolute;
    top: 50%;
    right: -8px;
    z-index: 5;
    color: #000;
    transform: translateY(-50%);
}

.ReplyItemHeaderMore.is-Open {
    z-index: 10;
}

.ReplyItemHeaderMoreLink {
    display: block;
    padding: 3px 10px;
    width: 3px;
    height: 13px;
    background-image: url('../image/icon/ico-more02.png');
    background-size: 3px 13px;
    background-position: center;
    background-repeat: no-repeat;
}


.ReplyItemHeaderMore-list {
    display: none;
    position: absolute;
    top: 20px;
    right: 0;
    background-color: #fff;
    border: 1px solid #eee;
    box-shadow: 3px 5px 10px rgba(0, 0, 0, 0.1);
    z-index: 10;
}

.ReplyItemHeaderMore-link {
    display: block;
    padding: 10px 14px;
    text-decoration: unset !important;
}

.ReplyItemHeaderMore-text {
    display: block;
    padding-left: 22px;
    color: #888;
    font-size: 14px;
    line-height: 1.2em;
    position: relative;
}

.ReplyItemHeaderMore-text:before {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.ReplyItemHeaderMore-link.Reply .ReplyItemHeaderMore-text:before {
    width: 15px;
    height: 15px;
    background-image: url('../image/icon/ico-replay02.png');
    background-size: 15px 15px;
}


.ReplyItemHeaderMore-link.Edit .ReplyItemHeaderMore-text:before {
    width: 15px;
    height: 15px;
    background-image: url('../image/icon/ico-pen02.png');
    background-size: 15px 15px;
}


.ReplyItemHeaderMore-link.Delete .ReplyItemHeaderMore-text:before {
    width: 15px;
    height: 17px;
    background-image: url('../image/icon/ico-delete03.png');
    background-size: 15px 17px;
}


.ReplyItemHeaderMore-link.Report .ReplyItemHeaderMore-text:before {
    width: 15px;
    height: 17px;
    background-image: url('../image/icon/ico-report.png');
    background-size: 15px 17px;
}


.ReplyItemHeaderMore.is-Open .ReplyItemHeaderMore-list {
    display: block;
}


/* responsive */
@media screen and (max-width: 1920px) and (min-width: 1025px) {
    .ReplyItemHeaderMore {
        right: -0.4166vw;
    }

    .ReplyItemHeaderMoreLink {
        padding: 0.15625vw 0.520833vw;
        width: 0.15625vw;
        height: 0.67708vw;
        background-size: 0.15625vw 0.67708vw;
    }


    .ReplyItemHeaderMore-list {
        top: 1.04166vw;
    }

    .ReplyItemHeaderMore-link {
        padding: 0.520833vw 0.72916vw;
    }

    .ReplyItemHeaderMore-text {
        padding-left: 1.14583vw;
        font-size: 0.72916vw;
    }

    .ReplyItemHeaderMore-link.Reply .ReplyItemHeaderMore-text:before {
        width: 0.78125vw;
        height: 0.78125vw;
        background-size: 0.78125vw 0.78125vw;
    }


    .ReplyItemHeaderMore-link.Edit .ReplyItemHeaderMore-text:before {
        width: 0.78125vw;
        height: 0.78125vw;
        background-size: 0.78125vw 0.78125vw;
    }


    .ReplyItemHeaderMore-link.Delete .ReplyItemHeaderMore-text:before {
        width: 0.78125vw;
        height: 0.8854166vw;
        background-size: 0.78125vw 0.8854166vw;
    }


    .ReplyItemHeaderMore-link.Report .ReplyItemHeaderMore-text:before {
        width: 0.78125vw;
        height: 0.8854166vw;
        background-size: 0.78125vw 0.8854166vw;
    }
}

@media screen and (max-width: 1143px) and (min-width: 1025px) {
    .ReplyItemHeaderMore-text {
        font-size: 10px;
    }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    .ReplyItemHeaderMore {
        right: -0.78125vw;
    }

    .ReplyItemHeaderMoreLink {
        padding: 0.29296875vw 0.9765625vw;
        width: 0.29296875vw;
        height: 1.26953125vw;
        background-size: 0.29296875vw 1.26953125vw;
    }


    .ReplyItemHeaderMore-list {
        top: 1.953125vw;
    }

    .ReplyItemHeaderMore-link {
        padding: 0.9765625vw 1.3671875vw;
    }

    .ReplyItemHeaderMore-text {
        padding-left: 2.1484375vw;
        font-size: 1.3671875vw;
    }

    .ReplyItemHeaderMore-link.Reply .ReplyItemHeaderMore-text:before {
        width: 1.46484375vw;
        height: 1.46484375vw;
        background-size: 1.46484375vw 1.46484375vw;
    }


    .ReplyItemHeaderMore-link.Edit .ReplyItemHeaderMore-text:before {
        width: 1.46484375vw;
        height: 1.46484375vw;
        background-size: 1.46484375vw 1.46484375vw;
    }


    .ReplyItemHeaderMore-link.Delete .ReplyItemHeaderMore-text:before {
        width: 1.46484375vw;
        height: 1.66015625vw;
        background-size: 1.46484375vw 1.66015625vw;
    }


    .ReplyItemHeaderMore-link.Report .ReplyItemHeaderMore-text:before {
        width: 1.46484375vw;
        height: 1.66015625vw;
        background-size: 1.46484375vw 1.66015625vw;
    }
}

@media screen and (max-width: 767px) and (min-width: 1px) {
    .ReplyItemHeaderMore {
        right: -2.5vw;
    }

    .ReplyItemHeaderMoreLink {
        padding: 0.9375vw 3.125vw;
        width: 0.7375vw;
        height: 3.0625vw;
        background-size: 0.7375vw 3.0625vw;
    }


    .ReplyItemHeaderMore-list {
        top: 6.25vw;
    }

    .ReplyItemHeaderMore-link {
        padding: 2.75vw 4.375vw;
    }

    .ReplyItemHeaderMore-text {
        padding-left: 5.875vw;
        font-size: 3.333vw;
    }

    .ReplyItemHeaderMore-link.Reply .ReplyItemHeaderMore-text:before {
        width: 3.6875vw;
        height: 3.6875vw;
        background-size: 3.6875vw 3.6875vw;
    }


    .ReplyItemHeaderMore-link.Edit .ReplyItemHeaderMore-text:before {
        width: 3.6875vw;
        height: 3.6875vw;
        background-size: 3.6875vw 3.6875vw;
    }


    .ReplyItemHeaderMore-link.Delete .ReplyItemHeaderMore-text:before {
        width: 3.6875vw;
        height: 4.3125vw;
        background-size: 3.6875vw 4.3125vw;
    }


    .ReplyItemHeaderMore-link.Report .ReplyItemHeaderMore-text:before {
        width: 3.6875vw;
        height: 4.3125vw;
        background-size: 3.6875vw 4.3125vw;
    }
}


/* ReplyItemCont
=========================================================*/

.ReplyItemCont {
    padding-left: 41px;
}

.ReplyItemCont-text {
    overflow: hidden;
    display: block;
    display: -webkit-box;
    max-height: 3.2em;
    color: #000;
    font-size: 16px;
    line-height: 1.6em;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.SingleTalk .ReplyItemCont-text {
    overflow: unset;
    display: block;
    height: auto;
    max-height: none;
}

/**/
.ReplyItemCont-text .ReplyItemHeaderMore-link {
    padding: 0;
    color: #000;
    pointer-events: none;
}


@media screen and (max-width: 1920px) and (min-width: 1025px) {
    .ReplyItemCont {
        padding-left: 2.13541vw;
    }

    .ReplyItemCont-text {
        font-size: 0.8333vw;
    }

}


@media screen and (max-width: 1200px) and (min-width: 1025px) {

    .ReplyItemCont-text {
        font-size: 10px;
    }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {


    .ReplyItemCont {
        padding-left: 4.0039vw;
    }

    .ReplyItemCont-text {
        font-size: 1.5625vw;
    }

}

@media screen and (max-width: 767px) and (min-width: 1px) {


    .ReplyItemCont {
        padding-left: 9.76190vw;
    }

    .ReplyItemCont-text {
        font-size: 3.80952vw;
    }

}


/*=========================================================
  Popup
=========================================================*/
.Popup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
}

.PopupDim {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.35);
}

.BasicPopup {
    position: absolute;
    width: 500px;
    max-width: calc(100% - 12.5vw);
    top: 50%;
    left: 50%;
    z-index: 1;
    background-color: #fff;
    transform: translate(-50%, -50%);
}

.BasicPopup-scroll {
    overflow: hidden;
    overflow-y: auto;
    max-height: calc(80vh - 128px);
}

.BasicPopupClosed {
    display: block;
    width: 18px;
    height: 18px;
    background-image: url('../image/icon/ico-popup-closed-bold.png');
    background-size: 18px 18px;
    position: absolute;
    top: 20px;
    right: 20px;
}

.BasicPopupLink {
    display: block;
    width: 100%;
    padding: 21px 20px;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    font-family: 'Mbc';
    line-height: 1.2em;
    background-color: #0D0D26;
    text-align: center;
}


/* responsive */
@media screen and (min-width: 1025px) {
    .BasicPopupLink:hover {
        color: #191819;
        background-color: #33FFCC;
    }

    .BasicPopup-scroll::-webkit-scrollbar {
        width: 3px;
    }

    .BasicPopup-scroll::-webkit-scrollbar-track {
        background: #dddddd;
    }

    .BasicPopup-scroll::-webkit-scrollbar-thumb {
        background: #0D0D26;
    }

    .BasicPopup-scroll::-webkit-scrollbar-thumb:hover {
        background: #0D0D26;
    }
}

@media screen and (max-width: 1920px) and (min-width: 1025px) {


    .BasicPopup-scroll {
        max-height: calc(80vh - 6.6666vw);
    }

    .BasicPopupClosed {
        width: 0.9375vw;
        height: 0.9375vw;
        background-size: 0.9375vw 0.9375vw;
        top: 1.04166vw;
        right: 1.04166vw;
    }

    .BasicPopupLink {
        padding: 1.09375vw 1.04166vw;
        font-size: 1.04166vw;
    }

}

@media screen and (max-width: 1024px) and (min-width: 768px) {


    .BasicPopup-scroll {
        max-height: calc(80vh - 12.5vw);
    }

    .BasicPopupClosed {
        width: 1.7578125vw;
        height: 1.7578125vw;
        background-size: 1.7578125vw 1.7578125vw;
        top: 1.953125vw;
        right: 1.953125vw;
    }

    .BasicPopupLink {
        padding: 2.05078vw 1.953125vw;
        font-size: 1.953125vw;
    }
}

@media screen and (max-width: 767px) and (min-width: 1px) {

    .BasicPopup-scroll {
        max-height: calc(80vh - 25.80952vw);
    }

    .BasicPopupClosed {
        width: 4.2857vw;
        height: 4.2857vw;
        background-size: 4.2857vw 4.2857vw;
        top: 4.76190vw;
        right: 4.76190vw;
    }

    .BasicPopupLink {
        padding: 5vw 4.76190vw;
        font-size: 4.25vw;
    }
}

/*=========================================================
  PrivacyPopup
=========================================================*/
.PrivacyPopup {
    padding: 2rem 24px;
    font-family: 'Noto Sans';
}

.PrivacyPopup-scroll {
    width: 100%;
    max-height: 450px;
    overflow-y: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.PrivacyPopup-scroll::-webkit-scrollbar {
    display: none;
}

.PrivacyPopup .privacy-title {
    font-weight: bold;
    font-size: 1.5625rem;
    margin-bottom: 1rem;
}

.PrivacyPopup .privacy-sub-title {
    font-weight: 500;
    font-size: 1.25rem;
    margin-bottom: 0.5rem;
}

.PrivacyPopup .privacy-content {
    font-size: 15px;
}

.PrivacyPopup table {
    font-size: 0.6rem;
    border-collapse: collapse;
    border: 1px solid #EEE;
    margin-top: 1rem;
    margin-bottom: 1.5rem;
}

.PrivacyPopup table td {
    padding: 0.25rem;
    border: 1px solid #EEE;
    vertical-align: middle;
}

.PrivacyPopup .close-popup-btn {
    color: #FFF;
    background-color: #000;
    border-radius: 8px;
    width: 100%;
    padding: 0.5rem 0;
    margin-top: 1.5rem;
}


/*=========================================================
  NewsletterPopup
=========================================================*/
.NewsletterPopup {
    padding: 80px 24px 44px;
    text-align: center;
}

.NewsletterPopup-title {
    display: block;
    color: #0D0D26;
    font-size: 30px;
    font-weight: 400;
    font-family: 'Mbc';
    line-height: 1.4em;
}

.NewsletterPopup-text {
    display: block;
    margin: 16px 0 54px;
    color: #0D0D26;
    font-size: 18px;
    line-height: 1.4em;
}


/* responsive */
@media screen and (max-width: 1920px) and (min-width: 1025px) {
    .NewsletterPopup {
        padding: 4.16666vw 1.25vw 2.291666vw;
    }

    .NewsletterPopup-title {
        font-size: 1.5625vw;
    }

    .NewsletterPopup-text {
        margin: 0.8333vw 0 2.8125vw;
        font-size: 0.9375vw;
    }

}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    .NewsletterPopup {
        padding: 7.8125vw 2.34375vw 4.29687vw;
    }

    .NewsletterPopup-title {
        font-size: 2.92968vw;
    }

    .NewsletterPopup-text {
        margin: 1.5625vw 0 5.27343vw;
        font-size: 1.75781vw;
    }

}

@media screen and (max-width: 767px) and (min-width: 1px) {
    .NewsletterPopup {
        padding: 19.0476vw 5.71428vw 10.47619vw;
    }

    .NewsletterPopup-title {
        font-size: 6.14285vw;
    }

    .NewsletterPopup-text {
        margin: 3.80952vw 0 10.8571vw;
        font-size: 4.2857vw;
    }

}


/*=========================================================
  ReportPopup
=========================================================*/
.ReportPopup {
    padding: 34px 0 50px;

}

.ReportPopup-inner {
    padding: 0 24px;
}

.ReportPopup-title {
    margin-bottom: 28px;
    color: #0D0D26;
    font-size: 24px;
    font-weight: 400;
    font-family: 'Mbc';
    line-height: 1.2em;
    text-align: center;
}

/* ReportPopupGraybox */
.ReportPopupGraybox {
    margin-bottom: 24px;
    padding: 20px 20px;
    background-color: #F4F4F4;
}

.ReportPopupGraybox-item {
    padding-bottom: 7px;
}

.ReportPopupGraybox-item:last-child {
    padding-bottom: 0;
}

.ReportPopupGraybox-item:after {
    content: '';
    display: block;
    clear: both;
}

.ReportPopupGraybox-title {
    float: left;
    width: 62px;
    color: #0D0D26;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.4em;
}

.ReportPopupGraybox-text {
    overflow: hidden;
    display: block;
    color: #0D0D26;
    font-size: 14px;
    line-height: 1.4em;
}

/* ReportPopupReason */
.ReportPopupReason-title {
    margin-bottom: 20px;
    color: #0D0D26;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.4em;

}

.ReportPopupReason-cont {
    margin-bottom: 38px;
}

.ReportPopupReason-item {
    padding-bottom: 20px;
}

.ReportPopupReason-item:last-child {
    padding-bottom: 0;
}


/* ReportCheckbox */
.ReportCheckbox-input {
    display: none;
}

.ReportCheckbox-text {
    display: block;
    position: relative;
    padding-left: 28px;
    color: #000;
    font-size: 18px;
    line-height: 1.4em;
    cursor: pointer;
}

.ReportCheckbox-text:before {
    content: '';
    display: block;
    width: 18px;
    height: 18px;
    margin-top: 1px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    border: 1px solid #000;

}

.ReportCheckbox-text:after {
    content: '';
    display: none;
    position: absolute;
    top: 50%;
    left: 4px;
    width: 12px;
    height: 8px;
    background-image: url('../image/icon/ico-checked.svg');
    background-size: 12px 8px;
    transform: translateY(-50%);
}

.ReportCheckbox-input:checked + .ReportCheckbox-text:after {
    display: block;
}


/* responsive */
@media screen and (max-width: 1920px) and (min-width: 1025px) {
    .ReportPopup {
        padding: 1.77083vw 0 2.60416vw;
    }

    .ReportPopup-inner {
        padding: 0 1.25vw;
    }

    .ReportPopup-title {
        margin-bottom: 1.45833vw;
        font-size: 1.25vw;
    }

    /* ReportPopupGraybox */
    .ReportPopupGraybox {
        margin-bottom: 1.25vw;
        padding: 1.04166vw 1.04166vw;
    }

    .ReportPopupGraybox-item {
        padding-bottom: 0.364583vw;
    }

    .ReportPopupGraybox-title {
        width: 3.22916vw;
        font-size: 0.729166vw;
    }

    .ReportPopupGraybox-text {
        font-size: 0.729166vw;
    }

    /* ReportPopupReason */
    .ReportPopupReason-title {
        margin-bottom: 1.041666vw;
        font-size: 0.9375vw;
    }

    .ReportPopupReason-cont {
        margin-bottom: 1.979166vw;
    }

    .ReportPopupReason-item {
        padding-bottom: 1.041666vw;
    }


    /* ReportCheckbox */
    .ReportCheckbox-text {
        padding-left: 1.45833vw;
        font-size: 0.9375vw;
    }

    .ReportCheckbox-text:before {
        width: 0.9375vw;
        height: 0.9375vw;
        margin-top: 0;
    }

    .ReportCheckbox-text:after {
        left: 0.20833vw;
        width: 0.625vw;
        height: 0.41666vw;
        background-size: 0.625vw 0.41666vw;
    }

}

@media screen and (max-width: 1371px) and (min-width: 1025px) {
    .ReportPopupGraybox-title {
        font-size: 10px;
    }

    .ReportPopupGraybox-text {
        font-size: 10px;
    }
}

@media screen and (max-width: 1066px) and (min-width: 1025px) {
    .ReportPopupReason-title {
        font-size: 10px;
    }

    .ReportCheckbox-text {
        font-size: 10px;
    }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    .ReportPopup {
        padding: 3.32031vw 0 4.8828vw;
    }

    .ReportPopup-inner {
        padding: 0 2.34375vw;
    }

    .ReportPopup-title {
        margin-bottom: 2.734375vw;
        font-size: 2.34375vw;
    }

    /* ReportPopupGraybox */
    .ReportPopupGraybox {
        margin-bottom: 2.34375vw;
        padding: 1.953125vw 1.953125vw;
    }

    .ReportPopupGraybox-item {
        padding-bottom: 0.68359vw;
    }

    .ReportPopupGraybox-title {
        width: 6.0546vw;
        font-size: 1.571vw;
    }

    .ReportPopupGraybox-text {
        font-size: 1.571vw;
    }

    /* ReportPopupReason */
    .ReportPopupReason-title {
        margin-bottom: 1.953125vw;
        font-size: 1.7578vw;
    }

    .ReportPopupReason-cont {
        margin-bottom: 3.71093vw;
    }

    .ReportPopupReason-item {
        padding-bottom: 1.953125vw;
    }


    /* ReportCheckbox */
    .ReportCheckbox-text {
        padding-left: 2.7343vw;
        font-size: 1.7578vw;
    }

    .ReportCheckbox-text:before {
        width: 1.7578vw;
        height: 1.7578vw;
    }

    .ReportCheckbox-text:after {
        left: 0.3906vw;
        width: 1.1718vw;
        height: 0.78125vw;
        background-size: 1.1718vw 0.78125vw;
    }
}

@media screen and (max-width: 767px) and (min-width: 1px) {
    .ReportPopup {
        padding: 5.43285vw 0 6.5189vw;
    }

    .ReportPopup-inner {
        padding: 0 3.1290vw;
    }

    .ReportPopup-title {
        margin-bottom: 4.6505vw;
        font-size: 5.21428vw;
    }

    /* ReportPopupGraybox */
    .ReportPopupGraybox {
        margin-bottom: 6.1290vw;
        padding: 2.60756vw 2.60756vw;
    }

    .ReportPopupGraybox-item {
        padding-bottom: 1.6666vw;
    }

    .ReportPopupGraybox-title {
        width: 12vw;
        font-size: 3.33333vw;
    }

    .ReportPopupGraybox-text {
        font-size: 3.33333vw;
    }

    /* ReportPopupReason */
    .ReportPopupReason-title {
        margin-bottom: 3.7619vw;
        font-size: 4.2857vw;
    }

    .ReportPopupReason-cont {
        margin-bottom: 4.95436vw;
    }

    .ReportPopupReason-item {
        padding-bottom: 3.60756vw;
    }


    /* ReportCheckbox */
    .ReportCheckbox-text {
        padding-left: 7.142857vw;
        font-size: 3.33333vw;
    }

    .ReportCheckbox-text:before {
        width: 4.285714vw;
        height: 4.285714vw;
        margin-top: 0;
    }

    .ReportCheckbox-text:after {
        left: 0.95238vw;
        width: 2.85714vw;
        height: 1.90476vw;
        background-size: 2.85714vw 1.90476vw;
    }
}


/*=========================================================
  SinglePage
=========================================================*/
.SiteSingle {
    margin-top: 160px;
}

.SingleHeader {
    margin-bottom: 30px;
    border-top: solid 8px #0D0D0D;
    position: relative;
    z-index: 100;
}

.SingleHeaderInfo {
    position: relative;
    padding: 27px 0 24px;
    margin-bottom: 40px;
    border-bottom: solid 1px #CCCCCC;
}

.SingleHeaderInfo:after {
    content: "";
    display: table;
    clear: both;
}

.SingleHeaderInfo-date {
    float: left;
    font-size: 16px;
    line-height: 1.2em;
    color: #888888;
    font-family: 'Mbc';
    font-weight: 400;
}

.SingleHeaderInfoMeta {
    float: right;
    position: relative;
    /* padding-right:40px; */
    font-size: 0;
    line-height: 0;
}

.SingleHeaderInfoMeta-item {
    float: left;
    margin-left: 20px;
    font-size: 16px;
    line-height: 1.2em;
    color: #888888;
    font-family: 'Mbc';
    font-weight: 400;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
}

.SingleHeaderInfoMeta-item.View {
    padding-left: 29px;
}

.SingleHeaderInfoMeta-item.View:before {
    content: "";
    width: 21px;
    height: 13px;
    background-image: url(../image/icon/ico-single-view.png);
    background-size: 21px 13px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    margin-top: -1px;
}

.SingleHeaderInfoMeta-item.Like {
    padding-left: 22px;
}

.SingleHeaderInfoMeta-item.Like:before {
    content: "";
    width: 14px;
    height: 13px;
    background-image: url(../image/icon/ico-single-like.png);
    background-size: 14px 13px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.SingleHeaderInfoMeta-item.Like.icon-love:before {
    background-image: url(../image/icon/ico-single-like-h.png);
}

.SingleHeaderInfoMeta-item:first-child {
    margin-left: 0;
}

.SingleHeaderShare {
    float: left;
    position: relative;
    /* top:50%; */
    right: 0;
    /* transform:translateY(-50%); */
    width: 14px;
    height: 17px;
}


.SingleHeaderShare-btn {
    width: 14px;
    height: 17px;
    background-image: url(../image/icon/ico-single-share.png);
    background-size: 14px 17px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    margin-top: -1px;
}


.SharePopup {
    position: absolute;
    right: -10px;
    top: 28px;
    width: 300px;
    padding: 25px 20px;
    z-index: 50;
    border: solid 1px #EEEEEE;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    opacity: 0;
    visibility: hidden;
    transition-property: opacity, visibility;
    transition-duration: 0.1s;
}

.is-View.SharePopup {
    opacity: 1;
    visibility: visible;
}

.SharePopupLink-list {
    overflow: hidden;
    margin: -8px 0px;
}

.SharePopupLink-item {
    padding: 8px 0px;
    width: 25%;
    float: left;
}

.SharePopupLink-item:nth-child(4n+1) {
    clear: both;
}

.SharePopupLink-link {
    display: block;
}

.SharePopupLink-img {
    display: block;
    width: 38px;
    line-height: 0;
    margin: 0 auto 5px;
}

.SharePopupLink-text {
    display: block;
    font-size: 11px;
    line-height: 1.2em;
    color: #888888;
    text-align: center;
}

.SharePopupCopy {
    margin-top: 15px;
    position: relative;
    padding-right: 60px;
}

.SharePopupCopy-text {
    background-color: #F4F4F4;
    padding: 12px 16px;
    font-size: 11px;
    line-height: 1.4em;
    color: #888888;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.SharePopupCopy-text input {
    width: 100%;
}

body .SharePopupCopy-btn {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #0D0C26;
    font-size: 14px;
    line-height: 1.2em;
    color: #fff;
    font-weight: 500;
    width: 60px;
    padding: 10px 0;
    height: 100%;
    text-align: center;
}

.SingleHeaderShare-btn.is-View {
    background-image: url('../image/icon/ico-single-share-h.png');
}

@media screen and (min-width: 1025px) {
    .SharePopupCopy-btn:hover {
        color: #0D0C26;
        background-color: #33FFCC;
    }

    .SharePopupLink-link:hover .SharePopupLink-text {
        color: #000;
    }

    .SingleHeaderShare-btn:hover {
        background-image: url('../image/icon/ico-single-share-h.png');
    }

    .SingleHeaderInfoMeta-item.Like:hover:before {
        background-image: url(../image/icon/ico-single-like-h.png);
    }
}

.SingleHeader-title {
    font-size: 40px;
    line-height: 1.5em;
    color: #000000;
    font-weight: 400;
    font-family: 'Mbc';
}

/* responsive */
@media screen and (max-width: 1920px) and (min-width: 1025px) {
    .SiteSingle {
        margin-top: 8.3333vw;
    }

    .SingleHeader {
        margin-bottom: 1.5625vw;
        border-top: solid 0.4166vw #0D0D0D;
    }

    .SingleHeaderInfo {
        padding: 1.4062vw 0 1.25vw;
        margin-bottom: 2.08333vw;
    }

    .SingleHeaderInfo-date {
        font-size: 0.8333vw;
    }

    .SingleHeaderInfoMeta {
        /* padding-right:2.08333vw; */
    }

    .SingleHeaderInfoMeta-item {
        margin-left: 1.04166vw;
        font-size: 0.8333vw;
    }

    .SingleHeaderInfoMeta-item.View {
        padding-left: 1.51041vw;
    }

    .SingleHeaderInfoMeta-item.View:before {
        width: 1.09375vw;
        height: 0.67708vw;
        background-size: 1.09375vw 0.67708vw;
    }

    .SingleHeaderInfoMeta-item.Like {
        padding-left: 1.1458vw;
    }

    .SingleHeaderInfoMeta-item.Like:before {
        width: 0.72916vw;
        height: 0.67708vw;
        background-size: 0.72916vw 0.67708vw;
    }

    .SingleHeaderShare {
        width: 0.72916vw;
        height: 0.88541vw;
    }

    .SingleHeaderShare-btn {
        width: 0.72916vw;
        height: 0.88541vw;
        background-size: 0.72916vw 0.88541vw;
    }

    .SharePopup {
        right: -0.52083vw;
        top: 1.45833vw;
    }

    .SingleHeader-title {
        font-size: 2.0833vw;
    }
}

@media screen and (max-width: 1200px) and (min-width: 1025px) {
    .SingleHeaderInfo-date {
        font-size: 10px;
    }

    .SingleHeaderInfoMeta-item {
        font-size: 10px;
    }
}


@media screen and (max-width: 1024px) and (min-width: 768px) {
    .SiteSingle {
        margin-top: 8.3333vw;
    }

    .SingleHeader {
        margin-bottom: 2.5625vw;
        border-top: solid 0.4166vw #0D0D0D;
    }

    .SingleHeaderInfo {
        padding: 2.4062vw 0 2.25vw;
        margin-bottom: 4.08333vw;
    }

    .SingleHeaderInfo-date {
        font-size: 1.48333vw;
    }

    .SingleHeaderInfoMeta {
        /* padding-right:3.90625vw; */
    }

    .SingleHeaderInfoMeta-item {
        margin-left: 1.953125vw;
        font-size: 1.48333vw;
    }

    .SingleHeaderInfoMeta-item.View {
        padding-left: 2.51041vw;
    }

    .SingleHeaderInfoMeta-item.View:before {
        width: 1.59375vw;
        height: 1.07708vw;
        background-size: 1.59375vw 1.07708vw;
    }

    .SingleHeaderInfoMeta-item.Like {
        padding-left: 2.1458vw;
    }

    .SingleHeaderInfoMeta-item.Like:before {
        width: 1.42916vw;
        height: 1.27708vw;
        background-size: 1.42916vw 1.27708vw;
    }

    .SingleHeaderShare {
        width: 1.42916vw;
        height: 1.68541vw;
    }

    .SingleHeaderShare-btn {
        width: 1.42916vw;
        height: 1.68541vw;
        background-size: 1.42916vw 1.68541vw;
    }

    .SharePopup {
        width: 35vw;
        right: -0.52083vw;
        top: 2.45833vw;
    }

    .SingleHeader-title {
        font-size: 4.0833vw;
        margin-bottom: 2.5625vw;
    }

    .SharePopupLink-text {
        font-size: 1.3vw;
    }

    body .SharePopupCopy-btn {
        font-size: 1.7vw;
        padding: 1.4vw 0;
    }

    .SharePopupCopy-text {
        padding: 1.5267vw 1.5267vw;
        font-size: 1.4vw;
    }
}

@media screen and (max-width: 767px) and (min-width: 1px) {
    .SiteSingle {
        margin-top: 15.3333vw;
    }

    .SingleHeader {
        margin-bottom: 4.5625vw;
        border-top: solid 0.4166vw #0D0D0D;
    }

    .SingleHeaderInfo {
        padding: 4.4062vw 0 3.25vw;
        margin-bottom: 6.68333vw;
    }

    .SingleHeaderInfo-date {
        font-size: 3.48333vw;
    }

    .SingleHeaderInfoMeta {
        /* padding-right:7.8645vw; */
    }

    .SingleHeaderInfoMeta-item {
        margin-left: 4.1458vw;
        font-size: 3.48333vw;
    }

    .SingleHeaderInfoMeta-item.View {
        padding-left: 4.51041vw;
    }

    .SingleHeaderInfoMeta-item.View:before {
        width: 3.59375vw;
        height: 2.07708vw;
        background-size: 3.59375vw 2.07708vw;
    }

    .SingleHeaderInfoMeta-item.Like {
        padding-left: 4.1458vw;
    }

    .SingleHeaderInfoMeta-item.Like:before {
        width: 2.82916vw;
        height: 2.87708vw;
        background-size: 2.82916vw 2.87708vw;
        margin-top: -1px;
    }

    .SingleHeaderShare {
        width: 3.42916vw;
        height: 3.68541vw;
    }

    .SingleHeaderShare-btn {
        width: 3.42916vw;
        height: 3.68541vw;
        background-size: 3.42916vw 3.68541vw;
    }

    .SharePopup {
        width: 88vw;
        right: -17.82083vw;
        top: 5.45833vw;
    }

    .SingleHeader-title {
        font-size: 7.0833vw;
    }

    .SharePopupLink-text {
        font-size: 3.23vw;
    }

    body .SharePopupCopy-btn {
        font-size: 3.7vw;
        padding: 3.4vw 0;
    }

    .SharePopupCopy-text {
        padding: 3.5267vw 3.5267vw;
        font-size: 3.24vw;
    }


    body.single-toktok .SharePopup {
        right: -10.75083vw;
    }

    body.single-14f_notice .SharePopup {
        right: 0;
    }

}


/* 먼지 Talk header */
.SingleHeaderInfoMeta.Talk {
    padding-right: 10px;
}

.SingleHeaderInfoMeta.Talk .SingleHeaderShare {
    position: static;
    transform: translate(0);
}

.SingleHeaderInfoMeta.Talk .SingleHeaderShare-btn {
    right: 0;
}

@media screen and (max-width: 1920px) and (min-width: 1025px) {
    .SingleHeaderInfoMeta.Talk {
        padding-right: 0.520833vw;
    }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    .SingleHeaderInfoMeta.Talk {
        padding-right: 0.9765625vw;
    }
}

@media screen and (max-width: 767px) and (min-width: 1px) {
    .SingleHeaderInfoMeta.Talk {
        padding-right: 2.38095vw;
    }

}


/*=========================================================
Single Post
=========================================================*/
.SingleContent {
    font-size: 16px;
    line-height: 1.9;
}

.SingleContent .size-full {
    height: auto !important;
}

.SingleContent .alignleft {
    float: left;
}

.SingleContent .alignright {
    float: right;
}

.SingleContent .aligncenter {
    display: block;
    margin: 0 auto;
    text-align: center;
}

.SingleContent figure.wp-caption {
    width: 100% !important;
}

.SingleContent iframe {
    width: 100% !important;
}

.SingleContent p {
    margin-bottom: 20px;
    color: #000;
}

.SingleContent p:after {
    content: '';
    display: block;
    clear: both;
}

.SingleContent p img {
    height: auto !important;
    margin-top: 18px;
}

.SingleContent a {
    color: #000;
}

.SingleContent em {
    font-style: normal;
    font-weight: 500;
    text-decoration: underline;
}

.SingleContent a:hover {
    text-decoration: underline;
}

.SingleContent h1 {
    font-size: 1.9em;
}

.SingleContent h2 {
    font-size: 1.88em;
}

.SingleContent h3 {
    font-size: 1.4em;
}

.SingleContent h4 {
    font-size: 1.32em;
}

.SingleContent h5 {
    font-size: 1.26em;
}

.SingleContent h6 {
    font-size: 1em;
}

.SingleContent h1,
.SingleContent h2,
.SingleContent h3,
.SingleContent h4,
.SingleContent h5,
.SingleContent h6 {
    margin-top: 36px;
    margin-bottom: 20px;
    color: #000;
    font-weight: 500;
    font-family: 'Mbc';
    line-height: 1.4em;
}

.SingleContent h1:first-child,
.SingleContent h2:first-child,
.SingleContent h3:first-child,
.SingleContent h4:first-child,
.SingleContent h5:first-child,
.SingleContent h6:first-child {
    margin-top: 0;
}

.SingleContent figure {
    margin-bottom: 20px;
}

.SingleContent ul {
    margin-bottom: 20px;
    color: #222;
    text-align: left;
}

.SingleContent ol {
    margin-bottom: 20px;
    color: #222;
}

.SingleContent li {
    margin-top: 5px;
}

.SingleContent li:first-child {
    margin-top: 0;
}

.SingleContent img {
    max-width: 100%;
    vertical-align: middle;
}

.SingleContent figcaption.wp-caption-text {
    color: #555555;
    font-weight: normal;
    text-align: center;
    font-size: .75rem;
}

.SingleContent ol li {
    padding-left: 1.1em;
    position: relative;
}

.SingleContent ol li:nth-child(1):before {
    content: "1.";
    position: absolute;
    top: 0;
    left: 0;
}

.SingleContent ol li:nth-child(2):before {
    content: "2.";
    position: absolute;
    top: 0;
    left: 0;
}

.SingleContent ol li:nth-child(3):before {
    content: "3.";
    position: absolute;
    top: 0;
    left: 0;
}

.SingleContent ol li:nth-child(4):before {
    content: "4.";
    position: absolute;
    top: 0;
    left: 0;
}

.SingleContent ol li:nth-child(5):before {
    content: "5.";
    position: absolute;
    top: 0;
    left: 0;
}

.SingleContent ol li:nth-child(6):before {
    content: "6.";
    position: absolute;
    top: 0;
    left: 0;
}

.SingleContent ol li:nth-child(7):before {
    content: "7.";
    position: absolute;
    top: 0;
    left: 0;
}

.SingleContent ol li:nth-child(8):before {
    content: "8.";
    position: absolute;
    top: 0;
    left: 0;
}

.SingleContent ol li:nth-child(9):before {
    content: "9.";
    position: absolute;
    top: 0;
    left: 0;
}

.SingleContent blockquote p {
    margin-bottom: 40px;
    padding: 15px 20px;
    background-color: #F4F4F4;
    color: #000;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.4em;
}

.SingleContent ul li h2 {
    position: relative;
    margin-bottom: 14px;
    padding-left: 42px;
    font-size: 22px;
}

.SingleContent ul li h2:before {
    content: '';
    display: block;
    width: 28px;
    height: 34px;
    position: absolute;
    top: 5px;
    left: 0;
    background-image: url('../image/icon/ico-h2.png');
    background-size: 28px 34px;
}

.SingleContent ul li h2 + p {
    padding-left: 42px;
}

.SingleContent ul li h3 {
    position: relative;
    margin-bottom: 10px;
    padding-left: 10px;
    font-size: 16px;
}

.SingleContent ul li h3:before {
    content: '';
    display: block;
    width: 2px;
    height: 2px;
    border-radius: 100%;
    background-color: #000;
    position: absolute;
    top: 10px;
    left: 0;
}

.SingleContent ul li h3 + p {
    padding-left: 10px;
}

.SingleContent hr {
    margin: 1em 0;
}

.SingleContent table {
    width: 100%;
    margin-bottom: 20px;
    border-top: solid 2px #2e3235;
    border-collapse: collapse;
}

.SingleContent table thead th {
    text-align: center;
}

.SingleContent table tbody th {
    text-align: center;
}

.SingleContent table caption {
    display: none;
}

.SingleContent table * {
    margin: 0;
}

.SingleContent table thead th {
    color: #2e3235;
    font-size: 1.1em;
    font-weight: bold;
    text-align: center;
    line-height: 1.4em;
}

.SingleContent table th, .SingleContent table td {
    vertical-align: middle;
    border: solid 1px #ccd0d7;
    padding: 12px 5px;
    text-align: center;
}

.SingleContent iframe {
    max-width: 100% !important;
}

.SingleContent span[id*="more-"] {
    border-bottom: dashed 2px #ccd0d7;
    display: block;
}

.SingleContent figcaption {
    color: #555555;
    font-weight: normal;
    font-size: .75rem;
}

.SingleContent iframe[src*="youtube"] {
    height: 366px;
}

.TodayLetter .SingleContent iframe[src*="youtube"] {
    height: 366px;
}


@media screen and (max-width: 1920px) and (min-width: 1025px) {
    .SingleContent iframe[src*="youtube"] {
        height: 19.0625vw;
    }

    .TodayLetter .SingleContent iframe[src*="youtube"] {
        height: 19.0625vw;
    }
}

@media screen and (max-width: 1300px) and (min-width: 1025px) {
    .SingleContent {
        font-size: 1.23076vw;
    }

    .SingleContent h1, .SingleContent h2, .SingleContent h3, .SingleContent h4, .SingleContent h5, .SingleContent h6 {
        margin-top: 1.875vw;
        margin-bottom: 1.154vw;
    }

    .SingleContent p {
        margin-bottom: 1.538vw;
    }

    .SingleContent p img {
        margin-top: 0.9375vw;
    }

    .SingleContent blockquote p {
        margin-bottom: 2.08333vw;
        padding: 0.78125vw 1.04166vw;
    }

    .SingleContent iframe[src*="youtube"] {
        height: 19.153846vw;
    }

    .TodayLetter .SingleContent iframe[src*="youtube"] {
        height: 19.153846vw;
    }


    .SingleContent ul li h2 {
        margin-bottom: 0.72916vw;
        padding-left: 2.1875vw;
        font-size: 1.145833vw;
    }

    .SingleContent ul li h2:before {
        width: 1.45833vw;
        height: 1.770833vw;
        top: 0.260416vw;
        background-size: 1.45833vw 1.770833vw;
    }

    .SingleContent ul li h2 + p {
        padding-left: 2.1875vw;
    }

    .SingleContent ul li h3 {
        margin-bottom: 0.769vw;
        padding-left: 0.769vw;
        font-size: 1.2307vw;
    }

    .SingleContent ul li h3:before {
        top: 0.769vw;
    }

    .SingleContent ul li h3 + p {
        padding-left: 0.769vw;
    }
}


@media screen and (max-width: 1024px) and (min-width: 768px) {
    .SingleContent {
        font-size: 1.82291vw;
    }

    .SingleContent h1, .SingleContent h2, .SingleContent h3, .SingleContent h4, .SingleContent h5, .SingleContent h6 {
        margin-top: 3.515625vw;
        margin-bottom: 1.465vw;
    }

    .SingleContent p {
        margin-bottom: 1.953vw;
    }

    .SingleContent p img {
        margin-top: 1.7578125vw;
    }

    .SingleContent blockquote p {
        margin-bottom: 3.90625vw;
        padding: 1.46484375vw 1.953125vw;
        font-size: 1.5vw;
    }

    .SingleContent iframe[src*="youtube"] {
        height: 35.7421875vw;
    }

    .TodayLetter .SingleContent iframe[src*="youtube"] {
        height: 35.7421875vw;
    }

    .SingleContent ul li h2 {
        margin-bottom: 1.3671875vw;
        padding-left: 4.1015625vw;
        font-size: 2.1484375vw;
    }

    .SingleContent ul li h2:before {
        width: 2.734375vw;
        height: 3.3203125vw;
        top: 0.48828125vw;
        background-size: 2.734375vw 3.3203125vw;
    }

    .SingleContent ul li h2 + p {
        padding-left: 4.1015625vw;
    }

    .SingleContent ul li h3 {
        margin-bottom: 0.969vw;
        padding-left: 0.969vw;
        font-size: 1.82291vw;
    }

    .SingleContent ul li h3:before {
        top: 0.969vw;
    }

    .SingleContent ul li h3 + p {
        padding-left: 0.969vw;
    }
}


@media screen and (max-width: 767px) and (min-width: 1px) {
    .SingleContent {
        font-size: 3.7333vw;
    }

    .SingleContent .size-full {
        display: block;
        max-width: none;
        width: auto;
        margin-left: -6.25vw;
        margin-right: -6.25vw;
    }


    .SingleContent .size-full {
        display: block;
        max-width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    .SingleContent ul li .size-full {
        max-width: 30px;
        display: inline-block;
    }

    .SingleContent .size-large .size-full {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    .SingleContent .size-large .size-large {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    .SingleContent .size-full .size-full {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    .SingleContent .size-full .size-large {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    .SingleContent .size-full figcaption {
        padding-left: 6.25vw;
        padding-right: 6.25vw;
    }

    .SingleContent .size-large {
        display: block;
        max-width: none;
        width: auto;
        margin-left: -6.25vw;
        margin-right: -6.25vw;
    }

    .SingleContent .size-large figcaption {
        padding-left: 6.25vw;
        padding-right: 6.25vw;
    }

    .SingleContent h1, .SingleContent h2, .SingleContent h3, .SingleContent h4, .SingleContent h5, .SingleContent h6 {
        margin-top: 4.69361vw;
        margin-bottom: 3.96vw;
    }

    .SingleContent h2 {
        font-size: 1.5em;
    }

    .SingleContent p {
        margin-bottom: 4.607vw;
    }

    .SingleContent p img {
        margin-top: 2.3468vw;
    }

    .SingleContent blockquote p {
        margin-bottom: 5.2151238vw;
        padding: 1.955671vw 2.6075619vw;
        font-size: 3.5vw;
    }

    .SingleContent iframe[src*="youtube"] {
        height: 49.366vw;
    }

    .TodayLetter .SingleContent iframe[src*="youtube"] {
        height: 42.35vw;
    }

    .SingleContent ul li h2 {
        margin-bottom: 3.333vw;
        padding-left: 6.5vw;
        font-size: 5.23809vw;
    }

    .SingleContent ul li h2:before {
        width: 5vw;
        height: 6.095238vw;
        top: 0.6vw;
        background-size: 5vw 6.095238vw;
    }


    .SingleContent ul li h2 + p {
        padding-left: 6.5vw;
    }

    .SingleContent ul li h3 {
        margin-bottom: 2.2969vw;
        padding-left: 1.469vw;
        font-size: 3.7333vw;
    }

    .SingleContent ul li h3:before {
        top: 2.069vw;
    }

    .SingleContent ul li h3 + p {
        padding-left: 1.469vw;
    }
}


/*=========================================================
	SingleKeyword
=========================================================*/
.SingleKeyword {
    margin-top: 60px;
    border-top: solid 1px #CCCCCC;
    border-bottom: solid 1px #CCCCCC;
    padding: 40px 0;
}

.SingleKeyword-list {
    overflow: hidden;
    margin: -5px -18px;
}

.SingleKeyword-item {
    padding: 5px 18px;
    float: left;
}

.SingleKeyword-link {
    display: block;
    font-size: 18px;
    line-height: 1.4em;
    color: #000;
    font-weight: 400;
    font-family: 'Mbc';
}

@media screen and (min-width: 1025px) {
    .SingleKeyword-link:hover {
        color: #33FFCC;
    }
}

/* responsive */
@media screen and (max-width: 1920px) and (min-width: 1025px) {
    .SingleKeyword {
        margin-top: 3.125vw;
        padding: 2.083vw 0;
    }

    .SingleKeyword-list {
        margin: -0.2604vw -0.9375vw;
    }

    .SingleKeyword-item {
        padding: 0.2604vw 0.9375vw;
    }

    .SingleKeyword-link {
        font-size: 0.9375vw;
    }
}

@media screen and (max-width: 1090px) and (min-width: 768px) {
    .SingleKeyword-link {
        font-size: 10px;
    }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    .SingleKeyword {
        margin-top: 5.125vw;
        padding: 2.883vw 0;
    }

    .SingleKeyword-list {
        margin: -0.2604vw -0.9375vw;
    }

    .SingleKeyword-item {
        padding: 0.2604vw 0.9375vw;
    }

    .SingleKeyword-link {
        font-size: 1.49375vw;
    }
}

@media screen and (max-width: 767px) and (min-width: 1px) {
    .SingleKeyword {
        margin-top: 10.125vw;
        padding: 4.883vw 0;
    }

    .SingleKeyword-list {
        margin: -0.6604vw -1.1375vw;
    }

    .SingleKeyword-item {
        padding: 0.6604vw 1.1375vw;
    }

    .SingleKeyword-link {
        font-size: 3.349375vw;
    }
}

/*=========================================================
	SingleRelated
=========================================================*/
.SingleRelated {
    position: relative;
    margin-top: 100px;
}

.SingleRelatedHeader {
    margin-bottom: 30px;
    position: relative;
}

.SingleRelatedHeader-title {
    font-size: 30px;
    line-height: 1.3em;
    color: #000;
    font-weight: 400;
    font-family: 'Mbc';
}

.SingleRelatedHeader .MainContentTitle-link {
    bottom: auto;
    top: 50%;
    transform: translateY(-50%);
}

.SingleRelatedList-list {
    overflow: hidden;
    margin: -15px -15px;
}

.SingleRelatedList-item {
    width: 33.333%;
    padding: 15px 15px;
    float: left;
    align-items: flex-start;
}

.SingleRelatedList {
    overflow: hidden;
}

/* responsive */
@media screen and (max-width: 1920px) and (min-width: 1025px) {
    .SingleRelated {
        margin-top: 5.20833vw;
    }

    .SingleRelatedHeader {
        margin-bottom: 1.5625vw;
    }

    .SingleRelatedHeader-title {
        font-size: 1.5625vw;
    }

    .SingleRelatedList-list {
        margin: -0.78125vw -0.78125vw;
    }

    .SingleRelatedList-item {
        padding: 0.78125vw 0.78125vw;
    }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    .SingleRelated {
        margin-top: 10.20833vw;
    }

    .SingleRelatedHeader {
        margin-bottom: 3.5625vw;
    }

    .SingleRelatedHeader-title {
        font-size: 3.90625vw;
    }

    .SingleRelatedList-list {
        margin: -0.78125vw -0.78125vw;
    }

    .SingleRelatedList-item {
        padding: 0.78125vw 0.78125vw;
    }
}

@media screen and (max-width: 767px) and (min-width: 1px) {
    .SingleRelated {
        margin-top: 15.20833vw;
        padding: 0;
    }

    .SingleRelatedHeader {
        margin-bottom: 6.5625vw;
    }

    .SingleRelatedHeader-title {
        font-size: 6.5238vw;
    }

    .SingleRelatedList-list {
        margin: 0;
        overflow: visible;
    }

    .SingleRelatedList-item {
        padding: 0 1.78125vw;
        width: 75vw;
        float: none;
    }

    .SingleRelateSlideArrow {
        display: none;
    }

    .SingleRelateSlide {
        overflow: visible !important;
        margin: 0 -1.78125vw;
    }
}


/*=========================================================
	SingleRelateSlide
=========================================================*/
.SingleRelateSlide {
    overflow: unset;
}

.SingleRelateSlideArrow {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10;
    transform: translate(-50%, -50%);
}

.SingleRelateSlideArrow-prev {
    display: block;
    width: 50px;
    height: 50px;
    position: absolute;
    left: -80px;
    z-index: 10;
    background-color: #0D0C26;
    border-radius: 100%;
    cursor: pointer;
}

.SingleRelateSlideArrow-prev:after {
    content: '';
    display: block;
    width: 11px;
    height: 18px;
    margin-right: 1px;
    position: absolute;
    top: 50%;
    left: 50%;
    background-image: url(../image/icon/ico-TalkSlide-prev.png);
    background-size: 11px 18px;
    transform: translate(-50%, -50%);
}

.SingleRelateSlideArrow-next {
    display: block;
    width: 50px;
    height: 50px;
    position: absolute;
    right: -80px;
    z-index: 10;
    background-color: #0D0C26;
    border-radius: 100%;
    cursor: pointer;
}

.SingleRelateSlideArrow-next:after {
    content: '';
    display: block;
    width: 11px;
    height: 18px;
    margin-left: 1px;
    position: absolute;
    top: 50%;
    left: 50%;
    background-image: url(../image/icon/ico-TalkSlide-next.png);
    background-size: 11px 18px;
    transform: translate(-50%, -50%);
}

.SingleRelateSlideArrow .swiper-button-disabled.swiper-button-prev {
    display: none;
}

.SingleRelateSlideArrow .swiper-button-disabled.swiper-button-next {
    display: none;
}

/* responsive */
@media screen and (min-width: 1025px) {
    .SingleRelateSlideArrow-prev:hover {
        background-color: #32FFCC;
    }

    .SingleRelateSlideArrow-next:hover {
        background-color: #32FFCC;
    }
}

@media screen and (max-width: 1920px) and (min-width: 1025px) {

    .SingleRelateSlideArrow-prev {
        width: 2.60416vw;
        height: 2.60416vw;
        left: -4.1666vw;
    }

    .SingleRelateSlideArrow-prev:after {
        width: 0.572916vw;
        height: 0.9375vw;
        background-size: 0.572916vw 0.9375vw;
    }

    .SingleRelateSlideArrow-next {
        width: 2.60416vw;
        height: 2.60416vw;
        right: -4.1666vw;
    }

    .SingleRelateSlideArrow-next:after {
        width: 0.572916vw;
        height: 0.9375vw;
        background-size: 0.572916vw 0.9375vw;
    }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {

    .SingleRelateSlideArrow-prev {
        width: 3.8828125vw;
        height: 3.8828125vw;
        left: -1vw;
    }

    .SingleRelateSlideArrow-prev:after {
        width: 1.07421875vw;
        height: 1.7578125vw;
        background-size: 1.07421875vw 1.7578125vw;
    }

    .SingleRelateSlideArrow-next {
        width: 3.8828125vw;
        height: 3.8828125vw;
        right: -1vw;
    }

    .SingleRelateSlideArrow-next:after {
        width: 1.07421875vw;
        height: 1.7578125vw;
        background-size: 1.07421875vw 1.7578125vw;
    }

    .SingleRelateSlideArrow {
        display: none;
    }
}

@media screen and (max-width: 767px) and (min-width: 1px) {
    .SingleRelateSlideArrow {
        top: 45%;
    }

    .SingleRelateSlideArrow-prev {
        width: 10vw;
        height: 10vw;
        left: -3.380952vw;
    }

    .SingleRelateSlideArrow-prev:after {
        width: 2.619047vw;
        height: 4.2857142vw;
        background-size: 2.619047vw 4.2857142vw;
    }

    .SingleRelateSlideArrow-next {
        width: 10vw;
        height: 10vw;
        right: -3.380952vw;
    }

    .SingleRelateSlideArrow-next:after {
        width: 2.619047vw;
        height: 4.2857142vw;
        background-size: 2.619047vw 4.2857142vw;
    }

}


/*=========================================================
	SingleButton
=========================================================*/

.SingleButton {
    max-width: 255px;
    margin: 90px auto 0;
}


@media screen and (max-width: 1920px) and (min-width: 1025px) {

    .SingleButton {
        max-width: 13.28125vw;
        margin-top: 4.6875vw;
    }

}

@media screen and (max-width: 1024px) and (min-width: 768px) {

    .SingleButton {
        max-width: 24.9023vw;
        margin-top: 8.7890625vw;
    }

}

@media screen and (max-width: 767px) and (min-width: 1px) {

    .SingleButton {
        max-width: none;
        margin-top: 12.42857vw;
        padding: 0 10vw;
    }

}


/*=========================================================
  SingleContBar
=========================================================*/
.SingleContBar {
    background-color: #E6E6E9;
    height: 30px;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 99;
}

.SingleContBar-bar {
    position: absolute;
    left: -22px;
    height: 100%;
    background-color: #32FFCC;
}

.SingleContBar-Cr {
    width: 40px;
    height: 40px;
    background-image: url(../image/icon/bar-CR.png);
    background-size: 44px 44px;
    position: absolute;
    top: 50%;
    right: -20px;
    margin-top: -20px;
    z-index: 5;
}

/* responsive */
@media screen and (max-width: 1920px) and (min-width: 1025px) {
    .SingleContBar {
        height: 1.5625vw;
    }

    .SingleContBar-bar {
        left: -1.1458vw;
    }

    .SingleContBar-Cr {
        width: 2.0833vw;
        height: 2.0833vw;
        background-size: 2.0833vw 2.0833vw;
        right: -1.1458vw;
        margin-top: -1.0416vw;
    }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    .SingleContBar {
        height: 2.8041vw;
    }

    .SingleContBar-bar {
        left: -2.1458vw;
    }

    .SingleContBar-Cr {
        width: 3.2916vw;
        height: 3.2916vw;
        background-size: 3.2916vw 3.2916vw;
        right: -1.1458vw;
        margin-top: -1.6458vw;
    }
}

@media screen and (max-width: 767px) and (min-width: 1px) {
    .SingleContBar {
        height: 4.8041vw;
    }

    .SingleContBar-bar {
        left: -2.1458vw;
    }

    .SingleContBar-Cr {
        width: 4.2916vw;
        height: 4.2916vw;
        background-size: 4.2916vw 4.2916vw;
        right: -1.1458vw;
        margin-top: -2.1458vw;
    }
}

/*=========================================================
  SingleCardSlide
=========================================================*/
.SingleCardSlide {
    overflow: hidden;
}

.SingleCardSlide-inner {
    position: relative;
    max-width: 1060px;
    margin: 0 auto;
    padding: 0 120px;
}

.SingleCardSlideMain {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.SingleCardSlideThumb {
    width: 820px;
    overflow: hidden;
    margin: 20px auto 0;
}

.SingleCardSlideThumb-item {
    opacity: 0.5;
    cursor: pointer;
}

.SingleCardSlideThumb-item.swiper-slide-thumb-active {
    opacity: 1;
}

.SingleCardSlide-next {
    width: 70px;
    height: 70px;
    background-image: url(../image/icon/ico-cardslide-next.png);
    background-size: 70px 70px;
    position: absolute;
    top: 50%;
    right: 0;
    cursor: pointer;
}

.SingleCardSlide-prev {
    width: 70px;
    height: 70px;
    background-image: url(../image/icon/ico-cardslide-prev.png);
    background-size: 70px 70px;
    position: absolute;
    top: 50%;
    left: 0;
    cursor: pointer;
}

.SingleCardSlideThumb-scrollbar {
    width: calc(100vw - 12.5vw);
    height: 2px;
    background-color: #F4F4F4;
    opacity: 1 !important;
    margin: 6vw auto 0;
    display: none;
}

.SingleCardSlideThumb-scrollbar .swiper-scrollbar-drag {
    background-color: #0D0D26;
    height: 100%;
}


/* responsive */
@media screen and (min-width: 1025px) {
    .SingleCardSlide-prev:hover {
        background-image: url(../image/icon/ico-cardslide-prev-h.png);
    }

    .SingleCardSlide-next:hover {
        background-image: url(../image/icon/ico-cardslide-next-h.png);
    }
}

@media screen and (max-width: 1920px) and (min-width: 1025px) {
    .SingleCardSlide-inner {
        max-width: 55.2083vw;
        padding: 0 6.25vw;
    }

    .SingleCardSlideThumb {
        width: 42.7083vw;
    }

    .SingleCardSlide-next {
        width: 3.6458vw;
        height: 3.6458vw;
        background-size: 3.6458vw 3.6458vw;
    }

    .SingleCardSlide-prev {
        width: 3.6458vw;
        height: 3.6458vw;
        background-size: 3.6458vw 3.6458vw;
    }
}

@media screen and (max-width: 1440px) and (min-width: 1025px) {
    .SingleCardSlideThumb {
        margin-top: 10px;
    }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    .SingleCardSlide-inner {
        max-width: 90.7083vw;
        padding: 0 10vw;
    }

    .SingleCardSlideThumb {
        width: 70.7083vw;
    }

    .SingleCardSlide-next {
        width: 6.6458vw;
        height: 6.6458vw;
        background-size: 6.6458vw 6.6458vw;
    }

    .SingleCardSlide-prev {
        width: 6.6458vw;
        height: 6.6458vw;
        background-size: 6.6458vw 6.6458vw;
    }

    .SingleCardSlideThumb {
        margin-top: 10px;
    }
}

@media screen and (max-width: 767px) and (min-width: 1px) {
    .SingleCardSlide-inner {
        max-width: 100%;
        padding: 0;
    }

    .SingleCardSlideThumb {
        width: 100%;
    }

    .SingleCardSlide-next {
        width: 6.6458vw;
        height: 6.6458vw;
        background-size: 6.6458vw 6.6458vw;
        display: none;
    }

    .SingleCardSlide-prev {
        width: 6.6458vw;
        height: 6.6458vw;
        background-size: 6.6458vw 6.6458vw;
        display: none;
    }

    .SingleCardSlideThumb {
        margin-top: 5px;
    }

    .SingleCardSlideThumb-scrollbar {
        display: block;
    }
}

/*=========================================================
  Error404
=========================================================*/
.PageError {
    display: flex;
    height: 100%;
    padding: 114px 0 60px;
    align-items: baseline;
}

.PageError-inner {
    width: 100%;
    text-align: center;
}

.PageError-img {
    line-height: 0;
    margin-bottom: 50px;
}

.PageError-title {
    font-size: 40px;
    line-height: 1.4em;
    color: #000;
    font-weight: 400;
    font-family: 'Mbc';
}

body.error404 .site-footer {
    display: none;
}


/* responsive */


@media screen and (max-width: 1920px) and (min-width: 1025px) {
    .PageError {
        padding: 6.125vw 0 3.125vw;
    }

    .PageError-img {
        margin-bottom: 2.60416vw;
    }

    .PageError-title {
        font-size: 2.08333vw;
    }

}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    .PageError {
        padding: 10.859375vw 0 5.859375vw;
    }

    .PageError-img {
        margin-bottom: 4.882812vw;
    }

    .PageError-title {
        font-size: 3.90625vw;
    }
}

@media screen and (max-width: 767px) and (min-width: 1px) {
    .PageError {
        padding: 24.285714vw 0 14.285714vw;
    }

    .PageError-img {
        margin-bottom: 11.9047619vw;
    }

    .PageError-title {
        font-size: 6.5238vw;
    }
}


/*=========================================================
  SearchPost
=========================================================*/

/* SearchPostTop
=========================================================*/

.SearchPostTop {
    position: relative;
    max-width: 700px;
    width: 100%;
    margin: 0 auto;
    padding: 115px 0 85px;
}

.SearchPostTop:before {
    content: '';
    display: block;
    width: 5000px;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    z-index: -1;
    background-color: #F4F4F4;
    transform: translateX(-50%);
}

.SearchPostTopInput {
    position: relative;
    padding-right: 90px;
    background-color: #fff;
    border: 12px solid #0D0C26;
    box-sizing: border-box;
}

.SearchPostTopInput:after {
    content: '';
    display: block;
    position: absolute;
    width: 85px;
    height: 77px;
    top: -62px;
    right: 35px;
    background-image: url('../image/img/img-search.png');
    background-size: 85px 77px;

}

body .SearchPostTopInput-text {
    display: block;
    width: 100%;
    height: 76px;
    padding: 16px 20px;
    color: #191819;
    font-size: 30px;
    line-height: normal;
}

.SearchPostTopInput-text::-webkit-input-placeholder {
    color: #888;
}

.SearchPostTopInput-text::-ms-input-placeholder {
    color: #888;
}

.SearchPostTopInputBtn {
    display: block;
    position: absolute;
    width: 90px;
    height: 100%;
    top: 50%;
    right: 0;
    background-image: url('../image/icon/ico-search-delete.png');
    background-size: 25px 25px;
    background-position: center;
    background-repeat: no-repeat;
    transform: translateY(-50%);
}


/* responsive */

@media screen and (max-width: 1920px) and (min-width: 1025px) {

    .SearchPostTop {
        max-width: 36.4583vw;
        padding: 5.989583vw 0 4.427083vw;
    }

    .SearchPostTopInput {
        padding-right: 4.6875vw;
    }

    .SearchPostTopInput:after {
        width: 4.427083vw;
        height: 4.010416vw;
        top: -3.22916vw;
        right: 1.822916vw;
        background-size: 4.427083vw 4.010416vw;
    }

    body .SearchPostTopInput-text {
        height: 3.95833vw;
        padding: 0.8333vw 1.0416vw;
        font-size: 1.5625vw;
    }

    .SearchPostTopInputBtn {
        width: 4.6875vw;
        background-size: 1.302083vw 1.302083vw;
    }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {

    .SearchPostTop {
        max-width: 68.359375vw;
        padding: 115px 0 8.300781vw;
    }

    .SearchPostTopInput {
        padding-right: 8.7890625vw;
    }

    .SearchPostTopInput:after {
        width: 8.300781vw;
        height: 7.51953vw;
        top: -6.05468vw;
        right: 3.41796vw;
        background-size: 8.300781vw 7.51953vw;
    }

    body .SearchPostTopInput-text {
        height: 7.4218vw;
        padding: 1.5625vw 1.953125vw;
        font-size: 2.92968vw;
    }

    .SearchPostTopInputBtn {
        width: 8.7890vw;
        background-size: 2.4414vw 2.4414vw;
    }
}

@media screen and (max-width: 767px) and (min-width: 1px) {

    .SearchPostTop {
        max-width: none;
        padding: 27.38095vw 0 20.238vw;
    }

    .SearchPostTopInput {
        padding-right: 21.4285vw;
        border-width: 8px;
    }

    .SearchPostTopInput:after {
        width: 17.238vw;
        height: 15.3333vw;
        top: -12.319vw;
        right: 6.3333vw;
        background-size: 17.238vw 15.3333vw;
    }

    body .SearchPostTopInput-text {
        height: 13.246vw;
        padding: 3.8095vw 4.76190vw;
        font-size: 3.8095vw;
    }

    .SearchPostTopInputBtn {
        width: 15.4285vw;
        background-size: 3.95238vw 3.95238vw;
    }
}


/* SearchPostCont
=========================================================*/
.SearchPostCont {
    margin-top: 50px;
}


/* responsive */
@media screen and (max-width: 1920px) and (min-width: 1025px) {
    .SearchPostCont {
        margin-top: 2.60416vw;
    }

}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    .SearchPostCont {
        margin-top: 4.8828vw;
    }

}

@media screen and (max-width: 767px) and (min-width: 1px) {
    .SearchPostCont {
        margin-top: 6.5189vw;
    }

}

/* =========================================================
	SearchNoResult
=========================================================*/

.SearchNoResult {
    text-align: center;
    font-size: 0;
    line-height: 0;
}

.SearchNoResult-title {
    display: inline-block;
    padding-right: 5px;
    font-size: 30px;
    line-height: 1.4em;
    color: #000;
    font-weight: 500;
}

.SearchNoResult-text {
    display: inline-block;
    font-size: 30px;
    line-height: 1.4em;
    color: #000;
    font-weight: 400;
}

/* responsive */

@media screen and (max-width: 1920px) and (min-width: 1025px) {

    .SearchNoResult-title {
        padding-right: 0.260416vw;
        font-size: 1.5625vw;
    }

    .SearchNoResult-text {
        font-size: 1.5625vw;
    }

}

@media screen and (max-width: 1024px) and (min-width: 768px) {

    .SearchNoResult-title {
        padding-right: 0.48828125vw;
        font-size: 2.9296875vw;
    }

    .SearchNoResult-text {
        font-size: 2.9296875vw;
    }
}

@media screen and (max-width: 767px) and (min-width: 1px) {

    .SearchNoResult-title {
        padding-right: 1.190476vw;
        font-size: 5.142857vw;
    }

    .SearchNoResult-text {
        font-size: 5.142857vw;
    }
}


/* =========================================================
	SearchPostContTab
=========================================================*/
.SearchPostContTab {
    margin-bottom: 80px;
    font-size: 0;
    line-height: 0;
    text-align: center;
}

.SearchPostContTab-list {
    display: inline-block;
}

.SearchPostContTab-item {
    float: left;
}

.SearchPostContTab-link {
    display: block;
    padding: 10px 24px;
    border-bottom: 5px solid transparent;
}

.SearchPostContTab-text {
    display: block;
    color: #888;
    font-size: 20px;
    line-height: 1.4em;
    font-family: 'Mbc';
}


.SearchPostContTab-item.is-Current .SearchPostContTab-link {
    border-color: #0D0D26;
}

.SearchPostContTab-item.is-Current .SearchPostContTab-text {
    color: #000;
    font-weight: 500;
}


/* responsive */
@media screen and (min-width: 1025px) {

    .SearchPostContTab-link:hover .SearchPostContTab-text {
        color: #000;
    }
}


@media screen and (max-width: 1920px) and (min-width: 1025px) {
    .SearchPostContTab {
        margin-bottom: 4.1666vw;
    }

    .SearchPostContTab-link {
        padding: 0.52083vw 1.25vw;
    }

    .SearchPostContTab-text {
        font-size: 1.04166vw;
    }

}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    .SearchPostContTab {
        margin-bottom: 7.8125vw;
    }

    .SearchPostContTab-link {
        padding: 0.97656vw 2.34375vw;
    }

    .SearchPostContTab-text {
        font-size: 1.953125vw;
    }
}

@media screen and (max-width: 767px) and (min-width: 1px) {
    .SearchPostContTab {
        margin-bottom: 14.0476vw;
    }

    .SearchPostContTab-item {
        width: 33.33%;
    }

    .SearchPostContTab-link {
        padding: 2.38095vw 1.714285vw;
    }

    .SearchPostContTab-text {
        font-size: 4.7619vw;
    }
}


/* =========================================================
	SearchPostContList
=========================================================*/
.SearchPostContList-item {
    display: none;
}

.SearchPostContList-item.is-Current {
    display: block;
}


/* =========================================================
	SearchPostItemListTop
=========================================================*/


.SearchPostItemListTop {
    margin-bottom: 30px;
}

.SearchPostItemListTop-title {
    display: block;
    color: #000;
    font-size: 22px;
    font-weight: 500;
    line-height: 1.4em;
    font-family: 'Mbc';
}

.SearchPostItemListTop-text {
    display: block;
    color: #000;
    font-size: 22px;
    font-weight: 300;
    line-height: 1.4em;
    font-family: 'Mbc';
}


/* responsive */
@media screen and (max-width: 1920px) and (min-width: 1025px) {

    .SearchPostItemListTop {
        margin-bottom: 1.5625vw;
    }

    .SearchPostItemListTop-title {
        font-size: 1.14583vw;
    }

    .SearchPostItemListTop-text {
        font-size: 1.14583vw;
    }

}

@media screen and (max-width: 1024px) and (min-width: 768px) {

    .SearchPostItemListTop {
        margin-bottom: 2.9296875vw;
    }

    .SearchPostItemListTop-title {
        font-size: 2.1484375vw;
    }

    .SearchPostItemListTop-text {
        font-size: 2.1484375vw;
    }
}

@media screen and (max-width: 767px) and (min-width: 1px) {

    .SearchPostItemListTop {
        margin-bottom: 7.142857vw;
    }

    .SearchPostItemListTop-title {
        font-size: 4.25vw;
    }

    .SearchPostItemListTop-text {
        font-size: 4.25vw;
    }
}


/* =========================================================
	SearchPostItemTopTitle
=========================================================*/
.SearchPostItemTop {
    margin-bottom: 25px;
}

.SearchPostItemTopTitle {
    flex: 1;
}

.SearchPostItemTopTitle-title {
    display: inline-block;
    color: #000;
    font-size: 26px;
    font-weight: 500;
    line-height: 1.4em;
    font-family: 'Mbc';
}

.SearchPostItemTopTitle-text {
    display: inline-block;
    color: #000;
    font-size: 26px;
    font-weight: 300;
    line-height: 1.4em;
    font-family: 'Mbc';
}


/* responsive */
@media screen and (min-width: 1025px) {
    .SearchPostItemTopList-link:hover {
        color: #33FFCC;
    }
}

@media screen and (max-width: 1920px) and (min-width: 1025px) {
    .SearchPostItemTop {
        margin-bottom: 1.302083vw;
    }

    .SearchPostItemTopTitle-title {
        font-size: 1.354166vw;
    }

    .SearchPostItemTopTitle-text {
        font-size: 1.354166vw;
    }


}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    .SearchPostItemTop {
        margin-bottom: 2.4414vw;
    }

    .SearchPostItemTopTitle-title {
        font-size: 2.5390625vw;
    }

    .SearchPostItemTopTitle-text {
        font-size: 2.5390625vw;
    }

}

@media screen and (max-width: 767px) and (min-width: 1px) {
    .SearchPostItemTop {
        display: block;
        margin-bottom: 3.95238vw;
    }

    .SearchPostItemTopTitle {
        margin-bottom: 4vw;
    }

    .SearchPostItemTopTitle-title {
        font-size: 5vw;
    }

    .SearchPostItemTopTitle-text {
        font-size: 5vw;
    }

}


/* =========================================================
	MyContentsList
=========================================================*/
.MyContentsList {
    padding-bottom: 10px;
}

.MyContentsList-text {
    display: inline-block;
    font-size: 30px;
    line-height: 1.4em;
    color: #000;
    font-weight: 400;
}

/* responsive */

@media screen and (max-width: 1920px) and (min-width: 1025px) {
    .MyContentsList {
        padding-bottom: 0.520833vw;
    }

    .MyContentsList-text {
        font-size: 1.5625vw;
    }

}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    .MyContentsList {
        padding-bottom: 0.9765625vw;
    }

    .MyContentsList-text {
        font-size: 2.9296875vw;
    }
}

@media screen and (max-width: 767px) and (min-width: 1px) {
    .MyContentsList {
        padding-bottom: 1.733vw;
    }

    .MyContentsList-text {
        font-size: 5.142857vw;
    }
}


/* SearchPostItemTopList
=========================================================*/


.SearchPostItemList-list {
    position: relative;
}

.SearchPostItemTopList {
    margin-bottom: 25px;
    padding-right: 40px;
    position: relative;
    text-align: right;
}


.SearchPostItemTopList-list {
    opacity: 0;
    visibility: hidden;
    margin-right: -10px;
    font-size: 0;
    line-height: 0;
}

.SearchPostItemTopList-item {
    display: inline-block;
    position: relative;
}

.SearchPostItemTopList-item:after {
    content: '';
    display: block;
    width: 1px;
    height: 50%;
    background-color: #000;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

.SearchPostItemTopList-item:last-child:after {
    display: none;
}

.SearchPostItemTopList-link {
    display: block;
    padding: 0 10px;
    color: #000;
    font-size: 16px;
    line-height: 1.2em;
    font-family: 'Mbc';
}


.SearchPostItemTopList.is-Open .SearchPostItemTopList-list {
    opacity: 1;
    visibility: visible;
}


/* responsive */
@media screen and (max-width: 1920px) and (min-width: 1025px) {

    .SearchPostItemTopList {
        padding-right: 2.08333vw;
        margin-bottom: 1.302083vw;
    }

    .SearchPostItemTopList-list {
        margin-right: -0.520833vw;
    }

    .SearchPostItemTopList-link {
        padding: 0 0.520833vw;
        font-size: 0.8333vw;
    }

}

@media screen and (max-width: 1200px) and (min-width: 1025px) {
    .SearchPostItemTopList-link {
        font-size: 10px;
    }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {

    .SearchPostItemTopList {
        margin-bottom: 2.4414vw;
        padding-right: 3.90625vw;
    }

    .SearchPostItemTopList-list {
        margin-right: -0.9765625vw;
    }

    .SearchPostItemTopList-link {
        padding: 0 0.9765625vw;
        font-size: 1.5625vw;
    }
}

@media screen and (max-width: 767px) and (min-width: 1px) {

    .SearchPostItemTopList {
        margin-bottom: 3.95238vw;
        padding-right: 9.523809vw;
    }

    .SearchPostItemTopList-list {
        margin-right: -2.3809vw;
    }

    .SearchPostItemTopList-link {
        padding: 0 2.3809vw;
        font-size: 3.8095vw;
    }
}


/* =========================================================
	NewsletterResult
=========================================================*/

.NewsletterResult-list {
    display: flex;
    flex-wrap: wrap;
    margin: -15px;
}

.NewsletterResult-list:after {
    content: '';
    display: block;
    clear: both;
}

.NewsletterResult-item {
    width: 50%;
    padding: 15px;
}

.NewsletterResult-item:nth-child(3) {
    clear: both;
}


/* responsive */
@media screen and (max-width: 1920px) and (min-width: 1025px) {
    .NewsletterResult-list {
        margin: -0.78125vw;
    }

    .NewsletterResult-item {
        padding: 0.78125vw;
    }

}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    .NewsletterResult-list {
        margin: -1.4648vw;
    }

    .NewsletterResult-item {
        padding: 1.4648vw;
    }

}

@media screen and (max-width: 767px) and (min-width: 1px) {
    .NewsletterResult-list {
        display: block;
        margin: -2.8983vw 0;
    }

    .NewsletterResult-item {
        width: 100%;
        padding: 2.8983vw 0;

    }

    .NewsletterResult .NewsletterItem {
        height: 100%;
        background-color: #F4F4F4;
    }


}


/* =========================================================
	CardNewsResult
=========================================================*/
.CardNewsResult-list {
    margin: -30px -15px;
}

.CardNewsResult-list:after {
    content: '';
    display: block;
    clear: both;
}

.CardNewsResult-item {
    float: left;
    width: 33.33%;
    padding: 30px 15px;
}


/* responsive */
@media screen and (max-width: 1920px) and (min-width: 1025px) {
    .CardNewsResult-list {
        margin: -1.5625vw -0.78125vw;
    }

    .CardNewsResult-item {
        padding: 1.5625vw 0.78125vw;
    }

}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    .CardNewsResult-list {
        margin: -2.92968vw -1.46484vw;
    }

    .CardNewsResult-item {
        padding: 2.92968vw 1.46484vw;
    }
}

@media screen and (max-width: 767px) and (min-width: 1px) {
    .CardNewsResult-list {
        margin: -4.14285vw -1.82529vw;
    }

    .CardNewsResult-item {
        width: 100%;
        padding: 4.14285vw 1.82529vw;
        clear: both;
    }

    .CardNewsResult-item:nth-child(odd) {
        clear: both;
    }


}


/*=========================================================
	PostCategoryTab
=========================================================*/
.PostCategoryTab {
    position: relative;
    background-color: #F2F2F2;
    margin-top: 116px;
    margin-bottom: 165px;
}

.PostCategoryTab:before {
    content: "";
    width: 3000px;
    height: 100%;
    position: absolute;
    top: 0;
    left: -3000px;
    background-color: #F2F2F2;
}

.PostCategoryTab:after {
    content: "";
    width: 3000px;
    height: 100%;
    position: absolute;
    top: 0;
    right: -3000px;
    background-color: #F2F2F2;
}

.PostCategoryTab-slide {
    position: relative;
}

.PostCategoryTab-link {
    display: block;
    padding: 24px 10px;
    width: 100%;
    font-size: 0;
    line-height: 0;
    text-align: center;
}

.PostCategoryTab-link:after {
    content: "";
    width: 2px;
    height: 16px;
    background-color: rgba(0, 0, 0, 0.3);
    position: absolute;
    top: 50%;
    right: -2px;
    transform: translateY(-50%);
    z-index: -10;
}

.PostCategoryTab-title {
    display: inline-block;
    position: relative;
}

.PostCategoryTab-text {
    display: block;
    font-size: 18px;
    line-height: 1.2em;
    color: #000;
    font-weight: 400;
    font-family: "Mbc";
}

.PostCategoryTab-badge {
    display: block;
    width: 32px;
    position: absolute;
    bottom: calc(100% - 2px);
    left: 100%;
    z-index: 5;
}

.PostCategoryTab-badge img {
    display: block;
    width: 100%;
    max-width: 100%;
}

.PostCategoryTab-slide:last-child .PostCategoryTab-link:after {
    display: none;
}

.is-Current .PostCategoryTab-link {
    background-color: #0D0D26;
}

.is-Current .PostCategoryTab-text {
    color: #fff;
}

.is-Current .PostCategoryTab-link:after {
    display: none;
}

@media screen and (min-width: 768px) {
    .PostCategoryTab-wrapper {
        transform: translate3d(0px, 0px, 0px) !important;
        transition-duration: 0ms !important;
    }

    .PostCategoryTab-link:hover {
        background-color: #0D0D26;
        z-index: 1;
    }

    .PostCategoryTab-link:hover .PostCategoryTab-text {
        color: #fff;
    }

    .PostCategoryTab-link:hover:after {
        display: none;
    }

    /*.PostCategoryTab-slide{
		width:11.111111% !important;
	}*/
    .PostCategoryTab-wrapper {
        display: table;
        table-layout: fixed;
        width: 100%;
    }

    .PostCategoryTab-slide {
        width: auto !important;
        display: table-cell;
        vertical-align: middle;
    }
}

/*Responsive*/
@media screen and (max-width: 1920px) and (min-width: 1025px) {
    .PostCategoryTab {
        margin-top: 5.2083vw;
        margin-bottom: 8.59375vw;
    }

    .PostCategoryTab-link {
        padding: 1.25vw 0.52083vw;
    }

    .PostCategoryTab-link:after {
        height: 0.8333vw;
    }

    .PostCategoryTab-text {
        font-size: 0.9375vw;
    }

    .PostCategoryTab-badge {
        width: 1.66666vw;
    }

}

@media screen and (max-width: 1110px) and (min-width: 1025px) {
    .PostCategoryTab-text {
        font-size: 10px;
    }

}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    .PostCategoryTab {
        margin-top: 9.7656vw;
        margin-bottom: 8.59375vw;
    }

    .PostCategoryTab-link {
        padding: 2.025vw 0.52083vw;
    }

    .PostCategoryTab-link:after {
        height: 1.2333vw;
        width: 1px;
    }

    .PostCategoryTab-text {
        font-size: 1.4322vw;
    }

    .PostCategoryTab-badge {
        width: 3.125vw;
    }
}

@media screen and (max-width: 767px) and (min-width: 1px) {
    .PostCategoryTab {
        margin-left: -6.25vw;
        margin-right: -6.25vw;
        margin-top: 23.8095vw;
        margin-bottom: 12.07561vw;
    }

    .PostCategoryTab-slide {
        width: 33vw !important;
        position: relative;
    }

    .PostCategoryTab-link {
        padding: 3.8025vw 5.52083vw;
    }


    .PostCategoryTab-link:after {
        height: 3.6333vw;
        width: 1px;
    }

    .PostCategoryTab-text {
        font-size: 3.75vw;
    }

    .PostCategoryTab-badge {
        width: 7.61904vw;
    }
}


/*=========================================================
	PostCategoryTab.Cardnews
=========================================================*/
.PostCategoryTab.Cardnews .PostCategoryTab-slide {
    width: 12.5% !important
}


@media screen and (max-width: 767px) and (min-width: 1px) {
    .PostCategoryTab.Cardnews .PostCategoryTab-slide {
        width: 30vw !important;
        position: relative;
    }
}


/*=========================================================
	PostCategoryContTitle
=========================================================*/
.PostCategoryContTitle {
    display: block;
    margin-bottom: 30px;
    color: #000;
    font-size: 40px;
    font-weight: 600;
    line-height: 1.2em;
    font-family: "Mbc";
}

/* responsive */
@media screen and (max-width: 1920px) and (min-width: 1025px) {
    .PostCategoryContTitle {
        margin-bottom: 1.5625vw;
        font-size: 2.0833vw;
    }

}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    .PostCategoryContTitle {
        margin-bottom: 2.9296875vw;
        font-size: 3.90625vw;
    }
}

@media screen and (max-width: 767px) and (min-width: 1px) {
    .PostCategoryContTitle {
        margin-bottom: 5.142857vw;
        font-size: 6.5238vw;
    }
}


/*=========================================================
	PostNewsletter
=========================================================*/
.PostNewsletter-list {
    margin: -15px -15px;
}

.PostNewsletter-list:after {
    content: '';
    display: block;
    clear: both;
}

.PostNewsletter-item {
    float: left;
    width: 50%;
    padding: 15px 15px;
}


.PostNewsletter-item:nth-child(3) {
    clear: both;
}


/* responsive */
@media screen and (max-width: 1920px) and (min-width: 1025px) {
    .PostNewsletter-list {
        margin: -0.78125vw -0.78125vw;
    }

    .PostNewsletter-item {
        padding: 0.78125vw 0.78125vw;
    }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    .PostNewsletter-list {
        margin: -1.46484vw -1.46484vw;
    }

    .PostNewsletter-item {
        padding: 1.46484vw 1.46484vw;
    }
}

@media screen and (max-width: 767px) and (min-width: 1px) {
    .PostNewsletter-list {
        margin: -1.8983vw 0;
    }

    .PostNewsletter-item {
        width: 100%;
        float: none;
        padding: 1.8983vw 0;
    }
}


/*=========================================================
	PostCardNews
=========================================================*/
.PostCardNews-list {
    margin: -30px -15px;
}

.PostCardNews-list:after {
    content: '';
    display: block;
    clear: both;
}

.PostCardNews-item {
    float: left;
    width: 33.33%;
    padding: 30px 15px;
}

.PostCardNews-item:nth-child(4) {
}


/* responsive */
@media screen and (max-width: 1920px) and (min-width: 1025px) {
    .PostCardNews-list {
        margin: -1.5625vw -0.78125vw;
    }

    .PostCardNews-item {
        padding: 1.5625vw 0.78125vw;
    }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    .PostCardNews-list {
        margin: -2.9296vw -0.7648vw;
    }

    .PostCardNews-item {
        padding: 2.9296vw 0.7648vw;
    }
}

@media screen and (max-width: 767px) and (min-width: 1px) {
    .PostCardNews-list {
        margin: -5.1428vw 0;
    }

    .PostCardNews-item {
        width: 100%;
        padding: 5.1428vw 0;
    }
}


/*=========================================================
  PostPostCardNewsItem
=========================================================*/
.PostPostCardNewsItem {
    width: 100%;
}

.PostPostCardNewsItem-link {
    display: block;
}

.PostCardNewsItemThumb {
    display: block;
    line-height: 0;
    position: relative;
    overflow: hidden;
    border-radius: 12px;
}

.PostCardNewsItemThumb:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1;
}

.PostCardNewsItemThumb:after {
    content: "";
    display: block;
    padding-bottom: 100%;
}

.PostCardNewsItemThumbImg-img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100% !important;
    height: auto !important;
}

.PostCardNewsItemThumbImg-title {
    font-size: 30px;
    line-height: 1.3em;
    max-height: 2.6em;
    color: #fff;
    font-family: 'Mbc';
    font-weight: bold;
    position: absolute;
    bottom: 25px;
    left: 30px;
    right: 30px;
    z-index: 5;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
}

.PostCardNewsItemCont {
    margin-top: 20px;
}

.PostCardNewsItemCont-text {
    font-size: 22px;
    line-height: 1.6em;
    color: #000;
    height: 3.2em;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
}

.PostCardNewsItemCont-date {
    margin-top: 25px;
    font-size: 16px;
    line-height: 1.2em;
    color: #8D8D8D;
    font-family: 'Mbc';
}

/*hover*/
@media screen and (min-width: 1025px) {
    .PostCardNewsItem-link:hover .hoverBox {
        opacity: 1;
    }
}

/*Responsive*/
@media screen and (max-width: 1920px) and (min-width: 1025px) {

    .PostCardNewsItemThumbImg-title {
        font-size: 1.5625vw;
        bottom: 1.3020833vw;
        left: 1.5625vw;
        right: 1.5625vw;
    }

    .PostCardNewsItemCont {
        margin-top: 1.04166vw;
    }

    .PostCardNewsItemCont-text {
        font-size: 1.14583vw;
    }

    .PostCardNewsItemCont-date {
        margin-top: 1.3020833vw;
        font-size: 0.8333vw;
    }

}

@media screen and (max-width: 1330px) and (min-width: 1025px) {
    .PostCardNewsItemCont-text {
        font-size: 11px;
    }

    .PostCardNewsItemCont-date {
        font-size: 10px;
    }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {

    .PostCardNewsItemThumbImg-title {
        font-size: 2.92968vw;
        bottom: 2.4414vw;
        left: 2.92968vw;
        right: 2.92968vw;
    }

    .PostCardNewsItemCont {
        margin-top: 1.953125vw;
    }

    .PostCardNewsItemCont-text {
        font-size: 2.1484vw;
    }

    .PostCardNewsItemCont-date {
        margin-top: 2.4414vw;
        font-size: 1.5625vw;
    }
}

@media screen and (max-width: 767px) and (min-width: 1px) {

    .PostCardNewsItemThumbImg-title {
        font-size: 7.14285vw;
        bottom: 3.25945vw;
        left: 6.25vw;
        right: 6.25vw;
    }

    .PostCardNewsItemCont {
        margin-top: 0;
        padding: 4.7619vw 6.25vw 0;
    }

    .PostCardNewsItemCont-text {
        font-size: 4.23809vw;
        height: auto;
    }

    .PostCardNewsItemCont-date {
        margin-top: 3.25945vw;
        font-size: 3.333vw;
    }

    .PostPostCardNewsItem {
        margin-left: -6.25vw;
        margin-right: -6.25vw;
        width: auto;
    }

}


/*=========================================================
	PostCommunity
=========================================================*/

.PostCommunity-list {
    margin: -40px -10px;
}

.PostCommunity-list:after {
    content: '';
    display: block;
    clear: both;
}

.PostCommunity-item {
    float: left;
    width: 33.33%;
    padding: 40px 10px;
}

.PostCommunity-item:nth-child(4) {
    clear: both;
}

.PostCommunity-link {
    display: block;
}

.PostCommunity-link .TalkItemThumb-img {
    transition: transform 0.2s;
}


/* responsive */
@media screen and (min-width: 1025px) {
    .PostCommunity-link:hover .TalkItemThumb-img {
        transform: scale(1.1);
    }


}

@media screen and (max-width: 1024px) and (min-width: 768px) {

    .PostCommunity-list {
        margin: -3.90625vw -0.9765625vw;
    }

    .PostCommunity-item {
        padding: 3.90625vw 0.9765625vw;
    }
}

@media screen and (max-width: 767px) and (min-width: 1px) {

    .PostCommunity-list {
        margin: -5.5238vw 0;
    }

    .PostCommunity-item {
        float: none;
        width: 100%;
        padding: 5.5238vw 0;
    }

    .PostCommunity-link {
        margin-left: -6.25vw;
        margin-right: -6.25vw;
    }
}


/* =========================================================
	MainTalkSlide
=========================================================*/

.MainTalkSlide {
    position: relative;
}

.MainTalkSlideArrow {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10;
    transform: translate(-50%, -50%);
}

.MainTalkSlideArrow-prev {
    display: block;
    width: 50px;
    height: 50px;
    position: absolute;
    left: 20px;
    z-index: 10;
    background-color: rgba(13, 12, 38, 0.5);
    border-radius: 100%;
    cursor: pointer;
}

.MainTalkSlideArrow-prev:after {
    content: '';
    display: block;
    width: 11px;
    height: 18px;
    position: absolute;
    top: 50%;
    left: 50%;
    background-image: url(../image/icon/ico-TalkSlide-prev.png);
    background-size: 11px 18px;
    transform: translate(-50%, -50%);
}

.MainTalkSlideArrow-next {
    display: block;
    width: 50px;
    height: 50px;
    margin-right: 1px;
    position: absolute;
    right: 20px;
    z-index: 10;
    background-color: rgba(13, 12, 38, 0.5);
    border-radius: 100%;
    cursor: pointer;
}

.MainTalkSlideArrow-next:after {
    content: '';
    display: block;
    width: 11px;
    height: 18px;
    margin-left: 1px;
    position: absolute;
    top: 50%;
    left: 50%;
    background-image: url(../image/icon/ico-TalkSlide-next.png);
    background-size: 11px 18px;
    transform: translate(-50%, -50%);
}

/* responsive */
@media screen and (min-width: 1025px) {
    .MainTalkSlideArrow-prev:hover {
        background-color: #32FFCC;
    }

    .MainTalkSlideArrow-next:hover {
        background-color: #32FFCC;
    }
}

@media screen and (max-width: 1920px) and (min-width: 1025px) {

    .MainTalkSlideArrow-prev {
        width: 2.60416vw;
        height: 2.60416vw;
        left: 1.04166vw;
    }

    .MainTalkSlideArrow-prev:after {
        width: 0.572916vw;
        height: 0.9375vw;
        background-size: 0.572916vw 0.9375vw;
    }

    .MainTalkSlideArrow-next {
        width: 2.60416vw;
        height: 2.60416vw;
        right: 1.04166vw;
    }

    .MainTalkSlideArrow-next:after {
        width: 0.572916vw;
        height: 0.9375vw;
        background-size: 0.572916vw 0.9375vw;
    }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {

    .MainTalkSlideArrow-prev {
        width: 4.8828125vw;
        height: 4.8828125vw;
        left: 1.953125vw;
    }

    .MainTalkSlideArrow-prev:after {
        width: 1.07421875vw;
        height: 1.7578125vw;
        background-size: 1.07421875vw 1.7578125vw;
    }

    .MainTalkSlideArrow-next {
        width: 4.8828125vw;
        height: 4.8828125vw;
        right: 1.953125vw;
    }

    .MainTalkSlideArrow-next:after {
        width: 1.07421875vw;
        height: 1.7578125vw;
        background-size: 1.07421875vw 1.7578125vw;
    }
}

@media screen and (max-width: 767px) and (min-width: 1px) {

    .MainTalkSlideArrow-prev {
        width: 11.9047619vw;
        height: 11.9047619vw;
        left: 1.761904vw;
    }

    .MainTalkSlideArrow-prev:after {
        width: 2.619047vw;
        height: 4.2857142vw;
        background-size: 2.619047vw 4.2857142vw;
    }

    .MainTalkSlideArrow-next {
        width: 11.9047619vw;
        height: 11.9047619vw;
        right: 1.761904vw;
    }

    .MainTalkSlideArrow-next:after {
        width: 2.619047vw;
        height: 4.2857142vw;
        background-size: 2.619047vw 4.2857142vw;
    }

}


/* =========================================================
	PostCommunity
=========================================================*/
.PostCommunityThumb {
    overflow: hidden;
    position: relative;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}

.PostCommunityThumb:before {
    content: '';
    display: block;
    padding-top: 100%;
}

.PostCommunityThumb-img {
    display: block;
    width: 100% !important;
    height: auto !important;
    position: absolute;
    top: 0;
    left: 0;
}

.PostCommunityCont {
    position: relative;
    padding-bottom: 37px;
}

.PostCommunityCont:after {
    content: '';
    display: block;
    width: 148px;
    height: 38px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
    background-image: url('../image/bg/bg-community.png');
    background-size: 148px 38px;
}

.PostCommunityCont-inner {
    background-color: #F2F2F2;
    padding: 50px 20px 45px;
}

.PostCommunityCont-title {
    overflow: hidden;
    display: block;
    display: -webkit-box;
    height: 3.2em;
    color: #000;
    font-size: 26px;
    font-weight: 500;
    font-family: 'Mbc';
    line-height: 1.6em;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.PostCommunityThumb-img {
    transition: transform 0.2s;
}


/* responsive */
@media screen and (min-width: 1025px) {
    .PostCommunity-link:hover .PostCommunityCont-inner {
        background-color: #0D0D26;
    }

    .PostCommunity-link:hover .PostCommunityThumb-img {
        transform: scale(1.1);
    }

    .PostCommunity-link:hover .PostCommunityCont:after {
        background-image: url('../image/bg/bg-community-h.png');
    }

    .PostCommunity-link:hover .PostCommunityCont-txt {
        color: #fff;
    }

    .PostCommunity-link:hover .PostCommunityCont-title {
        color: #fff;
    }

    .PostCommunity-link:hover .PostCommunityContMeta-tit {
        color: #888;
    }

    .PostCommunity-link:hover .PostCommunityContMeta-num {
        color: #fff;
    }

}


@media screen and (max-width: 1920px) and (min-width: 1025px) {
    .PostCommunityCont {
        padding-bottom: 1.927083vw;
    }

    .PostCommunityCont:after {
        width: 7.70833vw;
        height: 1.979166vw;
        background-size: 7.70833vw 1.979166vw;
    }

    .PostCommunityCont-inner {
        padding: 2.604166vw 1.04166vw 2.34375vw
    }

    .PostCommunityCont-txt {
        margin-bottom: 1.1979166vw;
        font-size: 0.9375vw;
    }

    .PostCommunityCont-title {
        font-size: 1.354166vw;
    }
}

@media screen and (max-width: 1066px) and (min-width: 1025px) {
    .PostCommunityCont-txt {
        font-size: 10px;
    }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    .PostCommunityCont {
        padding-bottom: 3.61328vw;
    }

    .PostCommunityCont:after {
        width: 14.4531vw;
        height: 3.71093vw;
        background-size: 14.4531vw 3.71093vw;
    }

    .PostCommunityCont-inner {
        padding: 4.8828vw 1.953125vw 4.3945vw;
    }

    .PostCommunityCont-txt {
        margin-bottom: 2.24609vw;
        font-size: 1.75781vw;
    }

    .PostCommunityCont-title {
        font-size: 2.5390625vw;
    }
}

@media screen and (max-width: 767px) and (min-width: 1px) {
    .PostCommunityCont {
        padding-bottom: 4.82398vw;
    }

    .PostCommunityCont:after {
        width: 19.2959vw;
        height: 4.954367vw;
        background-size: 19.2959vw 4.954367vw;
    }

    .PostCommunityCont-inner {
        padding: 8.29047vw 6.25vw 8.28670vw;
    }

    .PostCommunityCont-txt {
        margin-bottom: 2.99869vw;
        font-size: 4.2857vw;
    }

    .PostCommunityCont-title {
        font-size: 5.6833vw;
    }
}


/*=========================================================
	PostCommunityContMeta
=========================================================*/
.PostCommunityContMeta {
    display: flex;
    justify-content: space-between;
    margin-top: 46px;
    align-items: center;
}

.PostCommunityContMeta-reply {
    position: relative;
    padding-left: 20px;
    color: #AAA;
    font-size: 16px;
    font-family: 'Mbc';
    line-height: 1.2em;
}

.PostCommunityContMeta-reply:before {
    content: '';
    display: block;
    width: 14px;
    height: 14px;
    position: absolute;
    top: 50%;
    left: 0;
    background-image: url('../image/icon/ico-replay.png');
    background-size: 14px 14px;
    transform: translateY(-50%);
}

.PostCommunityContMeta-list:after {
    content: '';
    display: block;
    clear: both;
}

.PostCommunityContMeta-item {
    overflow: hidden;
    position: relative;
    float: left;
    padding-right: 15px;
    margin-right: 16px;
    font-size: 0;
    line-height: 0;
}

.PostCommunityContMeta-item:after {
    content: '';
    display: block;
    width: 1px;
    height: 10px;
    position: absolute;
    top: 50%;
    right: 0;
    background-color: #ccc;
    transform: translateY(-50%);
}

.PostCommunityContMeta-item:last-child {
    padding-right: 0;
    margin-right: 0;
}

.PostCommunityContMeta-item:last-child:after {
    right: -1px;
}

.PostCommunityContMeta-tit {
    display: inline-block;
    margin-right: 8px;
    color: #888;
    font-size: 16px;
    font-family: 'Mbc';
    line-height: 1.2em;
}

.PostCommunityContMeta-num {
    display: inline-block;
    color: #000;
    font-size: 16px;
    font-family: 'Mbc';
    line-height: 1.2em;
    font-weight: 500;
}


/* responsive */
@media screen and (max-width: 1920px) and (min-width: 1025px) {
    .PostCommunityContMeta {
        margin-top: 2.39583vw;
    }

    .PostCommunityContMeta-reply {
        padding-left: 1.04166vw;
        font-size: 0.8333vw;
    }

    .PostCommunityContMeta-reply:before {
        width: 0.72916vw;
        height: 0.72916vw;
        background-size: 0.72916vw 0.72916vw;
    }


    .PostCommunityContMeta-item {
        padding-right: 0.78125vw;
        margin-right: 0.83333vw;
    }

    .PostCommunityContMeta-item:after {
        height: 0.520833vw;
    }

    .PostCommunityContMeta-tit {
        margin-right: 0.41666vw;
        font-size: 0.83333vw;
    }

    .PostCommunityContMeta-num {
        font-size: 0.83333vw;
    }

}

@media screen and (max-width: 1200px) and (min-width: 1025px) {
    .PostCommunityContMeta-reply {
        font-size: 10px;
    }

    .PostCommunityContMeta-tit {
        font-size: 10px;
    }

    .PostCommunityContMeta-num {
        font-size: 10px;
    }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    .PostCommunityContMeta {
        display: block;
        margin-top: 4.49218vw;
    }

    .PostCommunityContMeta-reply {
        padding-left: 1.953125vw;
        font-size: 1.5625vw;
    }

    .PostCommunityContMeta-reply:before {
        width: 1.36718vw;
        height: 1.36718vw;
        background-size: 1.36718vw 1.36718vw;
    }

    .PostCommunityContMeta-opinion {
        margin-top: 0.925vw;
    }

    .PostCommunityContMeta-item {
        padding-right: 1.46484vw;
        margin-right: 1.5625vw;
    }

    .PostCommunityContMeta-item:after {
        height: 0.9765625vw;
    }

    .PostCommunityContMeta-tit {
        margin-right: 0.78125vw;
        font-size: 1.5625vw;
    }

    .PostCommunityContMeta-num {
        font-size: 1.5625vw;
    }
}

@media screen and (max-width: 767px) and (min-width: 1px) {
    .PostCommunityContMeta {
        margin-top: 8.9523vw;
    }

    .PostCommunityContMeta-reply {
        padding-left: 4.7619vw;
        font-size: 3.8095vw;
    }

    .PostCommunityContMeta-reply:before {
        width: 3.333vw;
        height: 3.333vw;
        background-size: 3.333vw 3.333vw;
    }


    .PostCommunityContMeta-item {
        padding-right: 2.5714vw;
        margin-right: 2.8095vw;
    }

    .PostCommunityContMeta-item:after {
        height: 2.3809vw;
    }

    .PostCommunityContMeta-tit {
        margin-right: 1.20476vw;
        font-size: 3.8095vw;
    }

    .PostCommunityContMeta-num {
        font-size: 3.8095vw;
    }
}

/*=========================================================
	PostCategoryContBtn
=========================================================*/
.PostCategoryContBtn {
    display: block;
    width: 200px;
    margin: 0 auto;
    margin-top: 80px;
    padding: 19px 20px;
    border: 1px solid #000;
    background-color: #fff;
    font-size: 0;
    line-height: 0;
}

.PostCategoryContBtn-text {
    display: inline-block;
    position: relative;
    margin-top: -1px;
    padding-right: 20px;
    color: #191819;
    font-size: 18px;
    line-height: 1.2em;
    font-weight: 500;
}

.PostCategoryContBtn-text:after {
    content: '';
    display: block;
    width: 10px;
    height: 5px;
    position: absolute;
    margin-top: 1px;
    top: 50%;
    right: 0;
    background-image: url('../image/icon/ico-arrow-down.png');
    background-size: 10px 5px;
    transform: translateY(-50%);
}

.PostCategoryContBtn:focus {
    border: 1px solid #000;
}

/* responsive */
@media screen and (min-width: 1025px) {
    .PostCategoryContBtn:hover {
        background-color: #0D0D26;
    }

    .PostCategoryContBtn:hover .PostCategoryContBtn-text {
        color: #fff;
    }

    .PostCategoryContBtn:hover .PostCategoryContBtn-text:after {
        background-image: url('../image/icon/ico-arrow-down-h.png');
    }
}

@media screen and (max-width: 1920px) and (min-width: 1025px) {
    .PostCategoryContBtn {
        width: 10.41666vw;
        margin-top: 4.1666vw;
        padding: 0.989583vw 1.04166vw;
    }

    .PostCategoryContBtn-text {
        padding-right: 1.04166vw;
        font-size: 0.9375vw;
    }

    .PostCategoryContBtn-text:after {
        width: 0.520833vw;
        height: 0.2604166vw;
        background-size: 0.520833vw 0.2604166vw;
    }
}

@media screen and (max-width: 1066px) and (min-width: 1025px) {
    .PostCategoryContBtn-text {
        font-size: 10px;
    }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    .PostCategoryContBtn {
        width: 19.53125vw;
        margin-top: 7.8125vw;
        padding: 1.85546vw 1.953125vw;
    }

    .PostCategoryContBtn-text {
        padding-right: 1.953125vw;
        font-size: 1.75781vw;
    }

    .PostCategoryContBtn-text:after {
        width: 0.97656vw;
        height: 0.48828vw;
        background-size: 0.97656vw 0.48828vw;
    }
}

@media screen and (max-width: 767px) and (min-width: 1px) {
    .PostCategoryContBtn {
        width: 47.619vw;
        margin-top: 13.0476vw;
        padding: 3.5238vw 4.7619vw;
    }

    .PostCategoryContBtn-text {
        padding-right: 6.7619vw;
        font-size: 4vw;
    }

    .PostCategoryContBtn-text:after {
        width: 2.38095vw;
        height: 1.19047vw;
        background-size: 2.38095vw 1.19047vw;
    }
}


/*=========================================================
	LoginAccountTab
=========================================================*/
.LoginAccountTab {
    margin-top: 20px;
}

.LoginAccountTab-list:after {
    content: '';
    display: block;
    clear: both;
}

.LoginAccountTab-item {
    float: left;
    width: 50%;
    text-align: center;
}

.LoginAccountTab-link {
    display: block;
    padding: 23px 10px;
    color: #888;
    font-size: 18px;
    font-weight: 400;
    font-family: 'Mbc';
    line-height: 1.4em;
    background-color: #F4F4F4;
}


.LoginAccountTab-item.is-Current .LoginAccountTab-link {
    color: #000;
    background-color: #33FFCC;
}


/* responsive */
@media screen and (max-width: 1920px) and (min-width: 1025px) {
    .LoginAccountTab {
        margin-top: 1.04166vw;
    }

    .LoginAccountTab-link {
        padding: 1.197916vw 0.52083vw;
        font-size: 0.9375vw;
    }

}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    .LoginAccountTab {
        margin-top: 1.953125vw;
    }

    .LoginAccountTab-link {
        padding: 2.24609vw 0.9765vw;
        font-size: 1.7578vw;
    }
}

@media screen and (max-width: 767px) and (min-width: 1px) {
    .LoginAccountTab {
        margin-top: 4.7619vw;
    }

    .LoginAccountTab-link {
        padding: 5.47619vw 2.3809vw;
        font-size: 4.2857vw;
    }
}


/*=========================================================
	LoginAccountBtm
=========================================================*/
.LoginAccountCont {
    margin-top: 40px;
}

.LoginAccountCont-item {
    display: none;
}

.LoginAccountCont-text {
    display: block;
    margin-bottom: 20px;
    color: #000;
    font-size: 16px;
    line-height: 1.4em;
    font-family: 'Mbc';
}


.LoginAccountCont-item.is-Current {
    display: block;
}

/* responsive */
@media screen and (max-width: 1920px) and (min-width: 1025px) {
    .LoginAccountCont {
        margin-top: 2.0833vw;
    }

    .LoginAccountCont-text {
        margin-bottom: 1.04166vw;
        font-size: 0.8333vw;
    }

}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    .LoginAccountCont {
        margin-top: 3.90625vw;
    }

    .LoginAccountCont-text {
        margin-bottom: 1.953125vw;
        font-size: 1.5625vw;
    }

}

@media screen and (max-width: 767px) and (min-width: 1px) {

    .LoginAccountCont {
        margin-top: 9.5238vw;
    }

    .LoginAccountCont-text {
        margin-bottom: 4.7619vw;
        font-size: 3.8095vw;
    }
}


/*=========================================================
  SingleTalk
=========================================================*/


/* SingleTalkCont
=========================================================*/

.SingleTalkCont:after {
    content: '';
    display: block;
    clear: both;
}

.SingleTalkLeft {
    float: left;
    width: 47%;
}

.SingleTalkRight {
    float: left;
    width: 53%;
    padding-left: 100px;
}


/* responsive */

@media screen and (max-width: 1920px) and (min-width: 1025px) {

    .SingleTalkRight {
        padding-left: 5.20833vw;
    }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    .SingleTalkRight {
        padding-left: 3.7656vw;
    }
}

@media screen and (max-width: 767px) and (min-width: 1px) {
    .SingleTalkLeft {
        float: none;
        width: 100%;
    }

    .SingleTalkRight {
        float: none;
        width: 100%;
        margin-top: 10vw;
        padding-left: 0;
    }
}


/* =========================================================
	SingleTalkSlide
=========================================================*/

.SingleTalkSlide {
    position: relative;
}

.SingleTalkSlideArrow {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10;
    transform: translate(-50%, -50%);
}

.SingleTalkSlideArrow-prev {
    display: block;
    width: 50px;
    height: 50px;
    position: absolute;
    left: 20px;
    z-index: 10;
    background-color: rgba(13, 12, 38, 0.5);
    border-radius: 100%;
    cursor: pointer;
}

.SingleTalkSlideArrow-prev:after {
    content: '';
    display: block;
    width: 11px;
    height: 18px;
    position: absolute;
    top: 50%;
    left: 50%;
    background-image: url(../image/icon/ico-TalkSlide-prev.png);
    background-size: 11px 18px;
    transform: translate(-50%, -50%);
}

.SingleTalkSlideArrow-next {
    display: block;
    width: 50px;
    height: 50px;
    margin-right: 1px;
    position: absolute;
    right: 20px;
    z-index: 10;
    background-color: rgba(13, 12, 38, 0.5);
    border-radius: 100%;
    cursor: pointer;
}

.SingleTalkSlideArrow-next:after {
    content: '';
    display: block;
    width: 11px;
    height: 18px;
    margin-left: 1px;
    position: absolute;
    top: 50%;
    left: 50%;
    background-image: url(../image/icon/ico-TalkSlide-next.png);
    background-size: 11px 18px;
    transform: translate(-50%, -50%);
}

/* responsive */
@media screen and (min-width: 1025px) {
    .SingleTalkSlideArrow-prev:hover {
        background-color: #32FFCC;
    }

    .SingleTalkSlideArrow-next:hover {
        background-color: #32FFCC;
    }
}

@media screen and (max-width: 1920px) and (min-width: 1025px) {

    .SingleTalkSlideArrow-prev {
        width: 2.60416vw;
        height: 2.60416vw;
        left: 1.04166vw;
    }

    .SingleTalkSlideArrow-prev:after {
        width: 0.572916vw;
        height: 0.9375vw;
        background-size: 0.572916vw 0.9375vw;
    }

    .SingleTalkSlideArrow-next {
        width: 2.60416vw;
        height: 2.60416vw;
        right: 1.04166vw;
    }

    .SingleTalkSlideArrow-next:after {
        width: 0.572916vw;
        height: 0.9375vw;
        background-size: 0.572916vw 0.9375vw;
    }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {

    .SingleTalkSlideArrow-prev {
        width: 4.8828125vw;
        height: 4.8828125vw;
        left: 1.953125vw;
    }

    .SingleTalkSlideArrow-prev:after {
        width: 1.07421875vw;
        height: 1.7578125vw;
        background-size: 1.07421875vw 1.7578125vw;
    }

    .SingleTalkSlideArrow-next {
        width: 4.8828125vw;
        height: 4.8828125vw;
        right: 1.953125vw;
    }

    .SingleTalkSlideArrow-next:after {
        width: 1.07421875vw;
        height: 1.7578125vw;
        background-size: 1.07421875vw 1.7578125vw;
    }
}

@media screen and (max-width: 767px) and (min-width: 1px) {

    .SingleTalkSlideArrow-prev {
        width: 11.9047619vw;
        height: 11.9047619vw;
        left: 1.761904vw;
    }

    .SingleTalkSlideArrow-prev:after {
        width: 2.619047vw;
        height: 4.2857142vw;
        background-size: 2.619047vw 4.2857142vw;
    }

    .SingleTalkSlideArrow-next {
        width: 11.9047619vw;
        height: 11.9047619vw;
        right: 1.761904vw;
    }

    .SingleTalkSlideArrow-next:after {
        width: 2.619047vw;
        height: 4.2857142vw;
        background-size: 2.619047vw 4.2857142vw;
    }

}


/*=========================================================
  Subscription
=========================================================*/
.Subscription {
    display: flex;
    height: 100%;
    padding: 160px 0;
    align-items: baseline;
}

.Subscription-inner {
    width: 100%;
}

.SubscriptionCont {
    max-width: 600px;
    margin: 0 auto;
    padding: 0 32px;
}

.SubscriptionTitle {
    display: block;
    margin-bottom: 20px;
    color: #000;
    font-size: 40px;
    font-weight: 600;
    line-height: 1.2em;
    font-family: 'Mbc';
}

.SubscriptionText {
    display: block;
    color: #000;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.6em;
    font-family: 'Mbc';
}

.SubscriptionForm {
    margin-top: 30px;
}

.SubscriptionForm-item {
    padding-bottom: 10px;
}

.SubscriptionForm-item:last-child {
    padding-bottom: 0;
}


.SubscriptionBtn {
    margin-top: 40px;
}

.SubscriptionBtn-list {
    margin: 0 -5px;
}

.SubscriptionBtn-list:after {
    content: '';
    display: block;
    clear: both;
}

.SubscriptionBtn-item {
    float: left;
    width: 50%;
    padding: 0 5px;
}


@media screen and (max-width: 1920px) and (min-width: 1025px) {
    .Subscription {
        padding: 8.33333vw 0;
    }

    .SubscriptionCont {
        max-width: 31.25vw;
        padding: 0 1.6666vw;
    }

    .SubscriptionTitle {
        font-size: 2.083333vw;
    }

    .SubscriptionText {
        font-size: 0.8333vw;
    }

    .SubscriptionForm {
        margin-top: 1.5625vw;
    }

    .SubscriptionForm-item {
        padding-bottom: 0.52083vw;
    }

    .SubscriptionBtn {
        margin-top: 2.0833vw;
    }

    .SubscriptionBtn-list {
        margin: 0 -0.260416vw;
    }

    .SubscriptionBtn-item {
        padding: 0 0.260416vw;
    }

}

@media screen and (max-width: 1200px) and (min-width: 1025px) {
    .SubscriptionText {
        font-size: 10px;
    }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    .Subscription {
        padding: 15.625vw 0;
    }

    .SubscriptionCont {
        width: 58.59375vw;
        padding: 0 3.125vw;
    }

    .SubscriptionTitle {
        font-size: 3.90625vw;
    }

    .SubscriptionText {
        font-size: 1.5625vw;
    }

    .SubscriptionForm {
        margin-top: 2.9296875vw;
    }

    .SubscriptionForm-item {
        padding-bottom: 0.9765625vw;
    }

    .SubscriptionBtn {
        margin-top: 3.90625vw;
    }

    .SubscriptionBtn-list {
        margin: 0 -0.48828vw;
    }

    .SubscriptionBtn-item {
        padding: 0 0.48828vw;
    }

}

@media screen and (max-width: 767px) and (min-width: 1px) {
    .Subscription {
        padding: 20.86vw 0;
    }

    .SubscriptionCont {
        width: 100%;
        padding: 0 6.25vw;
    }

    .SubscriptionTitle {
        font-size: 6.5238vw;
    }

    .SubscriptionText {
        font-size: 3.8095vw;
    }

    .SubscriptionForm {
        margin-top: 7.14285vw;
    }

    .SubscriptionForm-item {
        padding-bottom: 2.380952vw;
    }

    .SubscriptionBtn {
        margin-top: 9.5238vw;
    }

    .SubscriptionBtn-list {
        margin: 0 -1.190476vw;
    }

    .SubscriptionBtn-item {
        padding: 0 1.190476vw;
    }

}


/* SubscriptionCheck
=========================================================*/

.SubscriptionCheck {
    margin-top: 30px;
}

.SubscriptionCheck-item {
    display: flex;
    padding-bottom: 12px;
    justify-content: space-between;
    align-items: center;
}

.SubscriptionCheck-item:last-child {
    padding-bottom: 0;
}

.SubscriptionCheck .ErrorText {
    margin-top: 0;
}

/* responsive */
@media screen and (max-width: 1920px) and (min-width: 1025px) {

    .SubscriptionCheck {
        margin-top: 1.5625vw;
    }

    .SubscriptionCheck-item {
        padding-bottom: 0.625vw;
    }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {

    .SubscriptionCheck {
        margin-top: 2.9296875vw;
    }

    .SubscriptionCheck-item {
        padding-bottom: 1.1718vw;
    }
}


@media screen and (max-width: 767px) and (min-width: 1px) {

    .SubscriptionCheck {
        margin-top: 7.1428vw;
    }

    .SubscriptionCheck-item {
        display: block;
        padding-bottom: 2.857vw;
    }

    .SubscriptionCheck .ErrorText {
        margin-top: 2.38095vw;
    }
}


/* SubscriptionCheckBox
=========================================================*/
.SubscriptionCheckBox {
    font-size: 0;
    line-height: 0;
}

.SubscriptionCheckBox-input {
    display: none;
}

.SubscriptionCheckBox-label {
    display: block;
    position: relative;
    padding-left: 30px;
    cursor: pointer;
}

.SubscriptionCheckBox-label:before {
    content: '';
    display: block;
    width: 18px;
    height: 18px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    border: 1px solid #000;
}

.SubscriptionCheckBox-label:after {
    content: '';
    display: none;
    position: absolute;
    top: 50%;
    left: 4px;
    width: 12px;
    height: 8px;
    background-image: url('../image/icon/ico-checked.svg');
    background-size: 12px 8px;
    transform: translateY(-50%);
}

.SubscriptionCheckBox-text {
    display: inline-block;
    color: #000;
    font-size: 16px;
    font-family: 'Mbc';
    line-height: 1.4em;
}

.SubscriptionCheckBox-input:checked + .SubscriptionCheckBox-label:after {
    display: block;
}


/* responsive */
@media screen and (min-width: 1025px) {
    .LoginCheck-link:hover {
        color: #33FFCC;
    }
}


@media screen and (max-width: 1920px) and (min-width: 1025px) {
    .SubscriptionCheckBox-label {
        padding-left: 1.5625vw;
    }

    .SubscriptionCheckBox-label:before {
        width: 0.937vw;
        height: 0.937vw;
    }

    .SubscriptionCheckBox-label:after {
        left: 0.2083vw;
        width: 0.625vw;
        height: 0.4166vw;
        background-size: 0.625vw 0.4166vw;
    }

    .SubscriptionCheckBox-text {
        font-size: 0.83333vw;
    }
}

@media screen and (max-width: 1200px) and (min-width: 1025px) {
    .SubscriptionCheckBox-text {
        font-size: 10px;
    }

}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    .SubscriptionCheckBox-label {
        padding-left: 2.92968vw;
    }

    .SubscriptionCheckBox-label:before {
        width: 1.7578125vw;
        height: 1.7578125vw;
    }

    .SubscriptionCheckBox-label:after {
        left: 0.390625vw;
        width: 1.171875vw;
        height: 0.78125vw;
        background-size: 1.171875vw 0.78125vw;
    }

    .SubscriptionCheckBox-text {
        font-size: 1.5625vw;
    }
}

@media screen and (max-width: 767px) and (min-width: 1px) {
    .SubscriptionCheckBox-label {
        padding-left: 7.142857vw;
    }

    .SubscriptionCheckBox-label:before {
        width: 4.285714vw;
        height: 4.285714vw;
    }

    .SubscriptionCheckBox-label:after {
        left: 0.952380vw;
        width: 2.85714vw;
        height: 1.90476vw;
        background-size: 2.85714vw 1.90476vw;
    }

    .SubscriptionCheckBox-text {
        font-size: 3.5095vw;
    }

}


/* SubscriptionPopup
=========================================================*/
.SubscriptionPopup {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 50;
    transform: translate(-50%, -50%);
}

.SubscriptionPopup.is-View {
    display: block;
}


/* =========================================================
	SubsCompleted
=========================================================*/

.SubsCompleted {
    display: flex;
    height: 100%;
    padding: 160px 0;
    align-items: center;
}

.SubsCompleted-inner {
    width: 100%;
    font-size: 0;
    line-height: 0;
}

.SubsCompleted-inner:after {
    content: '';
    display: block;
    clear: both;
}


/* responsive */
@media screen and (max-width: 1920px) and (min-width: 1025px) {
    .SubsCompleted {
        padding: 8.33333vw 0;
    }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    .SubsCompleted {
        align-items: baseline;
        padding: 15.625vw 0;
    }
}

@media screen and (max-width: 767px) and (min-width: 1px) {
    .SubsCompleted {
        height: auto;
        align-items: baseline;
        padding: 20.86vw 0;
    }
}


/* SubsCompletedThumb
=========================================================*/

.SubsCompletedThumb {
    display: inline-block;
    width: 34%;
    vertical-align: middle;
    margin: 0 auto;
}

.SubsCompletedThumb img {
    display: block;
    width: 100%;
}


/* responsive */
@media screen and (max-width: 1920px) and (min-width: 1025px) {

}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    .SubsCompletedThumb {
        width: 40%;
        padding-top: 2.85vw;
        vertical-align: top;
    }
}

@media screen and (max-width: 767px) and (min-width: 1px) {

    .SubsCompletedThumb {
        display: block;
        width: 80%;
    }
}


/* SubsCompletedCont
=========================================================*/

.SubsCompletedCont {
    display: inline-block;
    width: 66%;
    padding-left: 11.75%;
    vertical-align: middle;
}

.SubsCompletedContTitle {
    font-size: 0;
    line-height: 0;
}

.SubsCompletedContTitle-text {
    display: block;
    color: #000;
    font-size: 50px;
    font-weight: 600;
    font-family: 'Mbc';
    line-height: 1.4em;
}

.SubsCompletedContTitleHighlight {
    display: inline-block;
    position: relative;
    margin-top: 5px;
    line-height: 0;
    font-size: 50px;
}

.bg-highlight {
    background-image: linear-gradient(#0D0C26, #0D0C26);
    background-repeat: no-repeat;
    background-position: left 0 top 9px;
    background-size: 100% 100%;
}

.SubsCompletedContTitleHighlight-text {
    color: #fff;
    line-height: 1em;
    font-family: 'Mbc';
    font-weight: 600;
    line-height: 1.4em;
}

.SubsCompletedContTitleHighlight-text.mint {
    color: #33FFCC;
}


.SubsCompletedContText {
    margin-top: 26px;
}

.SubsCompletedContText-text {
    display: block;
    color: #000;
    font-size: 16px;
    font-weight: 300;
    font-family: 'Mbc';
    line-height: 2em;
}

.SubsCompletedContText-sub {
    display: block;
    margin-top: 32px;
    color: #888;
    font-size: 16px;
    font-weight: 300;
    font-family: 'Mbc';
    line-height: 1.4em;
}

.SubsCompletedContLink {
    margin-top: 40px;
    font-size: 0;
    line-height: 0;
}

.SubsCompletedContLink-link {
    display: inline-block;
    padding: 25px 74px;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    font-family: 'Mbc';
    line-height: 1.2em;
    background-color: #0D0C26;
}


/* responsive */
@media screen and (min-width: 1025px) {
    .SubsCompletedContLink-link:hover {
        color: #33FFCC;
    }
}


@media screen and (max-width: 1920px) and (min-width: 1025px) {

    .SubsCompletedContTitle-text {
        font-size: 2.60416vw;
    }

    .SubsCompletedContTitleHighlight {
        margin-top: 0.260416vw;

    }

    .SubsCompletedContTitleHighlight:after {
        left: -0.20833vw;
        right: -0.20833vw;
    }

    .SubsCompletedContTitleHighlight {
        font-size: 2.60416vw;
    }

    .SubsCompletedContText {
        margin-top: 1.35416vw;
    }

    .SubsCompletedContText-text {
        font-size: 0.8333vw;
    }

    .SubsCompletedContText-sub {
        margin-top: 32px;
        font-size: 0.8333vw;
    }

    .SubsCompletedContLink {
        margin-top: 2.0833vw;
    }

    .SubsCompletedContLink-link {
        padding: 1.30208vw 3.85416vw;
        font-size: 0.9375vw;
    }
}

@media screen and (max-width: 1200px) and (min-width: 1025px) {
    .SubsCompletedContText-text {
        font-size: 10px;
    }

    .SubsCompletedContText-sub {
        font-size: 10px;
    }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    .SubsCompletedCont {
        width: 60%;
        padding-left: 3.75%;
        vertical-align: top;
    }

    .SubsCompletedContTitle-text {
        font-size: 4.25vw;
    }

    .SubsCompletedContTitleHighlight {
        margin-top: 0.48828vw;
        font-size: 4.25vw;
    }

    .SubsCompletedContTitleHighlight:after {
        left: -0.3906vw;
        right: -0.3906vw;
    }

    .SubsCompletedContTitleHighlight-text {
        font-size: 4.25vw;
    }

    .SubsCompletedContText {
        margin-top: 2.539vw;
    }

    .SubsCompletedContText-text {
        font-size: 1.85vw;
    }

    .SubsCompletedContText-sub {
        margin-top: 3.125vw;
        font-size: 1.85vw;
    }

    .SubsCompletedContLink {
        margin-top: 3.90625vw;
    }

    .SubsCompletedContLink-link {
        padding: 2.4414vw 7.2265625vw;
        font-size: 1.85vw;
    }

}

@media screen and (max-width: 767px) and (min-width: 1px) {
    .SubsCompletedCont {
        display: block;
        width: 100%;
        padding-top: 7vw;
        padding-left: 0;
    }

    .SubsCompletedContTitle-text {
        font-size: 6.8619vw;
    }

    .SubsCompletedContTitleHighlight {
        margin-top: 0;
        font-size: 6.8619vw;
    }

    .bg-highlight {
        background-position: left 0 top 6px;
    }

    .SubsCompletedContText {
        margin-top: 6.19047vw;
    }

    .SubsCompletedContText-text {
        font-size: 3.8095vw;
    }

    .SubsCompletedContText-sub {
        margin-top: 7.619vw;
        font-size: 3.8095vw;
    }

    .SubsCompletedContLink {
        margin-top: 9.5238vw;
        text-align: center;
    }

    .SubsCompletedContLink-link {
        padding: 5.9523vw 17.619vw;
        font-size: 4vw;
    }

}


/* =========================================================
	Mypage
=========================================================*/

.Mypage {
    padding: 160px 0 140px;
}


/* responsive */

@media screen and (max-width: 1920px) and (min-width: 1025px) {

    .Mypage {
        padding: 8.3333vw 0 7.2916vw;
    }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {

    .Mypage {
        padding: 15.625vw 0 13.671875vw;
    }

}

@media screen and (max-width: 767px) and (min-width: 1px) {

    .Mypage {
        padding: 20.86049vw 0 18.2529vw;
    }

}


/* =========================================================
	MypageHeader
=========================================================*/

.MypageHeader {
    display: flex;
    margin-bottom: 30px;
    justify-content: space-between;
    align-items: flex-end;
}

.MypageHeaderTitle {
    display: block;
    flex: 1;
    color: #000;
    font-size: 40px;
    font-weight: 600;
    line-height: 1.2em;
    font-family: 'Mbc';
}


/* responsive */

@media screen and (max-width: 1920px) and (min-width: 1025px) {

    .MypageHeader {
        margin-bottom: 1.5625vw;
    }

    .MypageHeaderTitle {
        font-size: 2.0833vw;
    }


}


@media screen and (max-width: 1024px) and (min-width: 768px) {

    .MypageHeader {
        margin-bottom: 2.9296vw;
    }

    .MypageHeaderTitle {
        font-size: 3.70625vw;
    }

}

@media screen and (max-width: 767px) and (min-width: 1px) {

    .MypageHeader {
        margin-bottom: 7.14285vw;
    }

    .MypageHeaderTitle {
        font-size: 6.5238vw;
    }

}


/* MypageHeaderTab
=========================================================*/
.MypageHeaderTab {
    flex: 0 0 26.66%;
    max-width: 26.66%;
}

.MypageHeaderTab-list {
    font-size: 0;
    line-height: 0;
}

.MypageHeaderTab-list:after {
    content: '';
    display: block;
    clear: both;
}

.MypageHeaderTab-item {
    display: inline-block;
    width: 50%;
}

.MypageHeaderTab-link {
    display: block;
    padding: 11px 0;
    color: #888;
    font-size: 20px;
    font-weight: 300;
    font-family: 'Mbc';
    line-height: 1.4em;
    text-align: center;
    border-bottom: 5px solid transparent;
}

.MypageHeaderTab-item.is-Current .MypageHeaderTab-link {
    color: #000;
    font-weight: 500;
    border-color: #0D0D26;
}


/* responsive */
@media screen and (min-width: 1025px) {

    .MypageHeaderTab-link:hover {
        color: #000;
        font-weight: 500;
    }

}

@media screen and (max-width: 1920px) and (min-width: 1025px) {

}

@media screen and (max-width: 1024px) and (min-width: 768px) {

}

@media screen and (max-width: 767px) and (min-width: 1px) {

}


/* =========================================================
	MypageCont
=========================================================*/

.MypageContLink {
    max-width: 255px;
    margin: 60px auto 0;
}


@media screen and (max-width: 1920px) and (min-width: 1025px) {

    .MypageContLink {
        max-width: 13.28125vw;
        margin-top: 3.125vw;
    }

}

@media screen and (max-width: 1024px) and (min-width: 768px) {

    .MypageContLink {
        max-width: 24.9023vw;
        margin-top: 5.859375vw;
    }

}

@media screen and (max-width: 767px) and (min-width: 1px) {

    .MypageContLink {
        max-width: none;
        margin-top: 7.82268vw;
        padding: 0 10vw;
    }

}


/* =========================================================
	MypageMain
=========================================================*/
.MypageMain-list {
    display: flex;
    width: 100%;
}

.MypageMain-item {
    flex: 1;
    width: 50%;
}


/* responsive */

@media screen and (max-width: 767px) and (min-width: 1px) {
    .MypageMain-list {
        display: block;
    }

    .MypageMain-item {
        display: block;
        width: 100%;
    }
}


/*  MypageProfile
=========================================================*/
.MypageProfile {
    background-color: #F4F4F4;
    text-align: center;
}

.MypageProfile-inner {
    height: 100%;
    padding: 60px 20px 55px;
}

.MypageProfile.Myinfo .MypageProfile-inner {
    height: auto;
}

.MypageProfileThumb {
    display: block;
    position: relative;
    width: 200px;
    margin: 0 auto;

}

.MypageProfileThumb-img {
    overflow: hidden;
    display: block;
    position: relative;
    border-radius: 100%;
}

.MypageProfileThumb-img:before {
    content: '';
    display: block;
    padding-bottom: 100%;
}

.MypageProfileThumb-img img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100%;
    overflow: hidden;
}

.MypageProfileThumb-link {
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 10;
    width: 50px;
    height: 50px;
    background-color: #0D0C26;
    background-image: url('../image/icon/ico-camera.png');
    background-size: 30px 26px;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 100%;
    cursor: pointer;
}

.MypageProfileCont {
    margin-top: 24px;
}

.MypageProfileCont-title {
    display: block;
    color: #000;
    font-size: 22px;
    font-weight: bold;
    line-height: 1.4em;
    font-family: 'Noto Sans';
}

.MypageProfileCont-link {
    display: block;
    margin-top: 10px;
    color: #000;
    font-size: 18px;
    line-height: 1.4em;
    text-decoration: underline;
}


/* responsive */
@media screen and (min-width: 1025px) {
    .MypageProfileCont-link:hover {
        color: #33FFCC;
    }
}

@media screen and (max-width: 1920px) and (min-width: 1025px) {

    .MypageProfile-inner {
        padding: 3.125vw 1.04166vw 2.864583vw;
    }

    .MypageProfileThumb {
        width: 10.4166vw;
    }

    .MypageProfileThumb-link {
        width: 2.60416vw;
        height: 2.60416vw;
        background-size: 1.5625vw 1.35416vw;
    }

    .MypageProfileCont {
        margin-top: 1.25vw;
    }

    .MypageProfileCont-title {
        font-size: 1.145833vw;
    }

    .MypageProfileCont-link {
        margin-top: 0.52083vw;
        font-size: 0.9375vw;
    }

}

@media screen and (max-width: 1066px) and (min-width: 1025px) {
    .MypageProfileCont-link {
        font-size: 10px;
    }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {

    .MypageProfile-inner {
        padding: 5.6475vw 1.953125vw 4.39453vw;
    }

    .MypageProfileThumb {
        width: 19.53125vw;
    }

    .MypageProfileThumb-link {
        width: 4.8828vw;
        height: 4.8828vw;
        background-size: 2.92968vw 2.53906vw;
    }

    .MypageProfileCont {
        margin-top: 2.34375vw;
    }

    .MypageProfileCont-title {
        font-size: 2.1484vw;
    }

    .MypageProfileCont-link {
        margin-top: 0.97656vw;
        font-size: 1.7578vw;
    }
}

@media screen and (max-width: 767px) and (min-width: 1px) {

    .MypageProfile-inner {
        height: auto;
        padding: 10vw 4.7619vw;
    }

    .MypageProfileThumb {
        width: 36vw;
    }

    .MypageProfileThumb-link {
        width: 10vw;
        height: 10vw;
        background-size: 5.14285vw 4.190476vw;
    }

    .MypageProfileCont {
        margin-top: 5.714285vw;
    }

    .MypageProfileCont-title {
        font-size: 5vw;
    }

    .MypageProfileCont-link {
        margin-top: 1.38095vw;
        font-size: 4vw;
    }
}


/*  MypageContList
=========================================================*/

.MypageContList-link {
    display: block;
    padding: 38px 50px 38px 60px;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

.MypageContList-item:first-child .MypageContList-link {
    border-top: 1px solid #eee;
}

.MypageContList-text {
    display: block;
    position: relative;
    padding-right: 32px;
    color: #000;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.2em;
    font-family: 'Mbc';
}

.MypageContList-text:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    width: 12px;
    height: 20px;
    background-image: url('../image/icon/ico-mypage-arrow.png');
    background-size: 12px 20px;
    transform: translateY(-50%);
}

/* responsive */
@media screen and (min-width: 1025px) {

    .MypageContList-link:hover {
        background-color: #32FFCC;
        border-color: #32FFCC;
    }

    .MypageContList-link:hover .MypageContList-text {
        text-align: right;
    }
}

@media screen and (max-width: 1920px) and (min-width: 1025px) {

    .MypageContList-link {
        padding: 1.979166vw 2.60416vw 1.979166vw 3.125vw;
    }

    .MypageContList-text {
        padding-right: 1.6666vw;
        font-size: 1.041665vw;
    }

    .MypageContList-text:after {
        width: 0.625vw;
        height: 1.04166vw;
        background-size: 0.625vw 1.04166vw;
    }

}

@media screen and (max-width: 1066px) and (min-width: 1025px) {
    .MypageContList-text {
        font-size: 10px;
    }

}

@media screen and (max-width: 1024px) and (min-width: 768px) {

    .MypageContList-link {
        padding: 3.56vw 4.8828vw 3.56vw 4.859375vw;
    }

    .MypageContList-text {
        padding-right: 3.125vw;
        font-size: 1.953125vw;
    }

    .MypageContList-text:after {
        width: 1.1718vw;
        height: 1.953125vw;
        background-size: 1.1718vw 1.953125vw;
    }
}

@media screen and (max-width: 767px) and (min-width: 1px) {

    .MypageContList-link {
        padding: 7vw 6.2857vw 7vw 6.2857vw;
        border-left: 1px solid #eee;
    }

    .MypageContList-text {
        padding-right: 7.619047vw;
        font-size: 4.25vw;
    }

    .MypageContList-text:after {
        width: 2.857142vw;
        height: 4.7619vw;
        background-size: 2.857142vw 4.7619vw;
    }
}


/*=========================================================
	MemberInfo
=========================================================*/


.MemberInfoTitle {
    display: block;
    color: #000;
    font-size: 22px;
    font-weight: 500;
    font-family: 'Mbc';
    line-height: 1.2em;
}

.MemberInfoCont {
    margin-top: 20px;
}

.MemberInfoCont-list {
    width: 100%;
    font-size: 0;
    line-height: 0;
}

.MemberInfoCont-item {
    display: inline-block;
    padding: 5px 0;
    padding-right: 40px;
    font-size: 0;
    line-height: 0;
}

.MemberInfoCont-item:last-child {
    padding-right: 0;
    padding-bottom: 0;
}

.MemberInfoCont-item:after {
    content: '';
    display: block;
    clear: both;
}

.MemberInfoCont-title {
    float: left;
    padding-right: 15px;
    color: #000;
    font-size: 16px;
    font-weight: 300;
    font-family: 'Mbc';
    line-height: 1.2em;
}

.MemberInfoCont-text {
    overflow: hidden;
    display: block;
    color: #000;
    font-size: 16px;
    font-weight: 500;
    font-family: 'Mbc';
    line-height: 1.2em;
}


/* responsive */
@media screen and (max-width: 1920px) and (min-width: 1025px) {

    .MemberInfoTitle {
        font-size: 1.145833vw;
    }

    .MemberInfoCont {
        margin-top: 1.04166vw;
    }

    .MemberInfoCont-item {
        padding-right: 2.08333vw;
    }

    .MemberInfoCont-title {
        padding-right: 0.78125vw;
        font-size: 0.83333vw;
    }

    .MemberInfoCont-text {
        font-size: 0.83333vw;
    }


}

@media screen and (max-width: 1200px) and (min-width: 1025px) {
    .MemberInfoCont-title {
        font-size: 10%;
    }

    .MemberInfoCont-text {
        font-size: 10px;
    }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {

    .MemberInfoTitle {
        font-size: 2.1484vw;
    }

    .MemberInfoCont {
        margin-top: 1.953125vw;
    }

    .MemberInfoCont-item {
        padding-right: 3.90625vw;
    }

    .MemberInfoCont-title {
        padding-right: 1.4648vw;
        font-size: 1.5625vw;
    }

    .MemberInfoCont-text {
        font-size: 1.5625vw;
    }

}

@media screen and (max-width: 767px) and (min-width: 1px) {


    .MemberInfoTitle {
        font-size: 4.725vw;
    }

    .MemberInfoCont {
        margin-top: 4.7619vw;
    }

    .MemberInfoCont-item {
        width: 100%;
        padding-top: 0;
        padding-right: 0;
        padding-bottom: 2.5vw;
    }

    .MemberInfoCont-title {
        padding-right: 3.571428vw;
        font-size: 3.8095vw;
    }

    .MemberInfoCont-text {
        font-size: 3.8095vw;
    }

}


/*=========================================================
	MypageMainForm
=========================================================*/

.MypageMainForm {
    padding-left: 80px;
}

.MypageMainForm-item {
    padding-bottom: 40px;
}

.MypageMainForm-item:last-child {
    padding-bottom: 0;
}

.MypageMainFormBtn-list {
    margin: 0 -5px;
}

.MypageMainFormBtn {
    margin-top: 40px;
}

.MypageMainFormBtn-list:after {
    content: '';
    display: block;
    clear: both;
}

.MypageMainFormBtn-item {
    float: left;
    width: 50%;
    padding: 0 5px;
}


.MypageMainFormLink {
    margin-top: 40px;
    text-align: center;
}

.MypageMainFormLink-link {
    display: block;
    color: #888;
    font-size: 18px;
    line-height: 1.2em;
    font-family: 'Mbc';
    text-decoration: underline;
}


/* responsive */
@media screen and (min-width: 1025px) {
    .MypageMainFormLink-link:hover {
        color: #33FFCC;
    }
}

@media screen and (max-width: 1920px) and (min-width: 1025px) {

    .MypageMainForm {
        padding-left: 4.1666vw;
    }

    .MypageMainForm-item {
        padding-bottom: 2.0833vw;
    }

    .MypageMainFormBtn-list {
        margin: 0 -0.260416vw;
    }

    .MypageMainFormBtn {
        margin-top: 2.0833vw;
    }

    .MypageMainFormBtn-item {
        padding: 0 0.260416vw;
    }

    .MypageMainFormLink {
        margin-top: 2.083333vw;
    }

    .MypageMainFormLink-link {
        font-size: 0.9375vw;
    }

}

@media screen and (max-width: 1024px) and (min-width: 1025px) {
    .MypageHeaderLink-link {
        font-size: 10px;
    }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {

    .MypageMainForm {
        padding-left: 2.8125vw;
    }

    .MypageMainForm-item {
        padding-bottom: 3.90625vw;
    }

    .MypageMainFormBtn-list {
        margin: 0 -0.48828vw;
    }

    .MypageMainFormBtn {
        margin-top: 3.90625vw;
    }

    .MypageMainFormBtn-item {
        padding: 0 0.48828vw;
    }


    .MypageMainFormLink {
        margin-top: 3.90625vw;
    }

    .MypageMainFormLink-link {
        font-size: 1.7578vw;
    }
}

@media screen and (max-width: 767px) and (min-width: 1px) {

    .MypageMainForm {
        padding-left: 0;
        padding-top: 8vw;
    }

    .MypageMainForm-item {
        padding-bottom: 7.21512vw;
    }

    .MypageMainFormBtn-list {
        margin: 0 -0.65189vw;
    }

    .MypageMainFormBtn {
        margin-top: 15.21512vw;
    }

    .MypageMainFormBtn-item {
        padding: 0 0.65189vw;
    }


    .MypageMainFormLink {
        margin-top: 9.5238vw;
    }

    .MypageMainFormLink-link {
        font-size: 4.2857vw;
    }

}


/*=========================================================
	ProfileItem
=========================================================*/

/*ProfileItemHeader
=========================================================*/
.ProfileItemHeader {
    display: flex;
    margin-bottom: 10px;
    justify-content: space-between;
    align-items: center;
}

.ProfileItemHeaderTitle {
    flex: 1;
    color: #000;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2em;
    font-family: 'Mbc';
}

.ProfileItemHeaderTitle br {
    display: none;
}

.ProfileItemHeaderLink {
    display: block;
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.2em;
    font-family: 'Mbc';
    text-decoration: underline;
}

.ProfileItemHeader-checkbox {
    flex: 1;
    max-width: 200px;
}


/* responsive */
@media screen and (min-width: 1025px) {
    .ProfileItemHeaderLink:hover {
        color: #33FFCC;
    }
}

@media screen and (max-width: 1920px) and (min-width: 1025px) {
    .ProfileItemHeader {
        margin-bottom: 0.520833vw;
    }

    .ProfileItemHeaderTitle {
        font-size: 0.8333vw;
    }

    .ProfileItemHeaderLink {
        font-size: 0.8333vw;
    }

    .ProfileItemHeader-checkbox {
        max-width: 10.4166vw;
    }

}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    .ProfileItemHeader {
        margin-bottom: 0.9765625vw;

    }

    .ProfileItemHeaderTitle {
        font-size: 1.5625vw;
    }

    .ProfileItemHeaderLink {
        font-size: 1.5625vw;
    }

    .ProfileItemHeader-checkbox {
        max-width: 19.53125vw;
    }
}

@media screen and (max-width: 767px) and (min-width: 1px) {
    .ProfileItemHeader {
        margin-bottom: 2.38095vw;
    }

    .ProfileItemHeaderTitle {
        font-size: 4vw;
    }

    .ProfileItemHeaderTitle br {
        display: block;
    }

    .ProfileItemHeaderLink {
        font-size: 3vw;
    }

    .ProfileItemHeader-radio {
        max-width: 47.619vw;
    }
}


/*ProfileItemCont
=========================================================*/
.ProfileItemCont-item {
    padding-bottom: 10px;
}

.ProfileItemCont-item:last-child {
    padding-bottom: 0;
}

.ProfileItemCont-text {
    display: block;
    width: 100%;
    height: 70px;
    padding: 25px 30px;
    color: #888;
    font-size: 16px;
    font-family: 'Mbc';
    line-height: 1.4em;
    background-color: #F4F4F4;
}

.ProfileItemCont .GrayInput.bg-email {
    border-color: #F4F4F4;
}

.ProfileItemCont .GrayInput.bg-email .GrayInput-text {
    background-color: #F4F4F4;
}


/* responsive */
@media screen and (max-width: 1920px) and (min-width: 1025px) {
    .ProfileItemCont-item {
        padding-bottom: 0.520833vw;
    }

    .ProfileItemCont-text {
        height: 3.64583vw;
        padding: 1.25vw 1.5625vw;
        font-size: 0.8333vw;
    }
}

@media screen and (max-width: 1200px) and (min-width: 1025px) {
    .ProfileItemCont-text {
        font-size: 10px;
    }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    .ProfileItemCont-item {
        padding-bottom: 0.9765625vw;
    }

    .ProfileItemCont-text {
        height: 6.8359vw;
        padding: 2.34375vw 2.92968vw;
        font-size: 1.5625vw;
    }
}

@media screen and (max-width: 767px) and (min-width: 1px) {
    .ProfileItemCont-item {
        padding-bottom: 2.8vw;
    }

    .ProfileItemCont-text {
        height: 14.296vw;
        padding: 4.71428vw 3.14285vw;
        font-size: 3.5095vw;
    }
}


/*=========================================================
	Unregister
=========================================================*/
.Unregister {
    border-top: 3px solid #0D0D26;
}

.UnregisterHeader {
    border-bottom: 1px solid #ccc;
    padding: 34px 60px 28px;
}

.UnregisterImg {
    text-align: center;
}

.UnregisterImg img {
    display: block;
    margin: 0 auto;
}

.UnregisterImg-text {
    display: block;
    margin-top: 45px;
    color: #000;
    font-size: 30px;
    font-weight: 600;
    line-height: 1.6em;
    font-family: 'Mbc';
    text-align: center;
}


/* responsive */
@media screen and (max-width: 1920px) and (min-width: 1025px) {

    .UnregisterImg-text {
        margin-top: 2.34375vw;
        font-size: 1.5625vw;
    }

}

@media screen and (max-width: 1024px) and (min-width: 768px) {

    .UnregisterImg-text {
        margin-top: 4.39453vw;
        font-size: 2.9296875vw;
    }

}

@media screen and (max-width: 767px) and (min-width: 1px) {
    .UnregisterImg {
        padding-top: 4vw;
        padding-bottom: 10vw;
    }

    .UnregisterImg-text {
        margin-top: 4.71428vw;
        font-size: 5.66vw;
    }

}


/* UnregisterCont
=========================================================*/

.UnregisterCont {
    padding: 35px 60px;
    border-bottom: 1px solid #ccc;
}

.UnregisterContList-item {
    padding-bottom: 20px;
}

.UnregisterContList-item:last-child {
    padding-bottom: 0;
}

.UnregisterContTitle {
    display: block;
    color: #000;
    font-size: 22px;
    font-weight: 500;
    font-family: 'Mbc';
    line-height: 1.6em;
}

.UnregisterContList {
    margin-top: 30px;
}

.UnregisterLink {
    max-width: 520px;
    margin: 0 auto;
    margin-top: 60px;
    text-align: center;
}

.UnregisterLink-list {
    margin: 0 -5px;
}

.UnregisterLink-list:after {
    content: '';
    display: block;
    clear: both;
}

.UnregisterLink-item {
    float: left;
    width: 50%;
    padding: 0 5px;
}


.UnregisterBullet {
    display: inline-block;
    margin-top: 20px;
    text-align: left;
}

.UnregisterBullet-bullet {
    float: left;
    padding-right: 4px;
    color: #888;
    font-size: 14px;
    font-weight: 300;
    font-family: 'Mbc';
    line-height: 1.4em;
}

.UnregisterBullet-text {
    overflow: hidden;
    display: block;
    color: #888;
    font-size: 14px;
    font-weight: 300;
    font-family: 'Mbc';
    line-height: 1.6em;
}


/* responsive */
@media screen and (max-width: 1920px) and (min-width: 1025px) {

    .UnregisterHeader {
        padding: 1.77083vw 3.125vw 1.45833vw;
    }

    .UnregisterCont {
        padding: 1.822916vw 3.125vw;
    }

    .UnregisterContList-item {
        padding-bottom: 1.0416661vw;
    }

    .UnregisterContTitle {
        font-size: 1.14583vw;
    }

    .UnregisterContList {
        margin-top: 1.5625vw;
    }

    .UnregisterLink {
        max-width: 27.0833vw;
        margin-top: 3.125vw;
    }

    .UnregisterLink-list {
        margin: 0 -0.260416vw;
    }

    .UnregisterLink-item {
        padding: 0 0.260416vw;
    }

    .UnregisterBullet {
        margin-top: 1.041666vw;
    }

    .UnregisterBullet-bullet {
        padding-right: 0.20833vw;
        font-size: 0.72916vw;
    }

    .UnregisterBullet-text {
        font-size: 0.72916vw;
    }

}

@media screen and (max-width: 1024px) and (min-width: 768px) {

    .UnregisterHeader {
        padding: 3.41796875vw 2.859375vw;
    }

    .UnregisterCont {
        padding: 3.417968vw 2.859375vw;
    }

    .UnregisterContList-item {
        padding-bottom: 1.953125vw;
    }

    .UnregisterContTitle {
        font-size: 2.1484375vw;
    }

    .UnregisterContList {
        margin-top: 2.9296875vw;
    }

    .UnregisterLink {
        max-width: 50.78125vw;
        margin-top: 5.859375vw;
    }

    .UnregisterLink-list {
        margin: 0 -0.48828vw;
    }

    .UnregisterLink-item {
        padding: 0 0.48828vw;
    }

    .UnregisterBullet {
        margin-top: 1.953125vw;
    }

    .UnregisterBullet-bullet {
        padding-right: 0.390625vw;
        font-size: 1.36718vw;
    }

    .UnregisterBullet-text {
        font-size: 1.367181vw;
    }
}

@media screen and (max-width: 767px) and (min-width: 1px) {

    .MypageMain.flex-order .MypageMain-list {
        display: flex;
        flex-wrap: wrap;
    }

    .MypageMain.flex-order .MypageMain-item:first-child {
        order: 2;
        flex: none;
    }

    .MypageMain.flex-order .MypageMain-item:last-child {
        order: 1;
        flex: none;
    }

    .UnregisterHeader {
        padding: 5.3333vw 6.25vw;
    }

    .UnregisterCont {
        padding: 5.3333vw 6.25vw;
    }

    .UnregisterContList-item {
        padding-bottom: 4.76190vw;
    }

    .UnregisterContTitle {
        font-size: 4.925vw;
    }

    .UnregisterContList {
        margin-top: 4.7619vw;
    }

    .UnregisterLink {
        max-width: 100%;
        margin-top: 14.2857vw;
    }

    .UnregisterLink-list {
        margin: 0 -1.190476vw;
    }

    .UnregisterLink-item {
        padding: 0 1.190476vw;
    }

    .UnregisterBullet {
        margin-top: 4.76190vw;
    }

    .UnregisterBullet-bullet {
        padding-right: 0.95238vw;
        font-size: 3.3333vw;
    }

    .UnregisterBullet-text {
        font-size: 3.3333vw;
        text-align: left;
    }
}


/*=========================================================
  UnregisterPopup
=========================================================*/
.UnregisterPopup {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 50;
    transform: translate(-50%, -50%);
}

.UnregisterPopup.is-View {
    display: block;
}


/* =========================================================
	MyContentsHeader
=========================================================*/

.MyContentsHeader {
    display: flex;
    justify-content: space-between;
    margin-bottom: 80px;
}

.MyContentsHeaderTitle {
    display: block;
    /* flex:1; */
}

.MyContentsHeaderTitle-tit {
    display: block;
    color: #000;
    font-size: 40px;
    font-weight: 600;
    line-height: 1.2em;
    font-family: 'Mbc';
}

.MyContentsHeaderTitle-txt {
    display: block;
    margin-top: 15px;
    color: #888;
    font-size: 22px;
    font-weight: 300;
    line-height: 1.2em;
    font-family: 'Mbc';
}

.MyContentsHeaderLink {
    display: block;
    color: #888;
    font-size: 18px;
    line-height: 1.2em;
    font-family: 'Mbc';
    text-decoration: underline;
}


/* responsive */
@media screen and (min-width: 1025px) {
    .MyContentsHeaderLink:hover {
        color: #33FFCC;
    }
}

@media screen and (max-width: 1920px) and (min-width: 1025px) {

    .MyContentsHeader {
        margin-bottom: 7.8125vw;
    }

    .MyContentsHeaderTitle-tit {
        font-size: 2.0833vw;
    }

    .MyContentsHeaderTitle-txt {
        margin-top: 0.78125vw;
        font-size: 1.145833vw;
    }

    .MyContentsHeaderLink {
        font-size: 0.9375vw;
    }

}

@media screen and (max-width: 1024px) and (min-width: 1025px) {
    .MyContentsHeaderLink {
        font-size: 10px;
    }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {

    .MyContentsHeader {
        margin-bottom: 7.8125vw;
    }


    .MyContentsHeaderTitle-tit {
        font-size: 3.90625vw;
    }

    .MyContentsHeaderTitle-txt {
        margin-top: 1.46484375vw;
        font-size: 2.1484375vw;
    }


    .MyContentsHeaderLink {
        font-size: 1.7578vw;
    }
}

@media screen and (max-width: 767px) and (min-width: 1px) {

    .MyContentsHeader {
        margin-bottom: 19.047619vw;
    }

    .MyContentsHeaderTitle-tit {
        font-size: 7.5238vw;
    }

    .MyContentsHeaderTitle-txt {
        margin-top: 2vw;
        font-size: 5vw;
    }

    .MyContentsHeaderLink {
        font-size: 4.2857vw;
    }
}


/* MyContentsHeaderTab
=========================================================*/
.MyContentsHeaderTab {
    flex: 0 0 33.66%;
    max-width: 33.66%;
}

.MyContentsHeaderTab-list {
    font-size: 0;
    line-height: 0;
}

.MyContentsHeaderTab-list:after {
    content: '';
    display: block;
    clear: both;
}

.MyContentsHeaderTab-item {
    display: inline-block;
    width: 50%;
}

.MyContentsHeaderTab-link {
    display: block;
    padding: 11px 20px;
    color: #888;
    font-size: 20px;
    font-weight: 300;
    font-family: 'Mbc';
    line-height: 1.4em;
    text-align: center;
    border-bottom: 5px solid transparent;
}

.MyContentsHeaderTab-item.is-Current .MyContentsHeaderTab-link {
    color: #000;
    font-weight: 500;
    border-color: #0D0D26;
}


/* responsive */
@media screen and (min-width: 1025px) {

    .MyContentsHeaderTab-link:hover {
        color: #000;
        font-weight: 500;
    }

}

@media screen and (max-width: 1920px) and (min-width: 1025px) {

    .MyContentsHeaderTab-link {
        padding: 0.572916vw 1.04166vw;
        font-size: 1.04166vw;
    }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    .MyContentsHeaderTab {
        flex: 0 0 40.66%;
        max-width: 40.66%;
    }

    .MyContentsHeaderTab-link {
        padding: 1.07421875vw 1.953125vw;
        font-size: 1.953125vw;
    }
}

@media screen and (max-width: 767px) and (min-width: 1px) {
    .MyContentsHeader {
        margin: 20.5238vw 0 14.0476vw;
        flex-wrap: wrap;
    }

    .MyContentsHeaderTab {
        flex: 0 0 100%;
        max-width: 100%;
        margin-top: 5vw;
    }

    .MyContentsHeaderTab-link {
        padding: 2.6190476vw 2.7619vw;
        font-size: 4.7619vw;
    }
}


/* =========================================================
	MyContentsList
=========================================================*/


/*=========================================================
	SubsSetting
=========================================================*/

.SubsSetting {
    border-top: 3px solid #000;
    border-bottom: 1px solid #CCC;
}

.SubsSetting-list {
    display: table;
    width: 100%;
}

.SubsSetting-item {
    display: table-cell;
    width: 50%;
    padding: 35px 50px;
    vertical-align: middle;
    border-right: 1px solid #ccc;
}

.SubsSetting-item:last-child {
    border-right: 0;
}


/* responsive */
@media screen and (max-width: 1920px) and (min-width: 1025px) {

    .SubsSetting-item {
        padding: 1.822916vw 2.60416vw;
    }

}

@media screen and (max-width: 1024px) and (min-width: 768px) {

    .SubsSetting-item {
        padding: 3.41796875vw 4.8828125vw
    }

}

@media screen and (max-width: 767px) and (min-width: 1px) {
    .SubsSetting-list {
        display: block;
    }

    .SubsSetting-item {
        display: block;
        width: 100%;
        padding: 8.3333vw 6.25vw;
        border-right: 0;
        border-bottom: 1px solid #ccc;
    }

    .SubsSetting-item:last-child {
        border-bottom: 0;
    }

}


/*=========================================================
	NewsSubscribe
=========================================================*/
.NewsSubscribe {
    position: relative;
}

.NewsSubscribeTitle {
    display: block;
    color: #000;
    font-size: 22px;
    font-weight: 500;
    font-family: 'Mbc';
    line-height: 1.2em;
}

.NewsSubscribeCont {
    display: table;
    width: 100%;
    margin-top: 20px;
}

.NewsSubscribeCont-text {
    display: table-cell;
    padding-right: 10px;
    color: #000;
    font-size: 16px;
    font-weight: 300;
    font-family: 'Mbc';
    line-height: 1.2em;
}

.NewsSubscribeCont-link {
    display: table-cell;
    color: #000;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Mbc';
    line-height: 1.2em;
    text-align: right;
    white-space: nowrap;
    text-decoration: underline;
}

.NewsSubscribe.NonSubscribe {
    padding-right: 42.17%;
}

.NewsSubscribeContBtn {
    width: 41.17%;
    position: absolute;
    top: 0;
    right: 0;

}


@media screen and (min-width: 1025px) {
    .NewsSubscribeCont-link:hover {
        color: #33FFCC;
    }
}


@media screen and (max-width: 1920px) and (min-width: 1025px) {
    .NewsSubscribeTitle {
        font-size: 1.145833vw;
    }

    .NewsSubscribeCont {
        margin-top: 1.041666vw;
    }

    .NewsSubscribeCont-text {
        padding-right: 0.520833vw;
        font-size: 0.833333vw;
    }

    .NewsSubscribeCont-link {
        font-size: 0.833333vw;
    }

}


@media screen and (max-width: 1024px) and (min-width: 768px) {

    .NewsSubscribeTitle {
        font-size: 2.1484vw;
    }

    .NewsSubscribeCont {
        margin-top: 1.953125vw;
    }

    .NewsSubscribeCont-text {
        padding-right: 0.9765625vw;
        font-size: 1.5625vw;
    }

    .NewsSubscribeCont-link {
        font-size: 1.5625vw;
    }
}

@media screen and (max-width: 767px) and (min-width: 1px) {

    .NewsSubscribeTitle {
        font-size: 4.725vw;
    }

    .NewsSubscribeCont {
        display: block;
        margin-top: 2.76190vw;
    }

    .NewsSubscribeCont-text {
        display: block;
        margin-bottom: 2.5vw;
        padding-right: 0;
        font-size: 3.8095vw;
    }

    .NewsSubscribeCont-link {
        font-size: 3.8095vw;
    }


    .NewsSubscribe.NonSubscribe {
        padding-right: 0;
    }

    .NewsSubscribeContBtn {
        width: 100%;
        position: static;
    }

}


/*=========================================================
  SingleScrapBtn
=========================================================*/

.SingleHeaderInfoMeta-item.Scrap {
    font-size: 0;
}

.SingleHeaderInfoMeta-item.Scrap:after {
    content: '';
    display: block;
}

.SingleHeaderInfoMeta-item.Scrap:after {
    width: 14px;
    height: 17px;
    background-image: url(../image/icon/ico-scrap.png);
    background-size: 14px 17px;
}


.SingleHeaderInfoMeta-item.Scrap.is-Active:after {
    background-image: url(../image/icon/ico-scrap-h.png);
}


/* responsive */
@media screen and (min-width: 1025px) {
    .SingleHeaderInfoMeta-item.Scrap:hover:after {
        background-image: url(../image/icon/ico-scrap-h.png);
    }


}

@media screen and (max-width: 1920px) and (min-width: 1025px) {

    .SingleHeaderInfoMeta-item.Scrap:after {
        width: 0.729166vw;
        height: 0.885416vw;
        background-size: 0.729166vw 0.885416vw;
    }

}

@media screen and (max-width: 1024px) and (min-width: 768px) {


    .SingleHeaderInfoMeta-item.Scrap:after {
        width: 1.3671875vw;
        height: 1.66015625vw;
        background-size: 1.3671875vw 1.66015625vw;
    }

}

@media screen and (max-width: 767px) and (min-width: 1px) {


    .SingleHeaderInfoMeta-item.Scrap:after {
        width: 2.85vw;
        height: 3.447619vw;
        background-size: 2.85vw 3.447619vw;
    }

}


/* =========================================================
	TodaySingle
=========================================================*/


body.post-template-single-newsletter .site-content {
    background-color: #f4f4f4;
}

.TodaySingle .site-container {
    max-width: 1110px;
}


/* responsive */
@media screen and (max-width: 1920px) and (min-width: 1025px) {
    .TodaySingle .site-container {
        max-width: 57.8125vw;
    }

}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    .TodaySingle .site-container {
        max-width: 100vw;
    }
}

@media screen and (max-width: 767px) and (min-width: 1px) {
    .TodaySingle .site-container {
        max-width: 100%;
    }
}


/* =========================================================
	TodayLetterHeader
=========================================================*/
.TodayLetterHeader {
    display: table;
    width: 100%;
    border-top: solid 8px #33FFCC;
    padding: 40px 20px 0;
    position: relative;
    background-color: #fff;
}

.TodayLetterHeaderThumb {
    display: table-cell;
    width: 50%;
    vertical-align: bottom;
}

.TodayLetterHeaderThumb img {
    display: block;
    width: 354px;
    margin: 0 auto;
}

.TodayLetterHeaderText {
    display: table-cell;
    width: 50%;
    padding: 20px 0;
    vertical-align: middle;
}

.TodayLetterHeaderText-item {
    padding-bottom: 20px;
}

.TodayLetterHeaderText-item:last-child {
    padding-bottom: 0;
}

.TodayLetterHeaderLink-title {
    float: left;
    padding-right: 25px;
    color: #000;
    font-size: 20px;
    font-weight: bold;
    font-family: 'Mbc';
    line-height: 1.2em;
}

.TodayLetterHeaderLink-text {
    overflow: hidden;
    display: block;
    color: #000;
    font-size: 20px;
    font-weight: 300;
    font-family: 'Mbc';
    line-height: 1.4em;
}


/* responsive */

@media screen and (max-width: 1920px) and (min-width: 1025px) {

    .TodayLetterHeader {
        border-top-width: 8px;
        padding-top: 2.08333vw;
    }

    .TodayLetterHeaderThumb img {
        width: 18.4375vw;
    }

    .TodayLetterHeaderText {
        padding: 1.041666vw 0;
    }

    .TodayLetterHeaderText-item {
        padding-bottom: 1.041666vw;
    }

    .TodayLetterHeaderLink-title {
        padding-right: 1.302083vw;
        font-size: 1.041666vw;
    }

    .TodayLetterHeaderLink-text {
        font-size: 1.041666vw;
    }

}

@media screen and (max-width: 1024px) and (min-width: 768px) {

    .TodayLetterHeader {
        border-top-width: 5px;
        padding-top: 3.90625vw;
    }

    .TodayLetterHeaderThumb {
        width: 35%;
    }

    .TodayLetterHeaderThumb img {
        width: 34.5703125vw;
    }

    .TodayLetterHeaderText {
        width: 65%;
        padding: 1.953125vw 0;
        padding-left: 3vw;
    }

    .TodayLetterHeaderText-item {
        padding-bottom: 1.953125vw;
    }

    .TodayLetterHeaderLink-title {
        padding-right: 2.4414vw;
        font-size: 1.953125vw;
    }

    .TodayLetterHeaderLink-text {
        font-size: 1.953125vw;
    }

}

@media screen and (max-width: 767px) and (min-width: 1px) {

    .TodayLetterHeader {
        display: block;
        border-top-width: 3px;
        padding: 12vw 6.25vw 10vw;

    }

    .TodayLetterHeaderThumb {
        display: block;
        width: 70%;
        margin: 0 auto;
    }

    .TodayLetterHeaderText {
        display: block;
        width: 100%;
        margin-top: 8vw;
        padding: 0;
    }

    .TodayLetterHeaderText-item {
        padding-bottom: 4vw;
    }

    .TodayLetterHeaderLink-title {
        padding-right: 3.95238vw;
        font-size: 4vw;
    }

    .TodayLetterHeaderLink-text {
        font-size: 4vw;
    }


}


/* =========================================================
	TodayLetterCont
=========================================================*/


.TodayLetterBefore {
    width: 100%;
    height: 174px;
    z-index: -1;
    margin-top: -174px;
    position: absolute;
    left: 0;
    top: 0;
}

.TodayLetterCont-item {
    background-color: #fff;
    margin-top: 10px;
    padding: 80px 0 80px;
    border-radius: 10px;
    position: relative;
}

.TodayLetterCont-inner {
    max-width: 690px;
    margin: 0 auto;
    padding: 0 20px;
}


@media screen and (max-width: 1920px) and (min-width: 1025px) {


    .TodayLetterBefore {
        height: 9.0625vw;
        margin-top: -9.0625vw;
    }

    .TodayLetterCont-item {
        margin-top: 0.52083vw;
        padding: 4.16666vw 0 4.16666vw;
        border-radius: 0.52083vw;
    }

    .TodayLetterCont-inner {
        max-width: 35.9375vw;
        padding: 0 1.04166vw;
    }


}

@media screen and (max-width: 1024px) and (min-width: 768px) {

    .TodayLetterBefore {
        height: 16.99218vw;
        margin-top: -16.99218vw;
    }

    .TodayLetterCont-item {
        margin-top: 0.9765625vw;
        padding: 7.8125vw 0 7.8125vw;
        border-radius: 0.9765625vw;
    }

    .TodayLetterCont-inner {
        max-width: 67.3828125vw;
        padding: 0 1.953125vw;
    }


}

@media screen and (max-width: 767px) and (min-width: 1px) {


    .TodayLetterBefore {
        height: 40.685788vw;
        margin-top: -40.685788vw;
    }

    .TodayLetterCont-item {
        margin-top: 1.3037809vw;
        padding: 10.4302477vw 0 10.4302477vw;
        border-radius: 1.3037809vw;
    }

    .TodayLetterCont-inner {
        max-width: 100%;
        padding: 0 6.25vw;
    }

}


/* TodayLetterContTop
=========================================================*/
.TodayLetterContTop {
    padding-top: 80px;
}

.TodayLetterContTopTitle {
    position: relative;
    text-align: center;
    font-size: 0;
    line-height: 0;
}

.TodayLetterContTopTitle-title {
    display: inline-block;
    font-size: 40px;
    font-weight: bold;
    line-height: 1.2em;
    font-family: 'Mbc';
}

.TodayLetterContTopTitle-text {
    display: block;
    margin-top: 5px;
    font-size: 22px;
    line-height: 1.2em;
    font-family: 'Mbc';
}

.TodayLetterContTopTitle-badge {
    display: block;
    width: 56px;
    position: absolute;
    top: -70px;
    left: 50%;
    transform: translateX(-50%);

}

.TodayLetterContTopTitle-badge img {
    display: block;
    margin: 0 auto;
}

.TodayLetterContTopTag {
    margin-top: 20px;
}

.TodayLetterContTopTag-list {
    margin: -5px -10px;
    text-align: center;
}

.TodayLetterContTopTag-item {
    display: inline-block;
    padding: 5px 10px;
}

.TodayLetterContTopTag-text {
    display: block;
    color: #888888;
    font-size: 16px;
    font-weight: 300;
    font-family: 'Mbc';
    line-height: 1.2em;
}


/* responsive */

@media screen and (max-width: 1920px) and (min-width: 1025px) {
    .TodayLetterContTop {
        padding-top: 4.1666vw;
    }

    .TodayLetterContTopTitle-title {
        font-size: 2.08333vw;
    }

    .TodayLetterContTopTitle-text {
        margin-top: 0.260416vw;
        font-size: 1.14583vw;
    }

    .TodayLetterContTopTitle-badge {
        width: 2.91666vw;
        top: -3.645833vw;
    }

    .TodayLetterContTopTag {
        margin-top: 1.041666vw;
    }

    .TodayLetterContTopTag-list {
        margin: -0.260416vw -0.520833vw;
    }

    .TodayLetterContTopTag-item {
        padding: 0.260416vw 0.520833vw;
    }

    .TodayLetterContTopTag-text {
        font-size: 0.83333vw;
    }

}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    .TodayLetterContTop {
        padding-top: 7.8125vw;
    }

    .TodayLetterContTopTitle-title {
        font-size: 3.90625vw;
    }

    .TodayLetterContTopTitle-text {
        margin-top: 0.48828125vw;
        font-size: 2.1484375vw;
    }

    .TodayLetterContTopTitle-badge {
        width: 5.46875vw;
        top: -6.83593vw;
    }

    .TodayLetterContTopTag {
        margin-top: 1.953125vw;
    }

    .TodayLetterContTopTag-list {
        margin: -0.48828vw -0.9765625vw;
    }

    .TodayLetterContTopTag-item {
        padding: 0.48828vw 0.9765625vw;
    }

    .TodayLetterContTopTag-text {
        font-size: 1.5625vw;
    }
}

@media screen and (max-width: 767px) and (min-width: 1px) {
    .TodayLetterContTop {
        padding-top: 10.43024vw;
    }

    .TodayLetterContTopTitle-title {
        font-size: 5.523809vw;
    }

    .TodayLetterContTopTitle-text {
        margin-top: 1.19047619vw;
        font-size: 4.25vw;
    }

    .TodayLetterContTopTitle-badge {
        width: 12.333vw;
        top: -17vw;
    }

    .TodayLetterContTopTag {
        margin-top: 4.7619vw;
    }

    .TodayLetterContTopTag-list {
        margin: -1.19047vw -2.38095vw;
    }

    .TodayLetterContTopTag-item {
        padding: 1.19047vw 2.38095vw;
    }

    .TodayLetterContTopTag-text {
        font-size: 3.8095238vw;
    }

}


/* TodayLetterContBtm
=========================================================*/
.TodayLetterContBtm {
    margin-top: 40px;
}


/* responsive */
@media screen and (max-width: 1920px) and (min-width: 1025px) {
    .TodayLetterContBtm {
        margin-top: 2.08333vw;
    }

}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    .TodayLetterContBtm {
        margin-top: 3.90625vw;
    }

}

@media screen and (max-width: 767px) and (min-width: 1px) {
    .TodayLetterContBtm {
        margin-top: 7.5238vw;
    }


}


/* =========================================================
	TitleLine
=========================================================*/
.TitleLine {
    background-image: linear-gradient(#32FFCC, #32FFCC);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 100% 20px;
    font-family: 'Mbc';
}


/* responsive */
@media screen and (max-width: 1920px) and (min-width: 1025px) {
    .TitleLine {
        background-size: 100% 1.041666vw;
    }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    .TitleLine {
        background-size: 100% 1.953125vw;
    }
}

@media screen and (max-width: 767px) and (min-width: 1px) {
    .TitleLine {
        background-size: 100% 2.60756vw;
    }
}


/* =========================================================
	TodayLetterBox
=========================================================*/
.TodayLetterBox {
    position: relative;
    padding-top: 130px;
    padding-bottom: 150px;
}

.TodayLetterBox:before {
    content: '';
    display: block;
    position: absolute;
    width: 5000px;
    height: 100%;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
    background-color: #F4F4F4;
}

.TodayLetterBox-item {
    margin-bottom: 50px;

}

.TodayLetterBox-item:last-child {
    margin-bottom: 0;
}

.TodayLetterBoxHeader img {
    display: block;
    width: 100%;
}


.TodayLetterBoxCont {
    padding-top: 50px;
    padding: 50px 140px 120px 100px;
    background-color: #fff;
}

/* responsive */

@media screen and (max-width: 1920px) and (min-width: 1025px) {

    .TodayLetterBox {
        padding-top: 6.77083vw;
        padding-bottom: 7.8125vw;
    }

    .TodayLetterBox-item {
        margin-bottom: 2.60416vw;
    }

    .TodayLetterBoxCont {
        padding-top: 2.60416vw;
        padding: 2.60416vw 7.291666vw 6.25vw 5.20833vw;
    }

}

@media screen and (max-width: 1024px) and (min-width: 768px) {

    .TodayLetterBox {
        padding-top: 12.6953125vw;
        padding-bottom: 14.64843vw;
    }

    .TodayLetterBox-item {
        margin-bottom: 4.8828125vw;
    }

    .TodayLetterBoxCont {
        padding-top: 4.8828125vw;
        padding: 4.8828125vw 13.671875vw 11.71875vw 9.765625vw;
    }

}

@media screen and (max-width: 767px) and (min-width: 1px) {


    .TodayLetterBox {
        padding-top: 16.94915vw;
        padding-bottom: 19.55671vw;
    }

    .TodayLetterBox-item {
        margin-bottom: 6.5189vw;
    }

    .TodayLetterBoxCont {
        padding-top: 6.5189vw;
        padding: 6.5189vw 6.25vw 8.6453vw;
    }

}


/* =========================================================
	TodayNewsletter
=========================================================*/

.TodayNewsletter {
    margin-top: 46px;
}

.TodayNewsletter-inner {
    padding: 80px 175px 100px;
    border-radius: 10px;
    background-color: #fff;
    position: relative;
}

.TodayNewsletterHeader {
    margin: 0 auto 55px;
    max-width: 206px;
}

.TodayNewsletterHeader img {
    display: block;
    margin: 0 auto;
}


/* responsive */
@media screen and (max-width: 1920px) and (min-width: 1025px) {

    .TodayNewsletter {
        margin-top: 2.395833vw;
    }

    .TodayNewsletter-inner {
        padding: 4.16666vw 9.114583vw 5.20833vw;
        border-radius: 0.52083vw;
    }

    .TodayNewsletterHeader {
        max-width: 10.72916vw;
        margin-bottom: 2.86458vw;
    }

}

@media screen and (max-width: 1024px) and (min-width: 768px) {

    .TodayNewsletter {
        margin-top: 4.4921875vw;
    }

    .TodayNewsletter-inner {
        padding: 7.8125vw 9.114583vw 9.765625vw;
        border-radius: 0.9765625vw;
    }

    .TodayNewsletterHeader {
        max-width: 20.11718vw;
        margin-bottom: 5.37109vw;
    }
}

@media screen and (max-width: 767px) and (min-width: 1px) {

    .TodayNewsletter {
        margin-top: 5.99739vw;
    }

    .TodayNewsletter-inner {
        padding: 6.50247vw 6.25vw 13.0378vw;
        border-radius: 1.30378vw;
    }

    .TodayNewsletterHeader {
        max-width: 27.857887vw;
        margin-bottom: 7.170795vw;
    }
}


/* =========================================================
	TodayNewsletterCont
=========================================================*/
.TodayNewsletterCont {
    margin-top: 55px;
}

/* responsive */
@media screen and (max-width: 1920px) and (min-width: 1025px) {
    .TodayNewsletterCont {
        margin-top: 2.864583vw;
    }

}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    .TodayNewsletterCont {
        margin-top: 5.37109vw;
    }

}

@media screen and (max-width: 767px) and (min-width: 1px) {
    .TodayNewsletterCont {
        margin-top: 7.170795vw;
    }

}


/* =========================================================
	TodayNewsletterInput
=========================================================*/
.TodayNewsletterLink {
    margin: 80px auto 150px;
    text-align: center;
}


.TodayNewsletterLink-img {
    display: block;
    max-width: 50%;
    margin: 0 auto 10px;
}

.TodayNewsletterLink-title {
    display: inline-block;
    padding-right: 65px;
    position: relative;
    color: #000;
    font-size: 22px;
    font-weight: 500;
    font-family: 'Mbc';
    line-height: 1.2em;
    text-decoration: underline;
}

.TodayNewsletterLink-title:after {
    content: '';
    display: block;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 50%;
    right: 0;
    background-image: url('../image/img/img-letter.png');
    background-size: 50px 50px;
    transform: translateY(-50%);
}


body.post-template-single-newsletter .site-footer {
    margin-top: 0;
}


/* responsive */
@media screen and (max-width: 1920px) and (min-width: 1025px) {

    .TodayNewsletterLink {
        margin: 4.1666vw auto 7.8125vw;
    }

    .TodayNewsletterLink-img {
        margin-bottom: 0.52083vw;
    }

    .TodayNewsletterLink-title {
        padding-right: 3.385416vw;
        font-size: 1.35416vw;
    }

    .TodayNewsletterLink-title:after {
        width: 2.604166vw;
        height: 2.604166vw;
        background-size: 2.604166vw 2.604166vw;
    }

}

@media screen and (max-width: 1024px) and (min-width: 768px) {

    .TodayNewsletterLink {
        margin: 7.8125vw auto 14.6484375vw;
    }

    .TodayNewsletterLink-img {
        margin-bottom: 0.9765625vw;
    }

    .TodayNewsletterLink-title {
        padding-right: 6.34765625vw;
        font-size: 2.5390625vw;
    }

    .TodayNewsletterLink-title:after {
        width: 4.8828125vw;
        height: 4.8828125vw;
        background-size: 4.8828125vw 4.8828125vw;
    }

}

@media screen and (max-width: 767px) and (min-width: 1px) {

    .TodayNewsletterLink {
        margin: 12.4302477vw auto 19.55671vw;
    }

    .TodayNewsletterLink-img {
        margin-bottom: 2.3809vw;
    }

    .TodayNewsletterLink-img {
        max-width: 80%;
    }

    .TodayNewsletterLink-title {
        padding-right: 12.87619vw;
        font-size: 5.190476vw;
    }

    .TodayNewsletterLink-title:after {
        width: 10vw;
        height: 10vw;
        background-size: 10vw 10vw;
    }


}


/* =========================================================
	StoryHeader
=========================================================*/
.StoryHeader {
    margin-bottom: 30px;
}

.StoryHeader-title {
    color: #000;
    font-size: 40px;
    font-weight: 600;
    line-height: 1.2em;
    font-family: 'Mbc';
}

/* responsive */
@media screen and (max-width: 1920px) and (min-width: 1025px) {
    .StoryHeader {
        margin-bottom: 1.5625vw;
    }

    .StoryHeader-title {
        font-size: 2.08333vw;
    }

}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    .StoryHeader {
        margin-bottom: 2.9296875vw;
    }

    .StoryHeader-title {
        font-size: 3.90625vw;
    }
}

@media screen and (max-width: 767px) and (min-width: 1px) {
    .StoryHeader {
        margin-bottom: 7.142857vw;
    }

    .StoryHeader-title {
        font-size: 6.5238vw;
    }
}


/*=========================================================
  AboutTop
=========================================================*/
.AboutTop {
    position: relative;
    margin-bottom: 120px;
    padding: 100px 0 140px;
}

.AboutTop:before {
    content: '';
    display: block;
    width: 5000px;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: -1;
    transform: translate(-50%, -50%);
    background-color: #f4f4f4;
}


/* responsive */

@media screen and (max-width: 1920px) and (min-width: 1025px) {
    .AboutTop {
        margin-bottom: 6.25vw;
        padding: 5.20833vw 0 7.29166vw;
    }

}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    .AboutTop {
        margin-bottom: 11.71875vw;
        padding: 9.765625vw 0 13.671875vw;
    }

}

@media screen and (max-width: 767px) and (min-width: 1px) {
    .AboutTop {
        margin-bottom: 15.64537vw;
        padding: 13.0378vw 0 18.2529vw;
    }

}


/*=========================================================
  StoryInfo
=========================================================*/

.StoryInfo {
    width: 100%;
    position: relative;
    padding: 0 76px;
    font-size: 0;
    line-height: 0;
}

.StoryInfoLogo {
    width: 25%;
    display: inline-block;
    vertical-align: middle;
}

.StoryInfoText {
    display: inline-block;
    width: 75%;
    padding-left: 10.83%;
    vertical-align: middle;
}

.StoryInfoLogo-img {
    display: block;
    margin: 0 auto;
}


.StoryInfoText-text {
    display: block;
    margin-bottom: 16px;
    color: #000;
    font-size: 16px;
    line-height: 1.4em;
    font-family: 'Mbc';
    font-weight: 300;;
}


.StoryInfoText-bottom {
    margin-top: 40px;
    color: #000;
    font-size: 30px;
    font-family: 'Mbc';
    line-height: 1.4em;
}

.StoryInfoText-bottom .text-white {
    color: #fff !important;
    font-family: 'Mbc';
}

.StoryInfoText-bottom .bg-highlight {
    color: #33FFCC;
    font-family: 'Mbc';
    background-image: linear-gradient(#0D0C26, #0D0C26);
    background-repeat: no-repeat;
    background-position: left 0 top 0;
    background-size: 100% 100%;
}


/* responsive */

@media screen and (max-width: 1920px) and (min-width: 1025px) {

    .StoryInfo {
        padding: 0 3.9583vw;
    }

    .StoryInfoText-text {
        margin-bottom: 0.8333vw;
        font-size: 0.8333vw;
    }

    .StoryInfoText-bottom {
        margin-top: 2.0833vw;
        font-size: 1.5625vw;
    }

}

@media screen and (max-width: 1200px) and (min-width: 1025px) {
    .StoryInfoText-text {
        font-size: 10px;
    }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {

    .StoryInfo {
        padding: 0 4.421875vw;
    }

    .StoryInfoLogo {
        width: 30%;
    }

    .StoryInfoText {
        width: 70%;
        padding-left: 5.83%;
    }

    .StoryInfoText-text {
        margin-bottom: 1.5625vw;
        font-size: 1.5625vw;
    }

    .StoryInfoText-bottom {
        margin-top: 1.90625vw;
        font-size: 2.9296875vw;
    }
}

@media screen and (max-width: 767px) and (min-width: 1px) {

    .StoryInfo {
        padding: 0;
    }

    .StoryInfoLogo {
        display: block;
        width: 60%;
        margin: 0 auto;
    }

    .StoryInfoText {
        width: 100%;
        padding-left: 0;
        padding-top: 12vw;
    }

    .StoryInfoText-text {
        margin-bottom: 3.809523vw;
        font-size: 3.809523vw;
    }

    .StoryInfoText-bottom {
        margin-top: 9.5238095vw;
        font-size: 5.42857vw;
    }
}




/*=========================================================
  CharacterInfo
=========================================================*/
.CharacterInfo {
    margin-bottom: 120px;
}


/* responsive */
@media screen and (max-width: 1920px) and (min-width: 1025px) {
    .CharacterInfo {
        margin-bottom: 6.25vw;
    }

}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    .CharacterInfo {
        margin-bottom: 11.71875vw;
    }

}

@media screen and (max-width: 767px) and (min-width: 1px) {
    .CharacterInfo {
        margin-bottom: 15.64537vw;
    }

}


/*CharacterInfoCont
=========================================================*/
.CharacterInfoCont-list {
    margin: 0 -20px;
}

.CharacterInfoCont-list:after {
    content: '';
    display: block;
    clear: both;
}

.CharacterInfoCont-item {
    float: left;
    width: 50%;
    padding: 0 20px;
}


/* responsive */
@media screen and (max-width: 1920px) and (min-width: 1025px) {
    .CharacterInfoCont-list {
        margin: 0 -1.041666vw;
    }

    .CharacterInfoCont-item {
        padding: 0 1.041666vw;
    }

}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    .CharacterInfoCont-list {
        margin: 0 -1.953125vw;
    }

    .CharacterInfoCont-item {
        padding: 0 1.953125vw;
    }
}

@media screen and (max-width: 767px) and (min-width: 1px) {
    .CharacterInfoCont-list {
        margin: 0;
    }

    .CharacterInfoCont-item {
        float: none;
        width: 100%;
        padding: 0;
        padding-bottom: 5vw;
    }

    .CharacterInfoCont-item:last-child {
        padding-bottom: 0;
    }
}


/*CharacterItemThumb
=========================================================*/
.CharacterItemThumb {
    padding: 0 20px 25px;
    background-color: #F4F4F4;
}

.CharacterItemThumb-img {
    display: block;
    max-width: 310px;
    margin: 0 auto;
}


/* responsive */
@media screen and (max-width: 1920px) and (min-width: 1025px) {
    .CharacterItemThumb {
        padding: 0 1.04166vw 1.30208vw;
    }

    .CharacterItemThumb-img {
        max-width: 16.14583vw;
    }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    .CharacterItemThumb {
        padding: 0 1.953125vw 2.4414vw;
    }

    .CharacterItemThumb-img {
        max-width: 30.27343vw;
    }
}

@media screen and (max-width: 767px) and (min-width: 1px) {
    .CharacterItemThumb {
        padding: 0 6.25vw 7.8125vw;
    }

    .CharacterItemThumb-img {
        max-width: 50vw;
    }
}


/*CharacterItemCont
=========================================================*/
.CharacterItemCont {
    margin-top: 30px;
}

.CharacterItemContTop {
    padding: 0 30px;
}

.CharacterItemContTop-tit {
    display: block;
    color: #000;
    font-size: 26px;
    font-weight: 500;
    line-height: 1.4em;
    font-family: 'Mbc';
}

.CharacterItemContTop-tag {
    margin-top: 12px;
    font-size: 0;
    line-height: 0;
}

.CharacterItemContTop-txt {
    display: inline-block;
    padding-right: 20px;
    color: #460899;
    font-size: 14px;
    line-height: 1.2em;
    font-family: 'Mbc';
}

.CharacterItemContTop-txt:last-child {
    padding-right: 0;
}


.CharacterItemContBtm {
    margin-top: 28px;
    padding: 40px 30px;
    border-top: 3px solid #000;
    border-bottom: 1px solid #CCC;
}

.CharacterItemContBtm-item {
    padding-bottom: 15px;
}

.CharacterItemContBtm-item:after {
    content: '';
    display: block;
    clear: both;
}

.CharacterItemContBtm-item:last-child {
    padding-bottom: 0;
}

.CharacterItemContBtm-tit {
    display: block;
    float: left;
    padding-right: 40px;
    color: #000;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.4em;
    font-family: 'Mbc';
}

.CharacterItemContBtm-txt {
    overflow: hidden;
    display: block;
    color: #000;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.4em;
    font-family: 'Mbc';
}


/* responsive */
@media screen and (max-width: 1920px) and (min-width: 1025px) {
    .CharacterItemCont {
        margin-top: 1.45833vw;
    }

    .CharacterItemContTop {
        padding: 0 1.5625vw;
    }

    .CharacterItemContTop-tit {
        font-size: 1.35416vw;
    }

    .CharacterItemContTop-tag {
        margin-top: 0.625vw;
    }

    .CharacterItemContTop-txt {
        padding-right: 1.04166vw;
        font-size: 0.72916vw;
    }

    .CharacterItemContBtm {
        margin-top: 1.302083vw;
        padding: 2.08333vw 1.5625vw;
    }

    .CharacterItemContBtm-item {
        padding-bottom: 0.78125vw;
    }

    .CharacterItemContBtm-tit {
        padding-right: 2.08333vw;
        font-size: 0.9375vw;
    }

    .CharacterItemContBtm-txt {
        font-size: 0.9375vw;
    }


}

@media screen and (max-width: 1371px) and (min-width: 1025px) {
    .CharacterItemContTop-txt {
        font-size: 10px;
    }
}

@media screen and (max-width: 1066px) and (min-width: 1025px) {
    .CharacterItemContBtm-tit {
        font-size: 10px;
    }

    .CharacterItemContBtm-txt {
        font-size: 10px;
    }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    .CharacterItemCont {
        margin-top: 2.734375vw;
    }

    .CharacterItemContTop {
        padding: 0 2.9296875vw;
    }

    .CharacterItemContTop-tit {
        font-size: 2.1390625vw;
    }

    .CharacterItemContTop-tag {
        margin-top: 1.953125vw;
    }

    .CharacterItemContTop-txt {
        padding-right: 1.953125vw;
        font-size: 1.3671875vw;
    }

    .CharacterItemContBtm {
        margin-top: 2.44140625vw;
        padding: 3.90625vw 2.9296875vw;
    }

    .CharacterItemContBtm-item {
        padding-bottom: 1.46484375vw;
    }

    .CharacterItemContBtm-tit {
        padding-right: 3.625vw;
        font-size: 1.7578125vw;
    }

    .CharacterItemContBtm-txt {
        font-size: 1.7578125vw;
    }
}

@media screen and (max-width: 767px) and (min-width: 1px) {
    .CharacterItemCont {
        margin-top: 4.142857vw;
    }

    .CharacterItemContTop {
        padding: 0;
    }

    .CharacterItemContTop-tit {
        font-size: 6.190476vw;
    }

    .CharacterItemContTop-tag {
        margin-top: 4.7619vw;
    }

    .CharacterItemContTop-txt {
        padding-right: 4.7619vw;
        font-size: 3.333vw;
    }

    .CharacterItemContBtm {
        margin-top: 5.95238vw;
        padding: 9.5238vw 0;
    }

    .CharacterItemContBtm-item {
        padding-bottom: 4.7619vw;
    }

    .CharacterItemContBtm-tit {
        padding-right: 7.5238vw;
        font-size: 4.2857vw;
    }

    .CharacterItemContBtm-txt {
        font-size: 4.2857vw;
    }
}


/*=========================================================
  Faq
=========================================================*/

.Faq {
    border-top: 3px solid #000;
}

.FaqItem {
    border-bottom: 1px solid #CCCCCC;
}

.FaqItemTitle-link {
    display: table;
    width: 100%;
    position: relative;
    padding: 40px 0;
    padding-right: 90px;
}

.FaqItemTitle-link:after {
    content: '';
    display: block;
    width: 20px;
    height: 10px;
    position: absolute;
    top: 50%;
    right: 30px;
    background-image: url('../image/icon/ico-FaqArrow.png');
    background-size: 20px 10px;
    transform: rotate(0) translateY(-50%);
    transition: transform 0.2s;
}

.FaqItemTitle-q {
    display: table-cell;
    width: 8.83%;
    padding: 0 20px;
    color: #000;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.4em;
    font-family: 'Mbc';
    text-align: center;
}

.FaqItemTitle-text {
    display: table-cell;
    color: #000;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.4em;
    font-family: 'Mbc';
    text-align: left;
}


.FaqItemCont {
    display: none;
    padding-bottom: 40px;
    padding-left: 8.83%;
}

.FaqItemCont-text {
    display: block;
    color: #000;
    font-size: 16px;
    line-height: 2em;
    font-family: 'Mbc';
}

.FaqItemCont-list {
    margin-top: 20px;
}

.FaqItemCont-item {
    padding-bottom: 20px;
}

.FaqItemCont-item:last-child {
    padding-bottom: 0;
}

.FaqItemContNotice {
    display: block;
    color: #888;
    font-size: 14px;
    line-height: 1.6em;
    font-family: 'Mbc';
}


.FaqItem.is-View .FaqItemTitle-link:after {
    transform: rotate(-180deg) translateY(50%);
}


/*  responsive  */
@media screen and (max-width: 1920px) and (min-width: 1025px) {

    .FaqItemTitle-link {
        padding: 2.08333vw 0;
        padding-right: 4.6875vw;
    }

    .FaqItemTitle-link:after {
        width: 1.04166vw;
        height: 0.52083vw;
        right: 1.5625vw;
        background-size: 1.04166vw 0.52083vw;
    }

    .FaqItemTitle-q {
        width: 8.83%;
        padding: 0 2.08333vw;
        font-size: 1.04166vw;
    }

    .FaqItemTitle-text {
        font-size: 1.04166vw;
    }

    .FaqItemCont {
        padding-bottom: 2.08333vw;
        padding-left: 8.83%;
    }

    .FaqItemCont-list {
        margin-top: 1.041666vw;
    }

    .FaqItemCont-item {
        padding-bottom: 1.04166vw;
    }

    .FaqItemCont-text {
        font-size: 0.83333vw;
    }


    .FaqItemContNotice {
        font-size: 0.729166vw;
    }


}

@media screen and (max-width: 1371px) and (min-width: 1025px) {

    .FaqItemContNotice {
        font-size: 10px;
    }
}

@media screen and (max-width: 1200px) and (min-width: 1025px) {
    .FaqItemCont-text {
        font-size: 10px;
    }

}

@media screen and (max-width: 1024px) and (min-width: 768px) {


    .FaqItemTitle-link {
        padding: 3.90625vw 0;
        padding-right: 8.7890625vw;
    }

    .FaqItemTitle-link:after {
        width: 1.953125vw;
        height: 0.9765625vw;
        right: 2.9296875vw;
        background-size: 1.953125vw 0.9765625vw;
    }

    .FaqItemTitle-q {
        width: 8.83%;
        padding: 0 1.953125vw;
        font-size: 1.953125vw;
    }

    .FaqItemTitle-text {
        font-size: 1.953125vw;
    }


    .FaqItemCont {
        padding-bottom: 3.90625vw;
        padding-left: 8.83%;
    }

    .FaqItemCont-list {
        margin-top: 1.953125vw;
    }

    .FaqItemCont-item {
        padding-bottom: 1.953125vw;
    }


    .FaqItemCont-text {
        font-size: 1.5625vw;
    }

    .FaqItemContNotice {
        font-size: 1.3671875vw;
    }

}

@media screen and (max-width: 767px) and (min-width: 1px) {

    .FaqItemTitle-link {
        display: block;
        padding: 5.5238vw 4.25vw;
        padding-right: 8.7890625vw;
    }

    .FaqItemTitle-link:after {
        width: 3.5619vw;
        height: 1.8095vw;
        right: 2.5vw;
        background-size: 3.5619vw 1.8095vw;
    }

    .FaqItemTitle-q {
        display: block;
        width: 100%;
        padding: 0;
        font-size: 3.8vw;
        text-align: left;
    }

    .FaqItemTitle-text {
        display: block;
        font-size: 3.8vw;
    }


    .FaqItemCont {
        padding: 0 4.25vw;
        padding-bottom: 9.5238vw;
    }

    .FaqItemCont-list {
        margin-top: 4vw;
    }

    .FaqItemCont-item {
        padding-bottom: 4.7619vw;
    }


    .FaqItemCont-text {
        font-size: 3.333vw;
    }

    .FaqItemContNotice {
        font-size: 3.33333vw;
    }

}

.FaqItemContImg {
    font-size: 0;
}

.FaqItemContImg-img {
    display: inline-block;
    width: 40%;
    vertical-align: middle;
}

.FaqItemContImg-img img {
    display: block;
    width: 100%;
}

.FaqItemContImg-text {
    display: inline-block;
    width: 60%;
    padding-left: 5.26%;
    vertical-align: middle;
}

@media screen and (max-width: 767px) and (min-width: 1px) {

    .FaqItemContImg-img {
        display: block;
        width: 100%;
        margin: 0 auto;
    }

    .FaqItemContImg-text {
        display: block;
        width: 100%;
        padding-left: 0;
        padding-top: 5vw;
    }

}

/*=========================================================
FaqBullet
=========================================================*/

.FaqBullet:after {
    content: '';
    display: block;
    clear: both;
}

.FaqBullet-bullet {
    display: block;
    padding-right: 10px;
    float: left;
    color: #000;
    font-size: 16px;
    line-height: 1.4em;
    font-family: 'Mbc';
}

.FaqBullet-text {
    overflow: hidden;
    display: block;
    color: #000;
    font-size: 16px;
    line-height: 1.4em;
    font-family: 'Mbc';
}

.FaqBullet-img {
    display: block;
}

@media screen and (max-width: 1920px) and (min-width: 1025px) {


    .FaqBullet-bullet {
        padding-right: 0.52083vw;
        font-size: 0.83333vw;
    }

    .FaqBullet-text {
        font-size: 0.83333vw;
    }

}

@media screen and (max-width: 1200px) and (min-width: 768px) {
    .FaqBullet-bullet {
        font-size: 10px;
    }

    .FaqBullet-text {
        font-size: 10px;
    }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {

    .FaqBullet-bullet {
        padding-right: 0.9765625vw;
        font-size: 1.5625vw;
    }

    .FaqBullet-text {
        font-size: 1.5625vw;
    }

}

@media screen and (max-width: 767px) and (min-width: 1px) {

    .FaqBullet-bullet {
        padding-right: 2.380952vw;
        font-size: 3.333vw;
    }

    .FaqBullet-text {
        font-size: 3.333vw;
    }

}


/*=========================================================
  NoticePostList
=========================================================*/

.NoticePostList {
    border-top: 3px solid #000;
}

.NoticePostList-item {
    border-bottom: 1px solid #CCCCCC;
}

.NoticePostList-link {
    display: block;
    padding: 26px 0;
    background-color: #fff;
}


/* responsive */
@media screen and (min-width: 1025px) {
    .NoticePostList-link:hover {
        background-color: #F2F2F2;
    }
}

@media screen and (max-width: 1920px) and (min-width: 1025px) {
    .NoticePostList-link {
        padding: 1.35416vw 0;
    }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    .NoticePostList-link {
        padding: 2.539vw 0;
    }
}

@media screen and (max-width: 767px) and (min-width: 1px) {
    .NoticePostList-link {
        padding: 5.19vw 2.5vw;
    }
}


/*=========================================================
  NoticeItem
=========================================================*/

.NoticeItem {
    display: table;
    width: 100%;
    table-layout: fixed;
    position: relative;
    padding-right: 100px;
}

.NoticeItem:after {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    right: 40px;
    transform: translateY(-50%);
    background-image: url('../image/icon/ico-more.png');
    background-size: 20px 20px;

}

.NoticeItemDate {
    display: table-cell;
    width: 10.25%;
    vertical-align: middle;
    text-align: center;
}

.NoticeItemDate-text {
    display: block;
    color: #888;
    font-size: 10px;
    font-weight: 500;
    line-height: 1.2em;
    font-family: 'Mbc';
}

.NoticeItemDate-title {
    display: block;
    color: #000;
    font-size: 30px;
    font-weight: bold;
    line-height: 1.2em;
    font-family: 'Mbc';
}

.NoticeItemTitle {
    display: table-cell;
    width: 100%;
    vertical-align: middle;
    overflow: hidden;
}

.NoticeItemTitle-title {
    overflow: hidden;
    display: block;
    width: 100%;
    color: #000;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.4em;
    font-family: 'Mbc';
    white-space: nowrap;
    text-overflow: ellipsis;
}


/* responsive */
@media screen and (max-width: 1920px) and (min-width: 1025px) {

    .NoticeItem {
        padding-right: 5.20833vw;
    }

    .NoticeItem:after {
        width: 1.04166vw;
        height: 1.04166vw;
        right: 2.08333vw;
        background-size: 1.04166vw 1.04166vw;
    }

    .NoticeItemDate {
        width: 10.25%;
    }

    .NoticeItemDate-title {
        font-size: 1.5625vw;
    }

    .NoticeItemTitle-title {
        font-size: 1.04166vw;
    }


}

@media screen and (max-width: 1024px) and (min-width: 768px) {

    .NoticeItem {
        padding-right: 9.765625vw;
    }

    .NoticeItem:after {
        width: 1.953125vw;
        height: 1.953125vw;
        right: 3.90625vw;
        background-size: 1.953125vw 1.953125vw;
    }

    .NoticeItemDate {
        width: 10.25%;
    }

    .NoticeItemDate-title {
        font-size: 2.9296875vw;
    }

    .NoticeItemTitle-title {
        font-size: 1.953125vw;
    }

}

@media screen and (max-width: 767px) and (min-width: 1px) {

    .NoticeItem {
        display: block;
        padding-right: 0;
    }

    .NoticeItem:after {
        display: none;
    }

    .NoticeItemDate {
        display: block;
        width: 100%;
        margin-bottom: 1vw;
        text-align: left;

    }

    .NoticeItemDate-text {
        font-size: 3vw;
    }

    .NoticeItemDate-title {
        font-size: 7.14285vw;
    }

    .NoticeItemTitle {
        display: block;
    }

    .NoticeItemTitle-title {
        font-size: 4.25vw;
    }

}


/* =========================================================
	SinglePaging
=========================================================*/

.SinglePaging {
    margin: 0 auto;
    margin-top: 60px;
}

.SinglePaging-list {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.SinglePaging-list:after {
    content: '';
    display: block;
    clear: both;
}

.SinglePaging-item {
    float: left;
    width: 50%;
    border-right: 1px solid #ccc;
}

.SinglePaging-item:last-child {
    border-right: 0;
}

.SinglePaging-link {
    display: block;
    padding: 38px 44px;
    position: relative;
}

.SinglePaging-link.Prev {
    padding-left: 80px;
}

.SinglePaging-link.Next {
    padding-right: 80px;
}

.SinglePaging-link:after {
    content: '';
    display: block;
    width: 10px;
    height: 20px;
    background-size: 10px 20px;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
}

.SinglePaging-link.Prev:after {
    left: 30px;
    background-image: url('../image/icon/ico-PagingPrev.png');
}


.SinglePaging-link.Next:after {
    right: 30px;
    background-image: url('../image/icon/ico-PagingNext.png');
}


/* responsive */
@media screen and (max-width: 1920px) and (min-width: 1025px) {

    .SinglePaging {
        margin-top: 3.125vw;
    }

    .SinglePaging-link {
        padding: 1.979166vw 2.2916vw;
    }

    .SinglePaging-link.Prev {
        padding-left: 4.1666vw;
    }

    .SinglePaging-link.Next {
        padding-right: 4.1666vw;
    }

    .SinglePaging-link:after {
        width: 0.52083vw;
        height: 1.04166vw;
        background-size: 0.52083vw 1.04166vw;
    }

    .SinglePaging-link.Prev:after {
        left: 1.5625vw;
    }

    .SinglePaging-link.Next:after {
        right: 1.5625vw;
    }

}

@media screen and (max-width: 1024px) and (min-width: 768px) {

    .SinglePaging {
        margin-top: 5.859375vw;
    }

    .SinglePaging-link {
        padding: 3.7109375vw 2.596875vw;
    }

    .SinglePaging-link.Prev {
        padding-left: 5.8125vw;
    }

    .SinglePaging-link.Next {
        padding-right: 5.8125vw;
    }

    .SinglePaging-link:after {
        width: 0.9765625vw;
        height: 1.953125vw;
        background-size: 0.9765625vw 1.953125vw;
    }

    .SinglePaging-link.Prev:after {
        left: 2.366vw;
    }

    .SinglePaging-link.Next:after {
        right: 2.366vw;
    }
}

@media screen and (max-width: 767px) and (min-width: 1px) {

    .SinglePaging {
        margin-top: 7.82268vw;
    }

    .SinglePaging-link {
        padding: 4.215123vw 2.736636vw;
    }

    .SinglePaging-link.Prev {
        padding-left: 2.736636vw;
    }

    .SinglePaging-link.Next {
        padding-right: 2.736636vw;
    }

    .SinglePaging-link:after {
        display: none;
        width: 1.65vw;
        height: 3vw;
        background-size: 1.65vw 3vw;
    }

    .SinglePaging-link.Prev:after {
        left: 2.142857vw;
    }

    .SinglePaging-link.Next:after {
        right: 2.142857vw;
    }
}


/* =========================================================
	SinglePagingItem
=========================================================*/

.SinglePagingItem-text {
    display: block;
    color: #000;
    font-size: 16px;
    font-weight: bold;
    font-family: 'Mbc';
    line-height: 1.4em;
}

.SinglePagingItem-title {
    overflow: hidden;
    display: block;
    margin-top: 6px;
    color: #000;
    font-size: 16px;
    font-family: 'Mbc';
    line-height: 1.4em;
    text-overflow: ellipsis;
    white-space: nowrap;
}


/* responsive */
@media screen and (min-width: 1025px) {
    .SinglePaging-link:hover .SinglePagingItem-title {
        text-decoration: underline;
    }

}

@media screen and (max-width: 1920px) and (min-width: 1025px) {

    .SinglePagingItem-text {
        font-size: 0.83333vw;
    }

    .SinglePagingItem-title {
        margin-top: 0.3125vw;
        font-size: 0.83333vw;
    }

}

@media screen and (max-width: 1024px) and (min-width: 768px) {

    .SinglePagingItem-text {
        font-size: 1.5625vw;
    }

    .SinglePagingItem-title {
        margin-top: 0.5859375vw;
        font-size: 1.5625vw;
    }

}

@media screen and (max-width: 767px) and (min-width: 1px) {

    .SinglePagingItem-text {
        font-size: 3.5vw;
    }

    .SinglePagingItem-title {
        margin-top: 1.42857vw;
        font-size: 3.5vw;
    }

}


/* =========================================================
	LargeTitle
=========================================================*/

.LargeTitle {
    display: block;
    color: #000;
    font-size: 40px;
    font-weight: 500;
    line-height: 1.2em;
    font-family: 'Mbc';
}

/* responsive */
@media screen and (max-width: 1920px) and (min-width: 1025px) {

    .LargeTitle {
        font-size: 2.08333vw;
    }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {

    .LargeTitle {
        font-size: 3.90625vw;
    }
}

@media screen and (max-width: 767px) and (min-width: 1px) {

    .LargeTitle {
        font-size: 5.2151238vw;
    }
}


/* =========================================================
	BasicTitle
=========================================================*/

.BasicTitle {
    display: block;
    color: #000;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2em;
    font-family: 'Mbc';
}


/* responsive */
@media screen and (max-width: 1920px) and (min-width: 1025px) {

    .BasicTitle {
        font-size: 0.833333vw;
    }

}

@media screen and (max-width: 1200px) and (min-width: 1025px) {
    .BasicTitle {
        font-size: 10px;
    }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {

    .BasicTitle {
        font-size: 1.5625vw;
    }
}

@media screen and (max-width: 767px) and (min-width: 1px) {

    .BasicTitle {
        font-size: 3.809523vw;
    }
}


/* =========================================================
	BasicText
=========================================================*/

.BasicText {
    display: block;
    color: #000;
    font-size: 14px;
    line-height: 2em;
}


/* responsive */
@media screen and (max-width: 1920px) and (min-width: 1025px) {

    .BasicText {
        font-size: 0.833333vw;
    }

}

@media screen and (max-width: 1200px) and (min-width: 1025px) {
    .BasicText {
        font-size: 10px;
    }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    .BasicText {
        font-size: 1.5625vw;
    }
}

@media screen and (max-width: 767px) and (min-width: 1px) {

    .BasicText {
        font-size: 3.809523vw;
    }

}


/* =========================================================
	BasicBullet
=========================================================*/
.BasicBullet:after {
    content: '';
    display: block;
    clear: both;
}

.BasicBullet-bullet {
    display: block;
    padding-right: 4px;
    float: left;
    color: #000;
    font-size: 14px;
    line-height: 2em;
}

.BasicBullet-text {
    overflow: hidden;
    display: block;
    color: #000;
    font-size: 14px;
    line-height: 2em;
}


/* responsive */
@media screen and (max-width: 1920px) and (min-width: 1025px) {

    .BasicBullet-bullet {
        padding-right: 4px;
        font-size: 0.833333vw;
    }

    .BasicBullet-text {
        font-size: 0.833333vw;
    }


}

@media screen and (max-width: 1200px) and (min-width: 1025px) {

    .BasicBullet-bullet {
        font-size: 10px;
    }

    .BasicBullet-text {
        font-size: 10px;
    }
}


@media screen and (max-width: 1024px) and (min-width: 768px) {

    .BasicBullet-bullet {
        padding-right: 4px;
        font-size: 1.5625vw;
    }

    .BasicBullet-text {
        font-size: 1.5625vw;
    }
}

@media screen and (max-width: 767px) and (min-width: 1px) {

    .BasicBullet-bullet {
        padding-right: 4px;
        font-size: 3.809523vw;
    }


    .BasicBullet-text {
        font-size: 3.809523vw;
    }
}


/* =========================================================
	GreyBox
=========================================================*/
.GreyBox {
    padding: 18px 25px;
    background-color: #F4F4F4;
}


/* responsive */
@media screen and (max-width: 1920px) and (min-width: 1025px) {
    .GreyBox {
        padding: 18px 25px;
    }

}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    .GreyBox {
        padding: 18px 25px;
    }

}

@media screen and (max-width: 767px) and (min-width: 1px) {
    .GreyBox {
        padding: 18px 25px;
    }
}


/* =========================================================
	ReplyItemContInput
=========================================================*/

.ReplyItemContInput {
    display: none;
    margin-top: 10px;
    margin-bottom: 20px;
}

.ReplyItemContInput-input input {
    display: block;
    width: 100%;
    height: 55px;
    padding: 14px 20px;
    color: #000;
    font-size: 18px;
    line-height: normal;
    background-color: #F4F4F4
}

.ReplyItemContInput-input input::-webkit-input-placeholder {
    color: #888;
}

.ReplyItemContInput-input input::-ms-input-placeholder {
    color: #888;
}


.ReplyItemContInput-btn {
    margin-top: 5px;
    text-align: right;
    font-size: 0;
    line-height: 0;
}

.ReplyItemContInput-link {
    display: inline-block;
    position: relative;
    margin-right: 8px;
    padding-right: 9px;
    color: #888;
    font-size: 16px;
    line-height: 1.2em;
}

.ReplyItemContInput-link:last-child {
    margin-right: 0;
    padding-right: 0;
}

.ReplyItemContInput-link:after {
    content: '';
    display: block;
    width: 1px;
    height: 60%;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    background-color: #888;
}

.ReplyItemContInput-link:last-child:after {
    display: none;
}

.ReplyItemContInput.is-View {
    display: block;
}

@media screen and (max-width: 1920px) and (min-width: 1025px) {

    .ReplyItemContInput {
        margin-top: 0.52083vw;
        margin-bottom: 1.04166vw;
    }

    .ReplyItemContInput-input input {
        height: 2.86458vw;
        padding: 0.72916vw 1.04166vw;
        font-size: 0.9375vw;
    }

    .ReplyItemContInput-link {
        margin-right: 0.416666vw;
        padding-right: 0.46875vw;
        font-size: 0.8333vw;
    }
}

@media screen and (max-width: 1200px) and (min-width: 1025px) {

    .ReplyItemContInput-link {
        font-size: 10px;
    }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {

    .ReplyItemContInput {
        margin-top: 0.9765625vw;
        margin-bottom: 1.953125vw;
    }

    .ReplyItemContInput-input input {
        height: 5.37109vw;
        padding: 1.367187vw 1.9531vw;
        font-size: 1.7578vw;
    }

    .ReplyItemContInput-link {
        margin-right: 0.78125vw;
        padding-right: 0.87890625vw;
        font-size: 1.5625vw;
    }
}

@media screen and (max-width: 767px) and (min-width: 1px) {

    .ReplyItemContInput {
        margin-top: 2.3809vw;
        margin-bottom: 4.7619vw;
    }

    .ReplyItemContInput-input input {
        height: 13.09523vw;
        padding: 1.82529vw 4.7619vw;
        font-size: 4.2857vw;
    }

    .ReplyItemContInput-link {
        margin-right: 1.9047619vw;
        padding-right: 2.142857vw;
        font-size: 3.80952vw;
    }
}


/* =========================================================
	EditReplyInput
=========================================================*/

.EditReplyInput {
    display: none;
    margin-top: 10px;
    margin-bottom: 20px;
}

.EditReplyInput-input input {
    display: block;
    width: 100%;
    height: 55px;
    padding: 14px 20px;
    color: #000;
    font-size: 18px;
    line-height: normal;
    background-color: #F4F4F4
}

.EditReplyInput-input input::-webkit-input-placeholder {
    color: #888;
}

.EditReplyInput-input input::-ms-input-placeholder {
    color: #888;
}


.EditReplyInput-btn {
    margin-top: 5px;
    text-align: right;
    font-size: 0;
    line-height: 0;
}

.EditReplyInput-link {
    display: inline-block;
    position: relative;
    margin-right: 8px;
    padding-right: 9px;
    color: #888;
    font-size: 16px;
    line-height: 1.2em;
}

.EditReplyInput-link:last-child {
    margin-right: 0;
    padding-right: 0;
}

.EditReplyInput-link:after {
    content: '';
    display: block;
    width: 1px;
    height: 60%;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    background-color: #888;
}

.EditReplyInput-link:last-child:after {
    display: none;
}

.EditReplyInput.is-View {
    display: block;
}

@media screen and (max-width: 1920px) and (min-width: 1025px) {

    .EditReplyInput {
        margin-top: 0.52083vw;
        margin-bottom: 1.04166vw;
    }

    .EditReplyInput-input input {
        height: 2.86458vw;
        padding: 0.72916vw 1.04166vw;
        font-size: 0.9375vw;
    }

    .EditReplyInput-link {
        margin-right: 0.416666vw;
        padding-right: 0.46875vw;
        font-size: 0.8333vw;
    }
}

@media screen and (max-width: 1200px) and (min-width: 1025px) {

    .EditReplyInput-link {
        font-size: 10px;
    }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {

    .EditReplyInput {
        margin-top: 0.9765625vw;
        margin-bottom: 1.953125vw;
    }

    .EditReplyInput-input input {
        height: 5.37109vw;
        padding: 1.367187vw 1.9531vw;
        font-size: 1.7578vw;
    }

    .EditReplyInput-link {
        margin-right: 0.78125vw;
        padding-right: 0.87890625vw;
        font-size: 1.5625vw;
    }
}

@media screen and (max-width: 767px) and (min-width: 1px) {

    .EditReplyInput {
        margin-top: 2.3809vw;
        margin-bottom: 4.7619vw;
    }

    .EditReplyInput-input input {
        height: 13.09523vw;
        padding: 1.82529vw 4.7619vw;
        font-size: 4.2857vw;
    }

    .EditReplyInput-link {
        margin-right: 1.9047619vw;
        padding-right: 2.142857vw;
        font-size: 3.80952vw;
    }
}


/* =========================================================
	OtherReply
=========================================================*/
.OtherReply {
    margin-top: 10px;

}

.OtherReply-list {
    display: none;
    margin-top: 15px;
}

.OtherReply-item {
    margin-bottom: 5px;
    padding-left: 16px;
    position: relative;
}

.OtherReply-item:last-child {
    margin-bottom: 0;
}

.OtherReply-item:before {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    position: absolute;
    top: 10px;
    left: 0;
    background-image: url('../image/icon/ico-reply.png');
    background-size: 10px 10px;
}

.OtherReplyBtn {
    display: block;
    color: #888;
    font-size: 16px;
    line-height: 1.2em;
    text-decoration: underline;
}

.OtherReply.is-View .OtherReply-list {
    display: block;
}


/* responsive */
@media screen and (max-width: 1920px) and (min-width: 1025px) {

    .OtherReply {
        margin-top: 0.52083vw;
    }

    .OtherReply-list {
        margin-top: 0.78125vw;
    }

    .OtherReply-item {
        padding-left: 0.8333vw;
    }

    .OtherReply-item:before {
        width: 0.52083vw;
        height: 0.52083vw;
        top: 0.52083vw;
        background-size: 0.52083vw 0.52083vw;
    }

    .OtherReplyBtn {
        font-size: 0.8333vw;
    }
}

@media screen and (max-width: 1200px) and (min-width: 1025px) {

    .OtherReplyBtn {
        font-size: 10px;
    }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {

    .OtherReply {
        margin-top: 0.9765625vw;
    }

    .OtherReply-list {
        margin-top: 1.46484375vw;
    }

    .OtherReply-item {
        padding-left: 1.5625vw;
    }

    .OtherReply-item:before {
        width: 0.9765625vw;
        height: 0.9765625vw;
        top: 0.9765625vw;
        background-size: 0.9765625vw 0.9765625vw;
    }

    .OtherReplyBtn {
        font-size: 1.5625vw;
    }
}

@media screen and (max-width: 767px) and (min-width: 1px) {

    .OtherReply {
        margin-top: 2.3809vw;
    }

    .OtherReply-list {
        margin-top: 2.3809vw;
    }

    .OtherReply-item {
        padding-left: 5vw;
    }

    .OtherReply-item:before {
        width: 3.125vw;
        height: 3.125vw;
        top: 1.5vw;
        background-size: 3.125vw 3.125vw;
    }

    .OtherReplyBtn {
        font-size: 3.80952vw;
    }
}


/* =========================================================
	ReplyDeletePopup
=========================================================*/
.ReplyDeletePopup {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 50;
    transform: translate(-50%, -50%);
}


.ReplyDeletePopup.is-View {
    display: block;
}


/* =========================================================
	JoinStep
=========================================================*/
.JoinStep {
    margin-bottom: 60px;
    text-align: center;
}

.JoinStep-list {
    display: inline-block;
    width: 100%;
    margin: 0 -36px;
}

.JoinStep-list:after {
    content: '';
    display: block;
    clear: both;
}

.JoinStep-item {
    position: relative;
    float: left;
    width: 33.33%;
    padding: 0 36px;
}

.JoinStep-item:last-child {
    margin-right: 0;
    padding-right: 0;
}

.JoinStep-item:after {
    content: '';
    display: block;
    width: 8px;
    height: 16px;
    position: absolute;
    top: 34px;
    right: -4px;
    background-image: url('../image/icon/ico-JoinStep-arrow.png');
    background-size: 8px 16px;
}

.JoinStep-item:last-child:after {
    display: none;
}

/*Responsive*/
@media screen and (max-width: 1920px) and (min-width: 1025px) {
    .JoinStep {
        margin-bottom: 3.125vw;
    }

    .JoinStep-list {
        margin: 0 -1.875vw;
    }

    .JoinStep-item {
        padding: 0 1.875vw;
    }

    .JoinStep-item:after {
        width: 0.41666vw;
        height: 0.83333vw;
        top: 1.7708333vw;
        right: -0.2083vw;
        background-size: 0.41666vw 0.83333vw;
    }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    .JoinStep {
        margin-bottom: 5.859375vw;
    }

    .JoinStep-list {
        margin: 0 -3.515625vw;
    }

    .JoinStep-item {
        padding: 0 3.515625vw;
    }

    .JoinStep-item:after {
        width: 0.78125vw;
        height: 1.5625vw;
        top: 3.3203125vw;
        right: -0.390625vw;
        background-size: 0.78125vw 1.5625vw;
    }
}

@media screen and (max-width: 767px) and (min-width: 1px) {
    .JoinStep {
        margin-bottom: 14.01869vw;
    }

    .JoinStep-list {
        margin: 0 -3.411214vw;
    }

    .JoinStep-item {
        padding: 0 3.411214vw;
    }

    .JoinStep-item:after {
        width: 1.869158vw;
        height: 3.738317vw;
        top: 5.095238vw;
        right: -0.934579vw;
        background-size: 1.869158vw 3.738317vw;
    }
}


/* =========================================================
	JoinStepItem
=========================================================*/

.JoinStepItem-text {
    display: block;
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.2em;
    font-family: 'Mbc';
}

.JoinStepItem-icon {
    display: block;
    position: relative;
    margin: 0 auto;
    margin-bottom: 20px;
    width: 70px;
    height: 70px;
    background-color: #F4F4F4;
    border-radius: 100%;
}

.JoinStepItem-icon:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
}

.JoinStepItem-icon.JoinStep01:after {
    width: 28px;
    height: 22px;
    background-image: url('../image/icon/ico-JoinStep01-b.png');
    background-size: 28px 22px;
}

.JoinStepItem-icon.JoinStep02:after {
    width: 34px;
    height: 26px;
    background-image: url('../image/icon/ico-JoinStep02-b.png');
    background-size: 34px 26px;
}

.JoinStepItem-icon.JoinStep03:after {
    width: 30px;
    height: 30px;
    background-image: url('../image/icon/ico-JoinStep03-b.png');
    background-size: 30px 30px;
}


.JoinStep-item.is-Current .JoinStepItem-text {
    font-weight: 500;
}

.JoinStep-item.is-Current .JoinStepItem-icon {
    background-color: #0D0C26;
}

.JoinStep-item.is-Current .JoinStep01:after {
    background-image: url('../image/icon/ico-JoinStep01-w.png')
}

.JoinStep-item.is-Current .JoinStep02:after {
    background-image: url('../image/icon/ico-JoinStep02-w.png')
}

.JoinStep-item.is-Current .JoinStep03:after {
    background-image: url('../image/icon/ico-JoinStep03-w.png')
}


/*Responsive*/
@media screen and (max-width: 1920px) and (min-width: 1025px) {

    .JoinStepItem-text {
        font-size: 0.8333vw;
    }

    .JoinStepItem-icon {
        margin-bottom: 1.041666vw;
        width: 3.64583vw;
        height: 3.64583vw;
    }

    .JoinStepItem-icon.JoinStep01:after {
        width: 1.458333vw;
        height: 1.14583vw;
        background-size: 1.458333vw 1.14583vw;
    }

    .JoinStepItem-icon.JoinStep02:after {
        width: 1.770833vw;
        height: 1.35416vw;
        background-size: 1.770833vw 1.35416vw;
    }

    .JoinStepItem-icon.JoinStep03:after {
        width: 1.5625vw;
        height: 1.5625vw;
        background-size: 1.5625vw 1.5625vw;
    }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {

    .JoinStepItem-text {
        font-size: 1.5625vw;
    }

    .JoinStepItem-icon {
        margin-bottom: 1.953125vw;
        width: 6.8359375vw;
        height: 6.8359375vw;
    }

    .JoinStepItem-icon.JoinStep01:after {
        width: 2.734375vw;
        height: 2.1484375vw;
        background-size: 2.734375vw 2.1484375vw;
    }

    .JoinStepItem-icon.JoinStep02:after {
        width: 3.3203125vw;
        height: 2.5390625vw;
        background-size: 3.3203125vw 2.5390625vw;
    }

    .JoinStepItem-icon.JoinStep03:after {
        width: 2.9296875vw;
        height: 2.9296875vw;
        background-size: 2.9296875vw 2.9296875vw;
    }
}

@media screen and (max-width: 767px) and (min-width: 1px) {

    .JoinStepItem-text {
        font-size: 3.809523vw;
    }

    .JoinStepItem-icon {
        margin-bottom: 4.7619047vw;
        width: 14.6666vw;
        height: 14.6666vw;
    }

    .JoinStepItem-icon.JoinStep01:after {
        width: 6.6666vw;
        height: 5.23809vw;
        background-size: 6.6666vw 5.23809vw;
    }

    .JoinStepItem-icon.JoinStep02:after {
        width: 7.095238vw;
        height: 6.1904761vw;
        background-size: 7.095238vw 6.1904761vw;
    }

    .JoinStepItem-icon.JoinStep03:after {
        width: 7.142857vw;
        height: 7.142857vw;
        background-size: 7.142857vw 7.142857vw;
    }
}


/* =========================================================
	LoginSubscribe
=========================================================*/
.LoginSubscribe {
    display: table;
    width: 100%;
    margin: 40px 0 30px;
}

.LoginSubscribeTItle {
    display: table-cell;
    vertical-align: middle;
}

.LoginSubscribeCont {
    display: table-cell;
    vertical-align: middle;
}


/* responsive */
@media screen and (max-width: 1920px) and (min-width: 1025px) {
    .LoginSubscribe {
        margin: 2.08333vw 0 1.5625vw;
    }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    .LoginSubscribe {
        margin: 3.90625vw 0 2.9296875vw;
    }
}

@media screen and (max-width: 767px) and (min-width: 1px) {
    .LoginSubscribe {
        margin: 9.5238vw 0 7.142857vw;
    }
}


/*=========================================================
  DeleteMyContPopup
=========================================================*/
.DeleteMyContPopup {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 50;
    transform: translate(-50%, -50%);
}

.DeleteMyContPopup.is-View {
    display: block;
}


/* =========================================================
	MyContsClosedBtn
=========================================================*/
.MyContsClosedBtn {
    display: none;
    width: 25px;
    height: 25px;
    padding: 10px;
    position: absolute;
    top: 50%;
    right: 0;
    z-index: 10;
    background-image: url(../image/icon/ico-closed.png);
    background-size: 14px 14px;
    background-repeat: no-repeat;
    background-position: center center;
    transform: translateY(-50%);
}

.SearchPostItemTopList.is-Open .MyContsClosedBtn {
    display: block;
}

/* responsive */

@media screen and (max-width: 1920px) and (min-width: 1025px) {

    .MyContsClosedBtn {
        width: 1.302083vw;
        height: 1.302083vw;
        background-size: 0.72916vw 0.72916vw;
    }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {

    .MyContsClosedBtn {
        width: 2.44140625vw;
        height: 2.44140625vw;
        background-size: 1.36718vw 1.36718vw;
    }
}

@media screen and (max-width: 767px) and (min-width: 1px) {

    .MyContsClosedBtn {
        width: 5.95238vw;
        height: 5.95238vw;
        background-size: 3.3333vw 3.3333vw;
    }
}


/* =========================================================
	MyContsClosedBtn
=========================================================*/
.MyContsOpenBtn {
    display: block;
    width: 25px;
    height: 25px;
    padding: 10px;
    position: absolute;
    top: 50%;
    right: 0;
    z-index: 10;
    background-image: url('../image/icon/ico-delete03.png');
    background-size: 16px 20px;
    background-repeat: no-repeat;
    background-position: center center;
    transform: translateY(-50%);
}


.SearchPostItemTopList.is-Open .MyContsOpenBtn {
    display: none;
}

/* responsive */
@media screen and (max-width: 1920px) and (min-width: 1025px) {

    .MyContsOpenBtn {
        width: 1.302083vw;
        height: 1.302083vw;
        background-size: 0.83333vw 1.04166vw;
    }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {

    .MyContsOpenBtn {
        width: 2.44140625vw;
        height: 2.44140625vw;
        background-size: 1.5625vw 1.953125vw;
    }
}

@media screen and (max-width: 767px) and (min-width: 1px) {

    .MyContsOpenBtn {
        width: 5.95238vw;
        height: 5.95238vw;
        background-size: 3.80952vw 4.7619vw;
    }
}


/*=========================================================
	SendOpinion
=========================================================*/


.SendOpinion {
    padding: 40px 50px 50px;
}

.SendOpinionTextbox {
    padding-top: 88px;
    position: relative;
}

.SendOpinionTextbox:after {
    content: '';
    display: block;
    width: 155px;
    height: 90px;
    background-image: url('../image/img/img-newsletter-ch.png');
    background-size: 155px 90px;
    position: absolute;
    top: 0;
    left: 50%;
    z-index: -1;
    transform: translateX(-50%);
}

.SendOpinionTextbox textarea {
    display: block;
    width: 100%;
    min-height: 150px;
    padding: 20px;
    color: #191819;
    font-size: 14px;
    line-height: 1.4em;
    background-color: #fff;
    border: 1px solid #ccc;
    resize: none;
}

.SendOpinionTextbox textarea:focus::placeholder {
    color: transparent;
}

.SendOpinionTextbox textarea:focus::-webkit-input-placeholder {
    color: transparent;
}

.SendOpinionTextbox textarea:focus::-moz-placeholder {
    color: transparent;
}

.SendOpinionTextbox textarea:focus::-ms-input-placeholder {
    color: transparent;
}

.SendOpinionBtn {
    margin-top: 20px;
}


/* responsive */
@media screen and (max-width: 1920px) and (min-width: 1025px) {

    .SendOpinion {
        padding: 2.08333vw 2.604166vw 2.604166vw;
    }

    .SendOpinionTextbox {
        padding-top: 4.58333vw;
    }

    .SendOpinionTextbox:after {
        width: 8.072916vw;
        height: 4.6875vw;
        background-size: 8.072916vw 4.6875vw;
    }

    .SendOpinionTextbox textarea {
        padding: 1.04166vw;
        min-height: 7.8125vw;
        font-size: 0.729166vw;
    }

    .SendOpinionBtn {
        margin-top: 1.04166vw;
    }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {

    .SendOpinion {
        padding: 3.90625vw 4.8828125vw 4.8828125vw;
    }

    .SendOpinionTextbox {
        padding-top: 8.59375vw;
    }

    .SendOpinionTextbox:after {
        width: 15.13671vw;
        height: 8.7890625vw;
        background-size: 15.13671vw 8.7890625vw;
    }

    .SendOpinionTextbox textarea {
        padding: 1.953125vw;
        min-height: 14.6484375vw;
        font-size: 1.36718vw;
    }

    .SendOpinionBtn {
        margin-top: 1.953125vw;
    }
}

@media screen and (max-width: 767px) and (min-width: 1px) {

    .SendOpinion {
        padding: 5.215123vw 6.5189vw 6.5189vw;
    }

    .SendOpinionTextbox {
        padding-top: 16.473272vw;
    }

    .SendOpinionTextbox:after {
        width: 27.2086vw;
        height: 16.734vw;
        background-size: 27.2086vw 16.734vw;
    }

    .SendOpinionTextbox textarea {
        padding: 2.607561vw;
        min-height: 25.5567vw;
        font-size: 3.3333vw;
    }

    .SendOpinionBtn {
        margin-top: 2.607561vw;
    }
}


/*=========================================================
  MailsterCheckbox
=========================================================*/
.mailster-form-fields .mailster-wrapper label {
    display: block;
    position: relative;
    padding-left: 30px;
    color: #000;
    font-size: 14px;
    line-height: 1.4em;
    cursor: pointer;

}

.mailster-form-fields .mailster-wrapper input[type="checkbox"] {
    opacity: 0;
    position: absolute !important;
    top: 0 !important;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    z-index: 5;
    cursor: pointer;
}

.mailster-form-fields .mailster-wrapper label:before {
    content: '';
    display: block;
    width: 18px;
    height: 18px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    border: 1px solid #000;

}

.mailster-form-fields .mailster-wrapper label:after {
    content: '';
    display: none;
    position: absolute;
    top: 50%;
    left: 4px;
    width: 12px;
    height: 8px;
    background-image: url('../image/icon/ico-checked.svg');
    background-size: 12px 8px;
    transform: translateY(-50%);
}

.mailster-form .mailster-wrapper {
    margin-bottom: 0 !important;
}

.mailster-form-fields .mailster-wrapper label.is-checked:after {
    display: block;
}

.mailster-terms-of-use-wrapper {
    padding-bottom: 10px;
    margin-bottom: 0 !important;
}

.mailster-advertising-information-wrapper {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

.mailster-form .mailster-your-name-wrapper {
    margin-bottom: 18px !important;
}

.SubscribeForm .mailster-form-fields input[type= 'email'], .SubscribeForm .mailster-form-fields input[type= 'text'] {
    margin-bottom: 0 !important;
}

.mailster-form .mailster-email-wrapper {
    border: 2px solid #0D0D26;
    margin-bottom: 10px !important;
    width: calc(73% - 10px);
}

.mailster-email-wrapper .mailster-email {
    display: block;
    width: 100%;
    height: 56px;
    padding: 17px 20px;
    color: #191819;
    font-size: 15px;
    line-height: normal;
    background-color: #fff;
}

.mailster-email-wrapper .mailster-email::-webkit-input-placeholder {
    color: #191819;
}

.mailster-email-wrapper .mailster-email::-ms-input-placeholder {
    color: #191819;
}

.mailster-your-name-wrapper {
    border: 2px solid #0D0D26;
    width: calc(73% - 10px);
}

.mailster-your-name-wrapper .mailster-your-name {
    display: block;
    width: 100%;
    height: 56px;
    padding: 17px 20px;
    color: #191819;
    font-size: 15px;
    line-height: normal;
    background-color: #fff;
}

.mailster-your-name-wrapper .mailster-your-name::-webkit-input-placeholder {
    color: #191819;
}

.mailster-your-name-wrapper .mailster-your-name::-ms-input-placeholder {
    color: #191819;
}

.mailster-submit-wrapper {
    position: absolute !important;
    top: 0;
    right: 0;
    width: 27%;
    height: 100%;
    margin: 0 !important;
}

.mailster-form-fields .submit-button {
    display: block;
    width: 100% !important;
    height: 130px !important;
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    font-family: 'Mbc';
    line-height: 1.2em;
    text-align: center;
    background-color: #0D0D26;
}

.mailster-form-info.error {
    display: none !important;
}

.mailster-form .mailster-email-wrapper.error {
    border-color: #E60000 !important;
}

.mailster-form .mailster-your-name-wrapper.error {
    border-color: #E60000 !important;
}

.mailster-form .mailster-email-wrapper.error input, .mailster-form .mailster-your-name-wrapper.error input {
    outline: none !important;
}

.mailster-form.loading .mailster-wrapper {
    opacity: 0.6 !important;
}

.mailster-form {
    margin-bottom: 0 !important;
}

@media screen and (min-width: 1025px) {
    .mailster-form-fields .submit-button:hover {
        color: #33FFCC;
    }
}

/* responsive */
@media screen and (max-width: 1920px) and (min-width: 1025px) {

    .mailster-form-fields .mailster-wrapper label {
        padding-left: 1.5625vw;
        font-size: 0.72916vw;
    }

    .mailster-form-fields .mailster-wrapper label:before {
        width: 0.937vw;
        height: 0.937vw;

    }

    .mailster-form-fields .mailster-wrapper label:after {
        left: 0.2083vw;
        width: 0.625vw;
        height: 0.4166vw;
        background-size: 0.625vw 0.4166vw;
    }

    .mailster-terms-of-use-wrapper {
        padding-bottom: 0.52083vw;
    }

    .mailster-form .mailster-your-name-wrapper {
        margin-bottom: 0.9375vw !important;
    }

    .mailster-email-wrapper .mailster-email, .mailster-your-name-wrapper .mailster-your-name {
        height: 2.91666vw;
        padding: 0.885416vw 1.041666vw;
        font-size: 0.78125vw;
    }

    .mailster-form .mailster-email-wrapper {
        width: calc(73% - 0.5208vw);
        margin-bottom: 0.5208vw !important;
    }

    .mailster-your-name-wrapper {
        width: calc(73% - 0.5208vw);
    }

    .mailster-form-fields .submit-button {
        height: calc(6.57083vw + 4px) !important;
        font-size: 1.0416vw;
    }
}

@media screen and (max-width: 1371px) and (min-width: 1024px) {
    .mailster-form-fields .mailster-wrapper label {
        font-size: 10px;
    }

    .mailster-form-fields .submit-button {
        height: calc(6.67083vw + 4px) !important;
    }
}

@media screen and (max-width: 1024px) and (min-width: 768px) {

    .mailster-form-fields .mailster-wrapper label {
        padding-left: 2.92968vw;
        font-size: 1.3671875vw;
    }

    .mailster-form-fields .mailster-wrapper label:before {
        width: 1.7578125vw;
        height: 1.7578125vw;

    }

    .mailster-form-fields .mailster-wrapper label:after {
        left: 0.390625vw;
        width: 1.171875vw;
        height: 0.78125vw;
        background-size: 1.171875vw 0.78125vw;
    }

    .mailster-terms-of-use-wrapper {
        padding-bottom: 0.97656vw;
    }

    .mailster-form .mailster-your-name-wrapper {
        margin-bottom: 1.49375vw !important;
    }

    .mailster-email-wrapper .mailster-email, .mailster-your-name-wrapper .mailster-your-name {
        height: 5.46875vw;
        padding: 1.66015vw 1.953125vw;
        font-size: 1.464843vw;
    }

    .mailster-form .mailster-email-wrapper {
        width: calc(73% - 0.9208vw);
        margin-bottom: 0.9208vw !important;
    }

    .mailster-your-name-wrapper {
        width: calc(73% - 0.9208vw);
    }

    .mailster-form-fields .submit-button {
        height: 12.68083vw !important;
        font-size: 1.6416vw;
    }
}

@media screen and (max-width: 767px) and (min-width: 1px) {

    .mailster-form-fields .mailster-wrapper label {
        padding-left: 7.142857vw;
        font-size: 3.33333vw;
    }

    .mailster-form-fields .mailster-wrapper label:before {
        width: 4.285714vw;
        height: 4.285714vw;

    }

    .mailster-form-fields .mailster-wrapper label:after {
        left: 0.952380vw;
        width: 2.85714vw;
        height: 1.90476vw;
        background-size: 2.85714vw 1.90476vw;
    }

    .mailster-your-name-wrapper {
        margin-bottom: 1.59375vw !important;
    }

    .mailster-email-wrapper .mailster-email, .mailster-your-name-wrapper .mailster-your-name {
        height: 13.333vw;
        padding: 4.04761vw 4.7619vw;
        font-size: 3.57142vw;
    }

    .mailster-form .mailster-email-wrapper {
        width: calc(73% - 2.59208vw);
        margin-bottom: 2.59208vw !important;
    }

    .mailster-your-name-wrapper {
        width: calc(73% - 2.59208vw);
    }

    .mailster-form-fields .submit-button {
        height: calc(69.7% - 8px) !important;
        font-size: 3.6416vw;
    }
}

/*=========================================================
  loadingbar
=========================================================*/
.modal {
    display: none;
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.modal-ico {
    width: 40px;
    height: 40px;
    border: 5px solid #F4F4F4;
    border-bottom-color: #32FFCC;
    border-radius: 50%;
    display: inline-block;
    -webkit-animation: rotation 1s linear infinite;
    animation: rotation 1s linear infinite;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -20px;
    margin-left: -20px;
}

@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/*=========================================================
  no site-footer
=========================================================*/
body.single-newsletters .site-footer {
    margin-top: 0;
}

body.page-template-join .site-footer {
    margin-top: 0;
}

body.page-template-find_email-password .site-footer {
    margin-top: 0;
}

body.page-template-mypage-01 .site-footer {
    margin-top: 0;
}

body.page-template-mypage-02 .site-footer {
    margin-top: 0;
}

/*=========================================================
	.mailster-terms-of-use-wrapper.error
=========================================================*/

.mailster-terms-of-use-wrapper.error label {
    color: #E60000 !important;
}

.mailster-terms-of-use-wrapper.error label:before {
    border-color: #E60000 !important;
}

.mailster-terms-of-use-wrapper.error label.is-checked {
    color: #000 !important;
}

.mailster-terms-of-use-wrapper.error label.is-checked:before {
    border-color: #000 !important;
}


.mailster-advertising-information-wrapper.error label {
    color: #E60000 !important;
}

.mailster-advertising-information-wrapper.error label:before {
    border-color: #E60000 !important;
}

.mailster-advertising-information-wrapper.error label.is-checked {
    color: #000 !important;
}

.mailster-advertising-information-wrapper.error label.is-checked:before {
    border-color: #000 !important;
}


.swiper-slide.is-Del {
    display: none;
}

.mailster-form-info.success {
    background-color: #33FFCC !important;
    border-radius: 0;
    font-weight: 500;
    color: #0D0D26;
}


/* =========================================================
	post-template-default site-Content
=========================================================*/
body.post-template-default .SingleHeader {
    max-width: 690px;
    margin: 0 auto;
    margin-bottom: 30px;
}

body.post-template-default .SingleHeader-title {
    padding: 0 20px;
}

body.post-template-default .site-Content {
    max-width: 690px;
    margin: 0 auto;
    padding: 0 20px;
}

body.post-template-default .SingleKeyword {
    max-width: 690px;
    margin: 0 auto;
}


body.post-template-default .SinglePaging {
    max-width: 690px;
}


/* responsive */
@media screen and (max-width: 1920px) and (min-width: 1025px) {
    body.post-template-default .SingleHeader {
        max-width: 35.9375vw;
        margin-bottom: 1.5625vw;
    }

    body.post-template-default .SingleHeader-title {
        padding: 0 1.04166vw;
    }

    body.post-template-default .site-Content {
        max-width: 35.9375vw;
        padding: 0 1.04166vw;
    }

    body.post-template-default .SingleKeyword {
        max-width: 35.9375vw;
        margin: 0 auto;
    }


    body.post-template-default .SinglePaging {
        max-width: 35.9375vw;
    }

}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    body.post-template-default .SingleHeader {
        max-width: 67.3828125vw;
        margin-bottom: 2.5625vw;
    }

    body.post-template-default .SingleHeader-title {
        padding: 0 1.953125vw;
    }

    body.post-template-default .site-Content {
        max-width: 67.3828125vw;
        padding: 0 1.953125vw;
    }

    body.post-template-default .SingleKeyword {
        max-width: 67.3828125vw;
    }


    body.post-template-default .SinglePaging {
        max-width: 67.3828125vw;
    }

}

@media screen and (max-width: 767px) and (min-width: 1px) {
    body.post-template-default .SingleHeader {
        max-width: 100%;
        margin-bottom: 4.5625vw;
    }

    body.post-template-default .SingleHeader-title {
        padding: 0;
    }

    body.post-template-default .site-Content {
        max-width: 100%;
        padding: 0;
    }

    body.post-template-default .SingleKeyword {
        max-width: 100%;
    }


    body.post-template-default .SinglePaging {
        max-width: 100%;
    }

}


/* =========================================================
	TalkItemSingle
=========================================================*/

.TalkItemSingle {
    margin-top: 34px;
}

.TalkItemSingle .SingleContent p {
    margin-bottom: 7px;
}


/* responsive */
@media screen and (max-width: 1920px) and (min-width: 1025px) {

    .TalkItemSingle {
        margin-top: 1.77083vw;
    }


}

@media screen and (max-width: 1024px) and (min-width: 768px) {

    .TalkItemSingle {
        margin-top: 3.32031vw;
    }

}

@media screen and (max-width: 767px) and (min-width: 1px) {

    .TalkItemSingle {
        margin-top: 8.43285vw;
    }

}

.AdNoticePopup {
    border-radius: 8px;
}

.AdNoticePopup .PopupImg {
    width: 100%;
    max-height: 555px;
    object-fit: cover;
}

.AdNoticePopup .PopupTxt {
    padding: 1.25rem;
    max-height: 555px;
    overflow-y: auto;
}


.AdNoticePopup .PopupFooter {
    background-color: #000;
    padding: 1rem 2rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.AdNoticePopup .PopupFooter .cancel-week-btn {
    color: #f4f4f4;
    font-size: 0.85rem;
    opacity: 0.5;
}

.AdNoticePopup .PopupFooter .popup-close-btn {
    color: #FFF;
    font-size: 1.1rem;
}