@charset "UTF-8";
/*
	順序上位於 base/variable 之前，因此不能使用任何 base/variable 變數 
*/
.group-list.sitemap > .in > .ct > .in > ul > li > .group-list.sitemap > .in > .ct > .in > ul > li > .group-list.sitemap > .in > .hd > .in h5:before {
  content: "\e01b";
}

.group-list.sitemap > .in > .ct > .in > ul > li > .group-list.sitemap > .in > .ct > .in > ul > li > .group-list.sitemap > .in > .ct > .in > ul > li > .group-list.sitemap > .in > .hd > .in h6:before {
  content: "\e111";
}

.base-content .area-editor.address .ct a.is-map:after, .base-footer .area-editor.address .ct a.is-map:after {
  content: "\e1f3";
}

.group-tab > .bg-drop-layout > .in > .ct > .in > ul > li > [data-index][data-type], .group-tab > .in > .ct > .in > ul > li > [data-index][data-type], .group-tab > .bg-drop-layout > .in > .ct > .in > ul > li > [data-index][data-type] > .bg-drop-layout > .in, .group-tab > .bg-drop-layout > .in > .ct > .in > ul > li > [data-index][data-type] > .in, .group-tab > .in > .ct > .in > ul > li > [data-index][data-type] > .bg-drop-layout > .in, .group-tab > .in > .ct > .in > ul > li > [data-index][data-type] > .in, [data-index][data-type] .hd h3, [data-index][data-type] .hd h4, [data-index][data-type] .ct .list ul, [data-index][data-type] .ct .label ul, [data-index][data-type] .ct .p p, [data-index][data-type] .ft ul, .area-table.rwd-straight .ct td ul, .area-table.rwd-straight .ct td ol, .area-table.rwd-straight.professor .ct tbody td.photo ul, .group-list.sitemap > .in > .ct > .in > ul > li > .group-list.sitemap > .in > .ct > .in > ul > li > .group-list.sitemap > .in > .ct > .in > ul > li > .group-list.sitemap > .in > .hd > .in h6, .group-list.sitemap > .in > .ct > .in > ul > li > .group-list.sitemap > .in > .ct > .in > ul > li > .group-list.sitemap > .in > .ct > .in > ul > li > .group-list.sitemap > .in > .ct > .in > ul > li > .group-list.sitemap > .in > .hd > .in h6, .list-text.content-list .ct ul, .simple-text.title .ct h1, .simple-text.title .ct h3, .page-content .area-essay.card .ct > .in ul, .area-form.vote > .in .ct .fieldset ul, .g-order-list > .in .label, .area-customize.pagination .ct ul, .group-list.search-filter > .in > .ct > .in .selected-area .g-chips ul, .area-essay.active .ct ul, .area-customize.active-sign > .in .hd .active-detail ul, .area-customize.active-sign > .in > .ct .info ul, .group-list.active-log ul, .rss-content > .in .block .p ul, .list-text.message .ct .category ul, .area-customize.news-card .ct ul, .group-list.major-slider > .in > .ct > .in > ul > li > [data-index][data-type] > .in, .area-customize.calendar-detail .ct .event-list ul, .area-customize.calendar-detail .ct ul, .area-customize.calendar-active .ct .week ul, [data-type="3"] > .in > .ct > .in > .area-customize.message02 > .in > .ct > .in > ul, [data-type="3"] > .in > .ct > .in > .bg-drop-layout > .g.row > div > .area-customize.message02 > .in > .ct > .in > ul, [data-type="2"] > .in > .ct > .in > ul > li .area-customize.message02 > .in > .ct > .in > ul, [data-type="2"] > .in > .ct > .in > .bg-drop-layout > .g.row > div > ul > li .area-customize.message02 > .in > .ct > .in > ul, [data-type="1"][data-child] .area-customize.message02 > .in .ct > .in > ul, .area-customize.pchouse-album03 .ct .list-area ul, .area-customize.icons-g2 .ct ul, .list-pic.link .ct ul, .password-input .rules, .area-customize.alert .info ul, .list-text.user-set .ct ul, .simple-text.heading .ct h2, .simple-text.major-logo .ct h1, .area-form.news-latter > .in .ct .list ul, .area-form.news-latter > .in .ct .btn-list ul, .area-customize.popuper.toast .info ul, .area-forum .ct ul, .list-pic .ct ul, .list-text .ct ul, .group-list > .bg-drop-layout > .in > .ct > .in > ul, .group-list > .in > .ct > .in > ul, .group-tab > .bg-drop-layout > .in > .ct > .in > ul, .group-tab > .in > .ct > .in > ul {
  margin: 0;
  position: static;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
}

[data-index][data-type] .hd h3, [data-index][data-type] .hd h4, [data-index][data-type] .ct .list ul, [data-index][data-type] .ct .label ul, [data-index][data-type] .ct .p p, [data-index][data-type] .ft ul, .area-table.rwd-straight .ct td ul, .area-table.rwd-straight .ct td ol, .area-table.rwd-straight.professor .ct tbody td.photo ul, .group-list.sitemap > .in > .ct > .in > ul > li > .group-list.sitemap > .in > .ct > .in > ul > li > .group-list.sitemap > .in > .ct > .in > ul > li > .group-list.sitemap > .in > .hd > .in h6, .group-list.sitemap > .in > .ct > .in > ul > li > .group-list.sitemap > .in > .ct > .in > ul > li > .group-list.sitemap > .in > .ct > .in > ul > li > .group-list.sitemap > .in > .ct > .in > ul > li > .group-list.sitemap > .in > .hd > .in h6, .list-text.content-list .ct ul, .simple-text.title .ct h1, .simple-text.title .ct h3, .page-content .area-essay.card .ct > .in ul, .area-form.vote > .in .ct .fieldset ul, .g-order-list > .in .label, .area-customize.pagination .ct ul, .group-list.search-filter > .in > .ct > .in .selected-area .g-chips ul, .area-essay.active .ct ul, .area-customize.active-sign > .in .hd .active-detail ul, .area-customize.active-sign > .in > .ct .info ul, .group-list.active-log ul, .rss-content > .in .block .p ul, .list-text.message .ct .category ul, .area-customize.news-card .ct ul, .group-list.major-slider > .in > .ct > .in > ul > li > [data-index][data-type] > .in, .area-customize.calendar-detail .ct .event-list ul, .area-customize.calendar-detail .ct ul, .area-customize.calendar-active .ct .week ul, [data-type="3"] > .in > .ct > .in > .area-customize.message02 > .in > .ct > .in > ul, [data-type="3"] > .in > .ct > .in > .bg-drop-layout > .g.row > div > .area-customize.message02 > .in > .ct > .in > ul, [data-type="2"] > .in > .ct > .in > ul > li .area-customize.message02 > .in > .ct > .in > ul, [data-type="2"] > .in > .ct > .in > .bg-drop-layout > .g.row > div > ul > li .area-customize.message02 > .in > .ct > .in > ul, [data-type="1"][data-child] .area-customize.message02 > .in .ct > .in > ul, .area-customize.pchouse-album03 .ct .list-area ul, .area-customize.icons-g2 .ct ul, .list-pic.link .ct ul, .password-input .rules, .area-customize.alert .info ul, .list-text.user-set .ct ul, .simple-text.heading .ct h2, .simple-text.major-logo .ct h1, .area-form.news-latter > .in .ct .list ul, .area-form.news-latter > .in .ct .btn-list ul, .area-customize.popuper.toast .info ul, .area-forum .ct ul, .list-pic .ct ul, .list-text .ct ul, .group-list > .bg-drop-layout > .in > .ct > .in > ul, .group-list > .in > .ct > .in > ul, .group-tab > .bg-drop-layout > .in > .ct > .in > ul, .group-tab > .in > .ct > .in > ul {
  padding: 0;
  border: 0;
  border-radius: 0;
  list-style: none;
  background-color: transparent;
  font-size: 1em;
  font-weight: normal;
  transition: initial;
}
[data-index][data-type] .hd h3:before, [data-index][data-type] .hd h4:before, [data-index][data-type] .ct .list ul:before, [data-index][data-type] .ct .label ul:before, [data-index][data-type] .ct .p p:before, [data-index][data-type] .ft ul:before, .area-table.rwd-straight .ct td ul:before, .area-table.rwd-straight .ct td ol:before, .area-table.rwd-straight.professor .ct tbody td.photo ul:before, .group-list.sitemap > .in > .ct > .in > ul > li > .group-list.sitemap > .in > .ct > .in > ul > li > .group-list.sitemap > .in > .ct > .in > ul > li > .group-list.sitemap > .in > .hd > .in h6:before, .group-list.sitemap > .in > .ct > .in > ul > li > .group-list.sitemap > .in > .ct > .in > ul > li > .group-list.sitemap > .in > .ct > .in > ul > li > .group-list.sitemap > .in > .ct > .in > ul > li > .group-list.sitemap > .in > .hd > .in h6:before, .list-text.content-list .ct ul:before, .simple-text.title .ct h1:before, .simple-text.title .ct h3:before, .page-content .area-essay.card .ct > .in ul:before, .area-form.vote > .in .ct .fieldset ul:before, .g-order-list > .in .label:before, .area-customize.pagination .ct ul:before, .group-list.search-filter > .in > .ct > .in .selected-area .g-chips ul:before, .area-essay.active .ct ul:before, .area-customize.active-sign > .in .hd .active-detail ul:before, .area-customize.active-sign > .in > .ct .info ul:before, .group-list.active-log ul:before, .rss-content > .in .block .p ul:before, .list-text.message .ct .category ul:before, .area-customize.news-card .ct ul:before, .group-list.major-slider > .in > .ct > .in > ul > li > [data-index][data-type] > .in:before, .area-customize.calendar-detail .ct .event-list ul:before, .area-customize.calendar-detail .ct ul:before, .area-customize.calendar-active .ct .week ul:before, [data-type="3"] > .in > .ct > .in > .area-customize.message02 > .in > .ct > .in > ul:before, [data-type="3"] > .in > .ct > .in > .bg-drop-layout > .g.row > div > .area-customize.message02 > .in > .ct > .in > ul:before, [data-type="2"] > .in > .ct > .in > ul > li .area-customize.message02 > .in > .ct > .in > ul:before, [data-type="2"] > .in > .ct > .in > .bg-drop-layout > .g.row > div > ul > li .area-customize.message02 > .in > .ct > .in > ul:before, [data-type="1"][data-child] .area-customize.message02 > .in .ct > .in > ul:before, .area-customize.pchouse-album03 .ct .list-area ul:before, .area-customize.icons-g2 .ct ul:before, .list-pic.link .ct ul:before, .password-input .rules:before, .area-customize.alert .info ul:before, .list-text.user-set .ct ul:before, .simple-text.heading .ct h2:before, .simple-text.major-logo .ct h1:before, .area-form.news-latter > .in .ct .list ul:before, .area-form.news-latter > .in .ct .btn-list ul:before, .area-customize.popuper.toast .info ul:before, .area-forum .ct ul:before, .list-pic .ct ul:before, .list-text .ct ul:before, .group-list > .bg-drop-layout > .in > .ct > .in > ul:before, .group-list > .in > .ct > .in > ul:before, .group-tab > .bg-drop-layout > .in > .ct > .in > ul:before, .group-tab > .in > .ct > .in > ul:before {
  content: none;
}
[data-index][data-type] .hd h3:after, [data-index][data-type] .hd h4:after, [data-index][data-type] .ct .list ul:after, [data-index][data-type] .ct .label ul:after, [data-index][data-type] .ct .p p:after, [data-index][data-type] .ft ul:after, .area-table.rwd-straight .ct td ul:after, .area-table.rwd-straight .ct td ol:after, .area-table.rwd-straight.professor .ct tbody td.photo ul:after, .group-list.sitemap > .in > .ct > .in > ul > li > .group-list.sitemap > .in > .ct > .in > ul > li > .group-list.sitemap > .in > .ct > .in > ul > li > .group-list.sitemap > .in > .hd > .in h6:after, .group-list.sitemap > .in > .ct > .in > ul > li > .group-list.sitemap > .in > .ct > .in > ul > li > .group-list.sitemap > .in > .ct > .in > ul > li > .group-list.sitemap > .in > .ct > .in > ul > li > .group-list.sitemap > .in > .hd > .in h6:after, .list-text.content-list .ct ul:after, .simple-text.title .ct h1:after, .simple-text.title .ct h3:after, .page-content .area-essay.card .ct > .in ul:after, .area-form.vote > .in .ct .fieldset ul:after, .g-order-list > .in .label:after, .area-customize.pagination .ct ul:after, .group-list.search-filter > .in > .ct > .in .selected-area .g-chips ul:after, .area-essay.active .ct ul:after, .area-customize.active-sign > .in .hd .active-detail ul:after, .area-customize.active-sign > .in > .ct .info ul:after, .group-list.active-log ul:after, .rss-content > .in .block .p ul:after, .list-text.message .ct .category ul:after, .area-customize.news-card .ct ul:after, .group-list.major-slider > .in > .ct > .in > ul > li > [data-index][data-type] > .in:after, .area-customize.calendar-detail .ct .event-list ul:after, .area-customize.calendar-detail .ct ul:after, .area-customize.calendar-active .ct .week ul:after, [data-type="3"] > .in > .ct > .in > .area-customize.message02 > .in > .ct > .in > ul:after, [data-type="3"] > .in > .ct > .in > .bg-drop-layout > .g.row > div > .area-customize.message02 > .in > .ct > .in > ul:after, [data-type="2"] > .in > .ct > .in > ul > li .area-customize.message02 > .in > .ct > .in > ul:after, [data-type="2"] > .in > .ct > .in > .bg-drop-layout > .g.row > div > ul > li .area-customize.message02 > .in > .ct > .in > ul:after, [data-type="1"][data-child] .area-customize.message02 > .in .ct > .in > ul:after, .area-customize.pchouse-album03 .ct .list-area ul:after, .area-customize.icons-g2 .ct ul:after, .list-pic.link .ct ul:after, .password-input .rules:after, .area-customize.alert .info ul:after, .list-text.user-set .ct ul:after, .simple-text.heading .ct h2:after, .simple-text.major-logo .ct h1:after, .area-form.news-latter > .in .ct .list ul:after, .area-form.news-latter > .in .ct .btn-list ul:after, .area-customize.popuper.toast .info ul:after, .area-forum .ct ul:after, .list-pic .ct ul:after, .list-text .ct ul:after, .group-list > .bg-drop-layout > .in > .ct > .in > ul:after, .group-list > .in > .ct > .in > ul:after, .group-tab > .bg-drop-layout > .in > .ct > .in > ul:after, .group-tab > .in > .ct > .in > ul:after {
  content: none;
}

.area-table.rwd-horizontal .ct tbody td:after, .area-table.rwd-straight .ct tbody td:after, .area-table.notitle01 .ct tbody td:after, .area-table.notitle02 .ct tbody td:after, .area-table.notitle03 .ct tbody td:after, .area-table.title01 .ct tbody td:after, .area-table.title02 .ct tbody td:after, .area-table.title03 .ct tbody td:after, .area-figure.page-figure .ct .label ul:after, .area-essay.page-caption-p .ct a.div:after, .area-editor.user-edit .ct > .in:after, .list-text.step .ct ul:after, .area-customize.news-card .ct ul:after, .area-customize.news-card .ct .label:after, .area-essay.message .ct .div:after, .area-customize.calendar .ct .heading:after, .area-customize.video-list02 .ct > .in:after, .area-customize.video-list02 .ct > .in .list .div:after, [data-type="1"][data-child] .area-customize.message02 > .in .ct .essay:after, .list-text.anchor .ct ul:after, .base-mobile .list-text.share .ct ul:after, .msg-tool .list-text.share .ct ul:after, .list-pic .ct ul:after, .list-text .ct ul:after, .group-list > .bg-drop-layout > .in > .ct > .in > ul:after, .group-list > .in > .ct > .in > ul:after, .group > .bg-drop-layout > .in > .ct > .in:after, .group > .in > .ct > .in:after, .base-page-area > .in:after, [data-type="1"][data-child] > .bg-drop-layout > .in > .ct > .in:after, [data-type="1"][data-child] > .in > .ct > .in:after {
  content: "​";
  display: block;
  height: 0;
  clear: both;
}

.area-table.rwd-straight::-webkit-scrollbar, .group.active-detail > .in > .ct > .in .area-essay.active > .in > .ct > .in .session .list::-webkit-scrollbar, .area-customize.popuper > .in > .ct::-webkit-scrollbar, .area-customize.popuper > .in:has(.group-list.search-filter) .frame-with-btn .group-list.search-filter > .in > .ct > .in > ul > li::-webkit-scrollbar, .area-customize.popuper > .in:has(.frame-with-btn) > .ct::-webkit-scrollbar {
  width: 10px;
  margin: 5px;
}
.area-table.rwd-straight::-webkit-scrollbar-thumb, .group.active-detail > .in > .ct > .in .area-essay.active > .in > .ct > .in .session .list::-webkit-scrollbar-thumb, .area-customize.popuper > .in > .ct::-webkit-scrollbar-thumb, .area-customize.popuper > .in:has(.group-list.search-filter) .frame-with-btn .group-list.search-filter > .in > .ct > .in > ul > li::-webkit-scrollbar-thumb, .area-customize.popuper > .in:has(.frame-with-btn) > .ct::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: rgba(153, 121, 80, 0.5) !important;
  margin: 2px;
  box-sizing: border-box;
}
.area-table.rwd-straight::-webkit-scrollbar-track, .group.active-detail > .in > .ct > .in .area-essay.active > .in > .ct > .in .session .list::-webkit-scrollbar-track, .area-customize.popuper > .in > .ct::-webkit-scrollbar-track, .area-customize.popuper > .in:has(.group-list.search-filter) .frame-with-btn .group-list.search-filter > .in > .ct > .in > ul > li::-webkit-scrollbar-track, .area-customize.popuper > .in:has(.frame-with-btn) > .ct::-webkit-scrollbar-track {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background-color: rgba(153, 121, 80, 0.5);
}

.login-content .fieldset:has(select) label, .login-content .fieldset .password label, .login-content .select label, .login-content .text label, .login-content .open-id .btnList .btn, .login-content .open-id .btnList .btn:hover, .group-sign-in .fieldset:nth-child(3) #btnRefreshValiCode,
.group-sign-in .fieldset:nth-child(3) #ContentPlaceHolder1_wucCheckCode_btnVoice, .member-info .area-form.page-form .ct .fieldset > span.is-verified #ContentPlaceHolder1_lbEmailVerifyDate,
.member-info .area-form.page-form .ct .fieldset > span.is-verified #ContentPlaceHolder1_lbMobileVerifyDate, .member-info .area-form.page-form .ct #ContentPlaceHolder1_btnChangeEmail,
.member-info .area-form.page-form .ct #ContentPlaceHolder1_btnChangeMobile, .area-form.vote > .in .ct .fieldset label, .area-form.vote > .in .ct .fieldset a, .base-mobile .group.aceb-tools.is-active > .in > .hd a, .base-extend .group.aceb-tools > .in > .ct > .in > div > .in .ct .switch a, .base-mobile .group.aceb-tools > .in > .ct > .in > div > .in .ct .switch a, .area-customize.pagination .ct li.PagedList-skipToPrevious a, .area-customize.pagination .ct li.PagedList-skipToNext a, .area-customize.pagination .ct li.PagedList-skipToFirst a, .area-customize.pagination .ct li.PagedList-skipToLast a, .area-customize.pagination .ct li.PageSizeGo > a, .list-pic.marquee02 .ft li.next a, .list-pic.marquee02 .ft li.prev a, .list-pic.marquee .ft li.next a, .list-pic.marquee .ft li.prev a, .area-customize.calendar .ct .label li.prev a, .area-customize.calendar .ct .label li.next a, .group-list.major-slider > .in > .ft li.is-img a, .group-list.major-slider > .in > .ft li.is-dot a, .area-customize.calendar-detail .ct .event-list .heading .label a, .area-customize.calendar-detail02 .ct .label a, .area-form.link > .in .ct [type=button], .list-pic.major-slider > .in .ft li.next a, .list-pic.major-slider > .in .ft li.prev a, .password .password-open, .password .password-hide, .area-form.search-hotkeyword .ct .fieldset span.submit a, .area-form.search-hotkeyword .ct .fieldset span.advanced a, .base-mobile .area-form.search .ct .fieldset span.submit a, .base-header .area-form.search .hd a, .base-header .area-form.search .ct .fieldset span.submit a, .area-form.page-search .hd a, .area-form.filter > .in > .ct > .in .cata-list .item .item-name .extend, .cp.selecter .items .is-remove, .simple-text.btn .ct a, .list-text.user-tool .ct a, .list-text.open-data .ct a, .list-text.user-set .hd a, .list-text.font-size .hd a, .base-mobile .list-text.share .ct a, .base-extend .list-text.share .ct a, .msg-tool .list-text.share .hd, .msg-tool .list-text.share .ct a, .simple-text.minor-logo .ct a, .simple-text.major-logo .ct a, .group-list.marquee-nav > .bg-drop-layout > .in > .ft li.next a, .group-list.marquee-nav > .bg-drop-layout > .in > .ft li.prev a, .group-list.marquee-nav > .in > .ft li.next a, .group-list.marquee-nav > .in > .ft li.prev a, .area-customize.popuper > .in > .ft a, .base-mobile > .in > .hd a, .list-pic.marquee02 .ctrl_btn a, .list-text.slider .ctrl_btn a, .group-list.marquee .ctrl_btn a, .group-list.major-slider .ctrl_btn a, .area-customize.pchouse-album03 .ctrl_btn a, .list-pic.major-slider > .in .ct .ctrl_btn a, .group-list.marquee > .in > .ft li.next a, .group-list.major-slider > .in > .ft li.next a, .group-list.marquee > .in > .ft li.prev a, .group-list.major-slider > .in > .ft li.prev a {
  text-indent: -9999px;
  font: 0/0 a;
  color: transparent;
}

.area-figure.page-figure .ct .label ul li span, .list-text.file-download .ct span, .g-order-list > .in .caption, .group.active-detail > .in > .ct > .in .area-essay.active > .in > .ct > .in .session .name, .area-essay.active .ct .flag .list li, .group-list.active .area-essay.active > .in > .ct > .in .flag li, .group-list.active-log .div .list li .title, .list-text.message .ct a, .list-text.slider .ct > .in ul li .div > span, .list-text.slider .ct a, .area-essay.message .ct .caption span, .area-essay.list .ct .label a, .area-customize.calendar .ct .caption, .area-customize.calendar .ct .list span, .area-customize.video > .in .ct .div .label span, .area-customize.calendar-detail .ct .caption, .area-customize.calendar-detail .ct .table .list a, [data-type="1"][data-child] .area-customize.message02 > .in .ct .caption span, .area-customize.pchouse-album .ct .figcaption, .area-customize.pchouse-album03 .ct .list-area .caption, .area-customize.pchouse-album03 .ct .list-area .p, .list-text.anchor .ct a, .area-figure.album > .in .ct .label span, .list-text.tab .ct a, .cp.selecter .items .is-name, .base-footer .list-text.nav .ct a, .base-content .list-text.link .ct a, .base-header .group.nav > .bg-drop-layout > .in > .hd a, .base-header .group.nav > .in > .hd a, .area-form.news-latter > .in .ct .list ul li .essay label, .area-customize.popuper > .in > .hd > .in, .list-text.jump-tool.NextPreNews .PreNews a,
.list-text.jump-tool.NextPreNews .NextNews a, .area-figure.page-figure .ct .figcaption, .area-essay.page-caption-p .ct .caption, .page-content .area-essay.card .ct .caption, .area-form.vote > .in .ct .caption, .area-essay.toggle .ct .caption, .area-customize.active-sign > .in .hd .active-detail ul .title, .area-essay.message .ct .caption, .area-essay.list .ct .caption, .area-customize.video > .in .ct .div .caption, .base-module-area .area-essay.link .ct .caption, .base-page-area .area-essay.link .ct .caption, .area-figure.album > .in .ct .figcaption, .list-pic.major-slider > .in .ct .caption, .list-text.file-download .hd > .in > div, .list-pic.pic-download .hd > .in > div, .group-list.file-download-multiple > .in > .hd > .in > div, .group-list.relmap > .in > .hd > .in > div, .list-text.hashtag .hd > .in > div, .list-text.file-download .hd > .in h2, .list-pic.pic-download .hd > .in h2, .group-list.file-download-multiple > .in > .hd > .in h2, .group-list.relmap > .in > .hd > .in h2, .list-text.hashtag .hd > .in h2, .area-table.rwd-horizontal .hd h2, .area-table.rwd-straight .hd h2, .area-table.notitle01 .hd h2, .area-table.notitle02 .hd h2, .area-table.notitle03 .hd h2, .area-table.title01 .hd h2, .area-table.title02 .hd h2, .area-table.title03 .hd h2, .area-figure.page-figure .hd h2, .area-essay.page-caption-p .hd h2, .group-list.content > .in > .hd h2, .area-customize.chart .hd h2, .page-content .area-essay.card .hd h2, .group-list.page-list > .bg-drop-layout > .in > .hd h2, .group-list.page-list > .in > .hd h2, .group-list.page-block > .in > .hd h2, .group-list.active > .in > .hd h2, .area-customize.map > .in > .hd h2, .list-text.rss .hd h2, .list-pic.marquee02 .hd h2, .list-pic.marquee .hd h2, .list-text.message .hd h2, .list-text.slider .hd h2, .area-customize.news-card .hd h2, .area-essay.message .hd h2, .area-essay.list .hd h2, .area-customize.calendar .hd h2, .base-module-area .group-list.album > .in > .hd h2, .base-page-area .group-list.album > .in > .hd h2, .group-list.marquee > .in > .hd h2, .group-list.message > .bg-drop-layout > .in > .hd h2, .group-list.message > .in > .hd h2, .base-module-area .group-list.link > .bg-drop-layout > .in > .hd h2, .base-module-area .group-list.link > .in > .hd h2, .base-page-area .group-list.link > .bg-drop-layout > .in > .hd h2, .base-page-area .group-list.link > .in > .hd h2, .group-list.slider > .bg-drop-layout > .in > .hd h2, .group-list.slider > .in > .hd h2, .group-list.major-slider > .in > .hd h2, .simple-text.message .hd h2, .area-customize.video > .in .hd h2, .area-customize.video-list02 .hd h2, .area-customize.calendar-detail .hd h2, .area-customize.calendar-detail02 .hd h2, .area-customize.calendar-active .hd h2, .area-customize.message02 > .in .hd h2, .area-customize.pchouse-album .hd h2, .area-customize.pchouse-album03 .hd h2, .list-text.anchor .hd h2, .area-customize.icons-g2 .hd h2, .base-module-area .area-essay.link .hd h2, .base-page-area .area-essay.link .hd h2, .area-essay.message02 > .in .hd h2, .area-figure.album > .in .hd h2, .area-form.link > .in .hd h2, .list-pic.major-slider > .in .hd h2, .list-pic.link .hd h2, .simple-text.weather .hd h2, .area-form.search-hotkeyword .hd h2, .base-content .list-text.link .hd h2, .area-form.news-latter > .in .hd h2, .area-editor.default .hd h2, .simple-text.default .hd h2, .group-list.default > .bg-drop-layout > .in > .hd h2, .group-list.default > .in > .hd h2, .area-table.rwd-horizontal .hd h3, .area-table.rwd-straight .hd h3, .area-table.notitle01 .hd h3, .area-table.notitle02 .hd h3, .area-table.notitle03 .hd h3, .area-table.title01 .hd h3, .area-table.title02 .hd h3, .area-table.title03 .hd h3, .area-figure.page-figure .hd h3, .area-essay.page-caption-p .hd h3, .group-list.content > .in > .hd h3, .area-customize.chart .hd h3, .page-content .area-essay.card .hd h3, .group-list.page-list > .bg-drop-layout > .in > .hd h3, .group-list.page-list > .in > .hd h3, .group-list.page-block > .in > .hd h3, .group-list.active > .in > .hd h3, .area-customize.map > .in > .hd h3, .list-text.rss .hd h3, .list-pic.marquee02 .hd h3, .list-pic.marquee .hd h3, .list-text.message .hd h3, .list-text.slider .hd h3, .area-customize.news-card .hd h3, .area-essay.message .hd h3, .area-essay.list .hd h3, .area-customize.calendar .hd h3, .base-module-area .group-list.album > .in > .hd h3, .base-page-area .group-list.album > .in > .hd h3, .group-list.marquee > .in > .hd h3, .group-list.message > .bg-drop-layout > .in > .hd h3, .group-list.message > .in > .hd h3, .base-module-area .group-list.link > .bg-drop-layout > .in > .hd h3, .base-module-area .group-list.link > .in > .hd h3, .base-page-area .group-list.link > .bg-drop-layout > .in > .hd h3, .base-page-area .group-list.link > .in > .hd h3, .group-list.slider > .bg-drop-layout > .in > .hd h3, .group-list.slider > .in > .hd h3, .group-list.major-slider > .in > .hd h3, .simple-text.message .hd h3, .area-customize.video > .in .hd h3, .area-customize.video-list02 .hd h3, .area-customize.calendar-detail .hd h3, .area-customize.calendar-detail02 .hd h3, .area-customize.calendar-active .hd h3, .area-customize.message02 > .in .hd h3, .area-customize.pchouse-album .hd h3, .area-customize.pchouse-album03 .hd h3, .list-text.anchor .hd h3, .area-customize.icons-g2 .hd h3, .base-module-area .area-essay.link .hd h3, .base-page-area .area-essay.link .hd h3, .area-essay.message02 > .in .hd h3, .area-figure.album > .in .hd h3, .area-form.link > .in .hd h3, .list-pic.major-slider > .in .hd h3, .list-pic.link .hd h3, .simple-text.weather .hd h3, .area-form.search-hotkeyword .hd h3, .base-content .list-text.link .hd h3, .area-form.news-latter > .in .hd h3, .area-editor.default .hd h3, .simple-text.default .hd h3, .group-list.default > .bg-drop-layout > .in > .hd h3, .group-list.default > .in > .hd h3 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ac-customize-page .list-text.jump-tool > .in, .area-customize.active-sign, .group.center > .bg-drop-layout > .in > .ct, .group.center > .in > .ct, .base-footer .area-editor.address, .simple-text.btn > .bg-drop-layout > .in, .simple-text.btn > .in, .area-customize.nav > .bg-drop-layout > .in, .area-customize.nav > .in, .base-footer .info, .base-footer > .in > .hd > .in {
  margin: 0 auto;
  max-width: 1366px;
}

.base-aside [data-index][data-type] + .is-hide-header > .in, .base-module-area [data-index][data-type] + .is-hide-header > .in {
  margin-top: 5px !important;
}
.base-aside [data-index][data-type] + .is-hide-header > .in > .in > .hd, .base-module-area [data-index][data-type] + .is-hide-header > .in > .in > .hd {
  display: none !important;
}

.area-editor.user-edit, .list-text.detail, .list-text.step, .base-content .list-pic.icon, .group.page-footer [data-type] + .is-hide-header, .group.page-content [data-type] + .is-hide-header {
  margin-top: 8px !important;
}
.area-editor.user-edit > .in > .hd, .list-text.detail > .in > .hd, .list-text.step > .in > .hd, .base-content .list-pic.icon > .in > .hd, .group.page-footer [data-type] + .is-hide-header > .in > .hd, .group.page-content [data-type] + .is-hide-header > .in > .hd {
  display: none !important;
}

.base-content .area-editor.address, .base-mobile > .in > .ct .is-hide-header > .in {
  margin-top: 8px !important;
}
.base-content .area-editor.address > .in > .hd, .base-mobile > .in > .ct .is-hide-header > .in > .in > .hd {
  display: none !important;
}

.base-aside [data-index][data-type="0"] > .in, .base-module-area [data-index][data-type="0"] > .in, .base-aside [data-index][data-type="2"] > .in, .base-module-area [data-index][data-type="2"] > .in, .base-aside [data-index][data-type="4"] > .in, .base-module-area [data-index][data-type="4"] > .in {
  margin-left: 8px;
  margin-right: 8px;
}
.base-aside [data-index][data-type] > .in, .base-module-area [data-index][data-type] > .in {
  margin-top: 15px;
  margin-bottom: 15px;
}
.group.page-footer [data-type] + [data-type], .group.page-content [data-type] + [data-type] {
  margin-top: 30px;
}
.base-mobile > .in > .ct [data-index][data-type="0"] > .in, .base-mobile > .in > .ct [data-index][data-type="2"] > .in, .base-mobile > .in > .ct [data-index][data-type="4"] > .in {
  margin-top: 8px;
  margin-right: 8px;
  margin-bottom: 8px;
  margin-left: 8px;
}
.login-content .info-text a, .base-content .area-editor.address .ct a, .base-footer .area-editor.address .ct a, .area-customize.video-list02 .ct > .in .video .p a, .area-table.rwd-horizontal .ct tfoot span a, .area-table.rwd-straight .ct tfoot span a, .area-table.notitle01 .ct tfoot span a, .area-table.notitle02 .ct tfoot span a, .area-table.notitle03 .ct tfoot span a, .area-table.title01 .ct tfoot span a, .area-table.title02 .ct tfoot span a, .area-table.title03 .ct tfoot span a, .area-editor.user-edit .ct a, .area-essay.message .ct .p a, .base-page-area .area-essay.link .ct .p a {
  color: #08c;
  text-decoration: underline;
}
.login-content .info-text a:hover, .base-content .area-editor.address .ct a:hover, .base-footer .area-editor.address .ct a:hover, .area-customize.video-list02 .ct > .in .video .p a:hover, .area-table.rwd-horizontal .ct tfoot span a:hover, .area-table.rwd-straight .ct tfoot span a:hover, .area-table.notitle01 .ct tfoot span a:hover, .area-table.notitle02 .ct tfoot span a:hover, .area-table.notitle03 .ct tfoot span a:hover, .area-table.title01 .ct tfoot span a:hover, .area-table.title02 .ct tfoot span a:hover, .area-table.title03 .ct tfoot span a:hover, .area-editor.user-edit .ct a:hover, .area-essay.message .ct .p a:hover, .base-page-area .area-essay.link .ct .p a:hover {
  color: #006699;
  text-decoration: none;
}

.area-table.rwd-horizontal .hd h2, .area-table.rwd-straight .hd h2, .area-table.notitle01 .hd h2, .area-table.notitle02 .hd h2, .area-table.notitle03 .hd h2, .area-table.title01 .hd h2, .area-table.title02 .hd h2, .area-table.title03 .hd h2, .area-figure.page-figure .hd h2, .area-essay.page-caption-p .hd h2, .group-list.content > .in > .hd h2, .area-customize.chart .hd h2, .page-content .area-essay.card .hd h2, .group-list.page-list > .bg-drop-layout > .in > .hd h2, .group-list.page-list > .in > .hd h2, .group-list.page-block > .in > .hd h2, .group-list.active > .in > .hd h2, .area-customize.map > .in > .hd h2, .list-text.rss .hd h2, .list-pic.marquee02 .hd h2, .list-pic.marquee .hd h2, .list-text.message .hd h2, .list-text.slider .hd h2, .area-customize.news-card .hd h2, .area-essay.message .hd h2, .area-essay.list .hd h2, .area-customize.calendar .hd h2, .base-module-area .group-list.album > .in > .hd h2, .base-page-area .group-list.album > .in > .hd h2, .group-list.marquee > .in > .hd h2, .group-list.message > .bg-drop-layout > .in > .hd h2, .group-list.message > .in > .hd h2, .base-module-area .group-list.link > .bg-drop-layout > .in > .hd h2, .base-module-area .group-list.link > .in > .hd h2, .base-page-area .group-list.link > .bg-drop-layout > .in > .hd h2, .base-page-area .group-list.link > .in > .hd h2, .group-list.slider > .bg-drop-layout > .in > .hd h2, .group-list.slider > .in > .hd h2, .group-list.major-slider > .in > .hd h2, .simple-text.message .hd h2, .area-customize.video > .in .hd h2, .area-customize.video-list02 .hd h2, .area-customize.calendar-detail .hd h2, .area-customize.calendar-detail02 .hd h2, .area-customize.calendar-active .hd h2, .area-customize.message02 > .in .hd h2, .area-customize.pchouse-album .hd h2, .area-customize.pchouse-album03 .hd h2, .list-text.anchor .hd h2, .area-customize.icons-g2 .hd h2, .base-module-area .area-essay.link .hd h2, .base-page-area .area-essay.link .hd h2, .area-essay.message02 > .in .hd h2, .area-figure.album > .in .hd h2, .area-form.link > .in .hd h2, .list-pic.major-slider > .in .hd h2, .list-pic.link .hd h2, .simple-text.weather .hd h2, .area-form.search-hotkeyword .hd h2, .base-content .list-text.link .hd h2, .area-form.news-latter > .in .hd h2, .area-editor.default .hd h2, .simple-text.default .hd h2, .group-list.default > .bg-drop-layout > .in > .hd h2, .group-list.default > .in > .hd h2, .area-table.rwd-horizontal .hd h3, .area-table.rwd-straight .hd h3, .area-table.notitle01 .hd h3, .area-table.notitle02 .hd h3, .area-table.notitle03 .hd h3, .area-table.title01 .hd h3, .area-table.title02 .hd h3, .area-table.title03 .hd h3, .area-figure.page-figure .hd h3, .area-essay.page-caption-p .hd h3, .group-list.content > .in > .hd h3, .area-customize.chart .hd h3, .page-content .area-essay.card .hd h3, .group-list.page-list > .bg-drop-layout > .in > .hd h3, .group-list.page-list > .in > .hd h3, .group-list.page-block > .in > .hd h3, .group-list.active > .in > .hd h3, .area-customize.map > .in > .hd h3, .list-text.rss .hd h3, .list-pic.marquee02 .hd h3, .list-pic.marquee .hd h3, .list-text.message .hd h3, .list-text.slider .hd h3, .area-customize.news-card .hd h3, .area-essay.message .hd h3, .area-essay.list .hd h3, .area-customize.calendar .hd h3, .base-module-area .group-list.album > .in > .hd h3, .base-page-area .group-list.album > .in > .hd h3, .group-list.marquee > .in > .hd h3, .group-list.message > .bg-drop-layout > .in > .hd h3, .group-list.message > .in > .hd h3, .base-module-area .group-list.link > .bg-drop-layout > .in > .hd h3, .base-module-area .group-list.link > .in > .hd h3, .base-page-area .group-list.link > .bg-drop-layout > .in > .hd h3, .base-page-area .group-list.link > .in > .hd h3, .group-list.slider > .bg-drop-layout > .in > .hd h3, .group-list.slider > .in > .hd h3, .group-list.major-slider > .in > .hd h3, .simple-text.message .hd h3, .area-customize.video > .in .hd h3, .area-customize.video-list02 .hd h3, .area-customize.calendar-detail .hd h3, .area-customize.calendar-detail02 .hd h3, .area-customize.calendar-active .hd h3, .area-customize.message02 > .in .hd h3, .area-customize.pchouse-album .hd h3, .area-customize.pchouse-album03 .hd h3, .list-text.anchor .hd h3, .area-customize.icons-g2 .hd h3, .base-module-area .area-essay.link .hd h3, .base-page-area .area-essay.link .hd h3, .area-essay.message02 > .in .hd h3, .area-figure.album > .in .hd h3, .area-form.link > .in .hd h3, .list-pic.major-slider > .in .hd h3, .list-pic.link .hd h3, .simple-text.weather .hd h3, .area-form.search-hotkeyword .hd h3, .base-content .list-text.link .hd h3, .area-form.news-latter > .in .hd h3, .area-editor.default .hd h3, .simple-text.default .hd h3, .group-list.default > .bg-drop-layout > .in > .hd h3, .group-list.default > .in > .hd h3 {
  font-size: 1.75em;
  margin: 15px 0;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 8px;
}
.area-table.rwd-horizontal .hd h2:before, .area-table.rwd-straight .hd h2:before, .area-table.notitle01 .hd h2:before, .area-table.notitle02 .hd h2:before, .area-table.notitle03 .hd h2:before, .area-table.title01 .hd h2:before, .area-table.title02 .hd h2:before, .area-table.title03 .hd h2:before, .area-figure.page-figure .hd h2:before, .area-essay.page-caption-p .hd h2:before, .group-list.content > .in > .hd h2:before, .area-customize.chart .hd h2:before, .page-content .area-essay.card .hd h2:before, .group-list.page-list > .bg-drop-layout > .in > .hd h2:before, .group-list.page-list > .in > .hd h2:before, .group-list.page-block > .in > .hd h2:before, .group-list.active > .in > .hd h2:before, .area-customize.map > .in > .hd h2:before, .list-text.rss .hd h2:before, .list-pic.marquee02 .hd h2:before, .list-pic.marquee .hd h2:before, .list-text.message .hd h2:before, .list-text.slider .hd h2:before, .area-customize.news-card .hd h2:before, .area-essay.message .hd h2:before, .area-essay.list .hd h2:before, .area-customize.calendar .hd h2:before, .base-module-area .group-list.album > .in > .hd h2:before, .base-page-area .group-list.album > .in > .hd h2:before, .group-list.marquee > .in > .hd h2:before, .group-list.message > .bg-drop-layout > .in > .hd h2:before, .group-list.message > .in > .hd h2:before, .base-module-area .group-list.link > .bg-drop-layout > .in > .hd h2:before, .base-module-area .group-list.link > .in > .hd h2:before, .base-page-area .group-list.link > .bg-drop-layout > .in > .hd h2:before, .base-page-area .group-list.link > .in > .hd h2:before, .group-list.slider > .bg-drop-layout > .in > .hd h2:before, .group-list.slider > .in > .hd h2:before, .group-list.major-slider > .in > .hd h2:before, .simple-text.message .hd h2:before, .area-customize.video > .in .hd h2:before, .area-customize.video-list02 .hd h2:before, .area-customize.calendar-detail .hd h2:before, .area-customize.calendar-detail02 .hd h2:before, .area-customize.calendar-active .hd h2:before, .area-customize.message02 > .in .hd h2:before, .area-customize.pchouse-album .hd h2:before, .area-customize.pchouse-album03 .hd h2:before, .list-text.anchor .hd h2:before, .area-customize.icons-g2 .hd h2:before, .base-module-area .area-essay.link .hd h2:before, .base-page-area .area-essay.link .hd h2:before, .area-essay.message02 > .in .hd h2:before, .area-figure.album > .in .hd h2:before, .area-form.link > .in .hd h2:before, .list-pic.major-slider > .in .hd h2:before, .list-pic.link .hd h2:before, .simple-text.weather .hd h2:before, .area-form.search-hotkeyword .hd h2:before, .base-content .list-text.link .hd h2:before, .area-form.news-latter > .in .hd h2:before, .area-editor.default .hd h2:before, .simple-text.default .hd h2:before, .group-list.default > .bg-drop-layout > .in > .hd h2:before, .group-list.default > .in > .hd h2:before, .area-table.rwd-horizontal .hd h3:before, .area-table.rwd-straight .hd h3:before, .area-table.notitle01 .hd h3:before, .area-table.notitle02 .hd h3:before, .area-table.notitle03 .hd h3:before, .area-table.title01 .hd h3:before, .area-table.title02 .hd h3:before, .area-table.title03 .hd h3:before, .area-figure.page-figure .hd h3:before, .area-essay.page-caption-p .hd h3:before, .group-list.content > .in > .hd h3:before, .area-customize.chart .hd h3:before, .page-content .area-essay.card .hd h3:before, .group-list.page-list > .bg-drop-layout > .in > .hd h3:before, .group-list.page-list > .in > .hd h3:before, .group-list.page-block > .in > .hd h3:before, .group-list.active > .in > .hd h3:before, .area-customize.map > .in > .hd h3:before, .list-text.rss .hd h3:before, .list-pic.marquee02 .hd h3:before, .list-pic.marquee .hd h3:before, .list-text.message .hd h3:before, .list-text.slider .hd h3:before, .area-customize.news-card .hd h3:before, .area-essay.message .hd h3:before, .area-essay.list .hd h3:before, .area-customize.calendar .hd h3:before, .base-module-area .group-list.album > .in > .hd h3:before, .base-page-area .group-list.album > .in > .hd h3:before, .group-list.marquee > .in > .hd h3:before, .group-list.message > .bg-drop-layout > .in > .hd h3:before, .group-list.message > .in > .hd h3:before, .base-module-area .group-list.link > .bg-drop-layout > .in > .hd h3:before, .base-module-area .group-list.link > .in > .hd h3:before, .base-page-area .group-list.link > .bg-drop-layout > .in > .hd h3:before, .base-page-area .group-list.link > .in > .hd h3:before, .group-list.slider > .bg-drop-layout > .in > .hd h3:before, .group-list.slider > .in > .hd h3:before, .group-list.major-slider > .in > .hd h3:before, .simple-text.message .hd h3:before, .area-customize.video > .in .hd h3:before, .area-customize.video-list02 .hd h3:before, .area-customize.calendar-detail .hd h3:before, .area-customize.calendar-detail02 .hd h3:before, .area-customize.calendar-active .hd h3:before, .area-customize.message02 > .in .hd h3:before, .area-customize.pchouse-album .hd h3:before, .area-customize.pchouse-album03 .hd h3:before, .list-text.anchor .hd h3:before, .area-customize.icons-g2 .hd h3:before, .base-module-area .area-essay.link .hd h3:before, .base-page-area .area-essay.link .hd h3:before, .area-essay.message02 > .in .hd h3:before, .area-figure.album > .in .hd h3:before, .area-form.link > .in .hd h3:before, .list-pic.major-slider > .in .hd h3:before, .list-pic.link .hd h3:before, .simple-text.weather .hd h3:before, .area-form.search-hotkeyword .hd h3:before, .base-content .list-text.link .hd h3:before, .area-form.news-latter > .in .hd h3:before, .area-editor.default .hd h3:before, .simple-text.default .hd h3:before, .group-list.default > .bg-drop-layout > .in > .hd h3:before, .group-list.default > .in > .hd h3:before {
  content: "​";
  width: 12px;
  height: 12px;
  border-radius: 12px;
  background-color: #997950;
  display: block;
}
@media screen and (max-width: 768px) {
  .area-table.rwd-horizontal .hd h2, .area-table.rwd-straight .hd h2, .area-table.notitle01 .hd h2, .area-table.notitle02 .hd h2, .area-table.notitle03 .hd h2, .area-table.title01 .hd h2, .area-table.title02 .hd h2, .area-table.title03 .hd h2, .area-figure.page-figure .hd h2, .area-essay.page-caption-p .hd h2, .group-list.content > .in > .hd h2, .area-customize.chart .hd h2, .page-content .area-essay.card .hd h2, .group-list.page-list > .bg-drop-layout > .in > .hd h2, .group-list.page-list > .in > .hd h2, .group-list.page-block > .in > .hd h2, .group-list.active > .in > .hd h2, .area-customize.map > .in > .hd h2, .list-text.rss .hd h2, .list-pic.marquee02 .hd h2, .list-pic.marquee .hd h2, .list-text.message .hd h2, .list-text.slider .hd h2, .area-customize.news-card .hd h2, .area-essay.message .hd h2, .area-essay.list .hd h2, .area-customize.calendar .hd h2, .base-module-area .group-list.album > .in > .hd h2, .base-page-area .group-list.album > .in > .hd h2, .group-list.marquee > .in > .hd h2, .group-list.message > .bg-drop-layout > .in > .hd h2, .group-list.message > .in > .hd h2, .base-module-area .group-list.link > .bg-drop-layout > .in > .hd h2, .base-module-area .group-list.link > .in > .hd h2, .base-page-area .group-list.link > .bg-drop-layout > .in > .hd h2, .base-page-area .group-list.link > .in > .hd h2, .group-list.slider > .bg-drop-layout > .in > .hd h2, .group-list.slider > .in > .hd h2, .group-list.major-slider > .in > .hd h2, .simple-text.message .hd h2, .area-customize.video > .in .hd h2, .area-customize.video-list02 .hd h2, .area-customize.calendar-detail .hd h2, .area-customize.calendar-detail02 .hd h2, .area-customize.calendar-active .hd h2, .area-customize.message02 > .in .hd h2, .area-customize.pchouse-album .hd h2, .area-customize.pchouse-album03 .hd h2, .list-text.anchor .hd h2, .area-customize.icons-g2 .hd h2, .base-module-area .area-essay.link .hd h2, .base-page-area .area-essay.link .hd h2, .area-essay.message02 > .in .hd h2, .area-figure.album > .in .hd h2, .area-form.link > .in .hd h2, .list-pic.major-slider > .in .hd h2, .list-pic.link .hd h2, .simple-text.weather .hd h2, .area-form.search-hotkeyword .hd h2, .base-content .list-text.link .hd h2, .area-form.news-latter > .in .hd h2, .area-editor.default .hd h2, .simple-text.default .hd h2, .group-list.default > .bg-drop-layout > .in > .hd h2, .group-list.default > .in > .hd h2, .area-table.rwd-horizontal .hd h3, .area-table.rwd-straight .hd h3, .area-table.notitle01 .hd h3, .area-table.notitle02 .hd h3, .area-table.notitle03 .hd h3, .area-table.title01 .hd h3, .area-table.title02 .hd h3, .area-table.title03 .hd h3, .area-figure.page-figure .hd h3, .area-essay.page-caption-p .hd h3, .group-list.content > .in > .hd h3, .area-customize.chart .hd h3, .page-content .area-essay.card .hd h3, .group-list.page-list > .bg-drop-layout > .in > .hd h3, .group-list.page-list > .in > .hd h3, .group-list.page-block > .in > .hd h3, .group-list.active > .in > .hd h3, .area-customize.map > .in > .hd h3, .list-text.rss .hd h3, .list-pic.marquee02 .hd h3, .list-pic.marquee .hd h3, .list-text.message .hd h3, .list-text.slider .hd h3, .area-customize.news-card .hd h3, .area-essay.message .hd h3, .area-essay.list .hd h3, .area-customize.calendar .hd h3, .base-module-area .group-list.album > .in > .hd h3, .base-page-area .group-list.album > .in > .hd h3, .group-list.marquee > .in > .hd h3, .group-list.message > .bg-drop-layout > .in > .hd h3, .group-list.message > .in > .hd h3, .base-module-area .group-list.link > .bg-drop-layout > .in > .hd h3, .base-module-area .group-list.link > .in > .hd h3, .base-page-area .group-list.link > .bg-drop-layout > .in > .hd h3, .base-page-area .group-list.link > .in > .hd h3, .group-list.slider > .bg-drop-layout > .in > .hd h3, .group-list.slider > .in > .hd h3, .group-list.major-slider > .in > .hd h3, .simple-text.message .hd h3, .area-customize.video > .in .hd h3, .area-customize.video-list02 .hd h3, .area-customize.calendar-detail .hd h3, .area-customize.calendar-detail02 .hd h3, .area-customize.calendar-active .hd h3, .area-customize.message02 > .in .hd h3, .area-customize.pchouse-album .hd h3, .area-customize.pchouse-album03 .hd h3, .list-text.anchor .hd h3, .area-customize.icons-g2 .hd h3, .base-module-area .area-essay.link .hd h3, .base-page-area .area-essay.link .hd h3, .area-essay.message02 > .in .hd h3, .area-figure.album > .in .hd h3, .area-form.link > .in .hd h3, .list-pic.major-slider > .in .hd h3, .list-pic.link .hd h3, .simple-text.weather .hd h3, .area-form.search-hotkeyword .hd h3, .base-content .list-text.link .hd h3, .area-form.news-latter > .in .hd h3, .area-editor.default .hd h3, .simple-text.default .hd h3, .group-list.default > .bg-drop-layout > .in > .hd h3, .group-list.default > .in > .hd h3 {
    margin-top: 0;
  }
}
.list-text.file-download .hd, .list-pic.pic-download .hd, .group-list.file-download-multiple > .in > .hd, .group-list.relmap > .in > .hd, .list-text.hashtag .hd {
  margin: 8px 0 !important;
  padding: 8px 0;
  text-align: center;
  font-weight: bold;
  color: #2D2D2D;
  background-color: #f0f0f0;
}
.list-text.file-download .hd > .in, .list-pic.pic-download .hd > .in, .group-list.file-download-multiple > .in > .hd > .in, .group-list.relmap > .in > .hd > .in, .list-text.hashtag .hd > .in {
  position: relative;
}
.list-text.file-download .hd > .in > div, .list-pic.pic-download .hd > .in > div, .group-list.file-download-multiple > .in > .hd > .in > div, .group-list.relmap > .in > .hd > .in > div, .list-text.hashtag .hd > .in > div, .list-text.file-download .hd > .in h2, .list-pic.pic-download .hd > .in h2, .group-list.file-download-multiple > .in > .hd > .in h2, .group-list.relmap > .in > .hd > .in h2, .list-text.hashtag .hd > .in h2 {
  font-size: 1.4em;
}
.area-figure.page-figure .ct .figcaption, .area-essay.page-caption-p .ct .caption, .page-content .area-essay.card .ct .caption, .area-form.vote > .in .ct .caption, .area-essay.toggle .ct .caption, .area-customize.active-sign > .in .hd .active-detail ul .title, .area-essay.message .ct .caption, .area-essay.list .ct .caption, .area-customize.video > .in .ct .div .caption, .base-module-area .area-essay.link .ct .caption, .base-page-area .area-essay.link .ct .caption, .area-figure.album > .in .ct .figcaption, .list-pic.major-slider > .in .ct .caption {
  margin-bottom: 5px;
  font-size: 1.1em;
  font-weight: 700;
  color: #343434;
}
.area-figure.page-figure .ct .figcaption a, .area-essay.page-caption-p .ct .caption a, .page-content .area-essay.card .ct .caption a, .area-form.vote > .in .ct .caption a, .area-essay.toggle .ct .caption a, .area-customize.active-sign > .in .hd .active-detail ul .title a, .area-essay.message .ct .caption a, .area-essay.list .ct .caption a, .area-customize.video > .in .ct .div .caption a, .base-module-area .area-essay.link .ct .caption a, .base-page-area .area-essay.link .ct .caption a, .area-figure.album > .in .ct .figcaption a, .list-pic.major-slider > .in .ct .caption a {
  font-size: 1em;
}

.login-content .fieldset label, .page-content .area-essay.card .ct .label, .area-essay.message .ct .label, .area-customize.video-list02 .ct > .in .list .label, .base-module-area .area-essay.link .ct .label, .base-page-area .area-essay.link .ct .label {
  margin: 5px 0;
}
.area-figure.page-figure .ct .label ul li span .mark, .area-figure.page-figure .ct .label ul li span .unit, .page-content .area-essay.card .ct .mark, .group-list.calendar-search-result .ct > .in ul li a .mark, .list-text.hashtag .ct .mark, .list-text.rss .ct .mark, .list-text.message .ct .mark, .list-text.slider .ct .mark, .area-customize.news-card .ct .mark, .area-essay.message .ct .mark, .area-customize.calendar .ct .mark, .area-customize.calendar .ct .category, .area-customize.video > .in .ct .div .mark, .area-customize.video-list02.cus-video-list > .in > .ct > .in .video-block .video-essay .div .essay .label .mark, .area-customize.calendar-detail .ct .table .mark, .area-customize.calendar-detail .ct .event-list ul li a .mark, .area-customize.calendar-active .ct .week > ul .event-list .mark, .base-module-area .area-essay.link .ct .mark, .base-page-area .area-essay.link .ct .mark, .area-essay.message02 > .in .ct .mark, .area-figure.album > .in .ct .label li + li span .unit, .area-figure.album > .in .ct .mark, .base-content .list-text.link .ct .mark, .simple-text.default .ct .mark, .list-pic.pic-download .ct .mark, .list-pic.marquee02 .ct .mark, .list-pic.marquee .ct .mark, .list-pic.major-slider > .in .ct .mark, .list-pic.link .ct .mark {
  display: inline-block;
  border-radius: 50px;
  padding: 5px 8px;
  background-color: #997950;
  color: #ffffff;
  margin-right: 8px;
}
@media screen and (max-width: 768px) {
  .area-figure.page-figure .ct .label ul li span .mark, .area-figure.page-figure .ct .label ul li span .unit, .page-content .area-essay.card .ct .mark, .group-list.calendar-search-result .ct > .in ul li a .mark, .list-text.hashtag .ct .mark, .list-text.rss .ct .mark, .list-text.message .ct .mark, .list-text.slider .ct .mark, .area-customize.news-card .ct .mark, .area-essay.message .ct .mark, .area-customize.calendar .ct .mark, .area-customize.calendar .ct .category, .area-customize.video > .in .ct .div .mark, .area-customize.video-list02.cus-video-list > .in > .ct > .in .video-block .video-essay .div .essay .label .mark, .area-customize.calendar-detail .ct .table .mark, .area-customize.calendar-detail .ct .event-list ul li a .mark, .area-customize.calendar-active .ct .week > ul .event-list .mark, .base-module-area .area-essay.link .ct .mark, .base-page-area .area-essay.link .ct .mark, .area-essay.message02 > .in .ct .mark, .area-figure.album > .in .ct .label li + li span .unit, .area-figure.album > .in .ct .mark, .base-content .list-text.link .ct .mark, .simple-text.default .ct .mark, .list-pic.pic-download .ct .mark, .list-pic.marquee02 .ct .mark, .list-pic.marquee .ct .mark, .list-pic.major-slider > .in .ct .mark, .list-pic.link .ct .mark {
    position: relative;
  }
}

.list-pic.pic-download .ct .mark, .list-pic.marquee02 .ct .mark, .list-pic.marquee .ct .mark, .list-pic.major-slider > .in .ct .mark, .list-pic.link .ct .mark {
  position: absolute;
  bottom: 8px;
  left: 8px;
  z-index: 1;
}

.list-text.message .ct .category ul li, .area-customize.message02 > .in .ct .category {
  display: inline-block;
  padding: 5px;
  color: #ffffff;
  background-color: #997950;
  border-radius: 5px;
  line-height: 1;
}

.list-pic.pic-download .ct .mark, .list-pic.marquee02 .ct .mark, .list-pic.marquee .ct .mark, .list-pic.major-slider > .in .ct .mark, .list-pic.link .ct .mark {
  position: absolute;
  bottom: 8px;
  left: 8px;
  z-index: 1;
}

.area-essay.message .ct .p, .base-page-area .area-essay.link .ct .p {
  margin: 5px 0;
}
.area-essay.message .ct .p p, .base-page-area .area-essay.link .ct .p p {
  line-height: 1.7;
}
.group-list.marquee > .in > .ft li.next, .group-list.major-slider > .in > .ft li.next, .group-list.marquee > .in > .ft li.prev, .group-list.major-slider > .in > .ft li.prev {
  display: none;
}
[data-js=false] .group-list.marquee > .in > .ft li.next, .group-list.marquee > .in > .ft [data-js=false] li.next, [data-js=false] .group-list.major-slider > .in > .ft li.next, .group-list.major-slider > .in > .ft [data-js=false] li.next, [data-js=false] .group-list.marquee > .in > .ft li.prev, .group-list.marquee > .in > .ft [data-js=false] li.prev, [data-js=false] .group-list.major-slider > .in > .ft li.prev, .group-list.major-slider > .in > .ft [data-js=false] li.prev {
  display: none;
}
.group-list.marquee > .in > .ft li.next a, .group-list.major-slider > .in > .ft li.next a, .group-list.marquee > .in > .ft li.prev a, .group-list.major-slider > .in > .ft li.prev a {
  position: absolute;
  top: 50%;
  display: block;
  padding: 0;
  width: 40px;
  height: 40px;
  transition: 150ms;
  margin-top: calc(-40px / 2);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: calc(40px / 2);
  top: 8px !important;
  border-radius: 0;
}
.group-list.marquee > .in > .ft li.next a, .group-list.major-slider > .in > .ft li.next a {
  right: 15px;
  background-image: url("../images/icon-pic/icon_arrow-right-w.svg");
  border-left: 1px solid #CECECE !important;
}
.group-list.marquee > .in > .ft li.prev a, .group-list.major-slider > .in > .ft li.prev a {
  right: 55px;
  background-image: url("../images/icon-pic/icon_arrow-left-w.svg");
}

.area-form.news-latter > .in .ct .btn-list ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 8px;
}
.area-form.news-latter > .in .ct .btn-list ul.is-right {
  justify-content: flex-end;
}
.area-form.news-latter > .in .ct .btn-list ul.is-left {
  justify-content: flex-start;
}

.login-content .fieldset input[type=submit], .login-content .fieldset input[type=reset], .login-content .fieldset input[type=button], .login-content .btnList .btn, .base-extend .group.aceb-tools > .in > .ct > .in > div.resetbtn .ct a, .base-mobile .group.aceb-tools > .in > .ct > .in > div.resetbtn .ct a, .base-extend .group.aceb-tools > .in > .ct > .in > div > .in:has(ul > li) ul li, .base-mobile .group.aceb-tools > .in > .ct > .in > div > .in:has(ul > li) ul li, .list-text.jump-tool.NextPreNews > .in .ct a, .area-customize.active-sign > .in .ft .btn-list .btn, .area-customize.map > .in > .ft ul li.more a, .area-customize.calendar .ct .label a, .group-list.major-slider > .in > .ft li.more a, .area-form.link > .in .ct [type=button], [data-js=false] .base-header .area-form.search .ft a, .area-form.news-latter > .in .ct .btn-list ul input, .area-forum .ct .btn-list .btn, .sys-root a.btn, .sys-root input[type=submit], .sys-root input[type=reset], .sys-root input[type=button], .sys-root button, .area-form.vote > .in .ct .fieldset input[type=submit], .list-text.jump-tool .ct a, .page-content .area-essay.card .ct .btn-list .btn, .page-content .area-essay.card .ct .btn-list .btn.is-disable, .area-customize.alert .btn-list .btn, .list-pic.marquee .ft li.more a, .area-customize.calendar-detail .ct .label a, .area-customize.calendar-active .ct > .in .label a, .area-table.rwd-horizontal .ft a, .area-table.rwd-straight .ft a, .area-table.notitle01 .ft a, .area-table.notitle02 .ft a, .area-table.notitle03 .ft a, .area-table.title01 .ft a, .area-table.title02 .ft a, .area-table.title03 .ft a, .group-list.sitemap > .in > .ft a, .area-form.page-form .ft a, .area-figure.page-figure .ft a, .area-essay.page-caption-p .ft a, .area-customize.chart .ft a, .page-content .area-essay.card .ft a, .group-list.page-list > .bg-drop-layout > .in > .ft a, .group-list.page-list > .in > .ft a, .group-list.page-block > .in > .ft a, .group-list.calendar-search-result .ft a, .group-list.active > .in > .ft a, .list-text.hashtag .ft a, .list-text.rss .ft a, .list-pic.marquee02 .ft a, .list-text.message .ft a, .list-text.slider .ft a, .area-customize.news-card .ft a, .area-essay.message .ft a, .area-customize.calendar .ft a, .base-module-area .group-list.album > .in > .ft a, .base-page-area .group-list.album > .in > .ft a, .group-list.marquee > .in > .ft a, .group-list.message > .bg-drop-layout > .in > .ft a, .group-list.message > .in > .ft a, .base-module-area .group-list.link > .bg-drop-layout > .in > .ft a, .base-module-area .group-list.link > .in > .ft a, .base-page-area .group-list.link > .bg-drop-layout > .in > .ft a, .base-page-area .group-list.link > .in > .ft a, .group-list.slider > .bg-drop-layout > .in > .ft a, .group-list.slider > .in > .ft a, .area-customize.video > .in .ft a, .area-customize.video-list02 .ft a, .area-customize.calendar-detail .ft a, .area-customize.calendar-detail02 .ft a, .area-customize.calendar-active .ft a, .area-customize.message02 > .in .ft a, .area-customize.pchouse-album .ft a, .area-customize.pchouse-album03 .ft a, .area-customize.icons-g2 .ft a, .base-module-area .area-essay.link .ft a, .base-page-area .area-essay.link .ft a, .area-figure.album > .in .ft a, .area-form.link > .in .ft a, .list-pic.major-slider > .in .ft a, .area-form.page-search .ft a, .base-content .list-text.link .ft a, .area-editor.default .ft a, .group-list.default > .bg-drop-layout > .in > .ft a, .group-list.default > .in > .ft a {
  display: inline-block;
  padding: 8px;
  border: 1px solid #CECECE;
  box-sizing: border-box;
  line-height: 1;
  text-align: center;
  vertical-align: middle;
  color: #343434;
  cursor: pointer;
  font-size: 0.9em;
  text-decoration: none;
  background-color: #ffffff;
}
.login-content .fieldset input[type=submit]:link, .login-content .fieldset input[type=reset]:link, .login-content .fieldset input[type=button]:link, .login-content .btnList .btn:link, .base-extend .group.aceb-tools > .in > .ct > .in > div.resetbtn .ct a:link, .base-mobile .group.aceb-tools > .in > .ct > .in > div.resetbtn .ct a:link, .base-extend .group.aceb-tools > .in > .ct > .in > div > .in:has(ul > li) ul li:link, .base-mobile .group.aceb-tools > .in > .ct > .in > div > .in:has(ul > li) ul li:link, .list-text.jump-tool.NextPreNews > .in .ct a:link, .area-customize.active-sign > .in .ft .btn-list .btn:link, .area-customize.map > .in > .ft ul li.more a:link, .area-customize.calendar .ct .label a:link, .group-list.major-slider > .in > .ft li.more a:link, .area-form.link > .in .ct [type=button]:link, [data-js=false] .base-header .area-form.search .ft a:link, .area-form.news-latter > .in .ct .btn-list ul input:link, .area-forum .ct .btn-list .btn:link, .sys-root a.btn:link, .sys-root input[type=submit]:link, .sys-root input[type=reset]:link, .sys-root input[type=button]:link, .sys-root button:link, .area-form.vote > .in .ct .fieldset input[type=submit]:link, .list-text.jump-tool .ct a:link, .page-content .area-essay.card .ct .btn-list .btn:link, .area-customize.alert .btn-list .btn:link, .list-pic.marquee .ft li.more a:link, .area-customize.calendar-detail .ct .label a:link, .area-customize.calendar-active .ct > .in .label a:link, .area-table.rwd-horizontal .ft a:link, .area-table.rwd-straight .ft a:link, .area-table.notitle01 .ft a:link, .area-table.notitle02 .ft a:link, .area-table.notitle03 .ft a:link, .area-table.title01 .ft a:link, .area-table.title02 .ft a:link, .area-table.title03 .ft a:link, .group-list.sitemap > .in > .ft a:link, .area-form.page-form .ft a:link, .area-figure.page-figure .ft a:link, .area-essay.page-caption-p .ft a:link, .area-customize.chart .ft a:link, .page-content .area-essay.card .ft a:link, .group-list.page-list > .bg-drop-layout > .in > .ft a:link, .group-list.page-list > .in > .ft a:link, .group-list.page-block > .in > .ft a:link, .group-list.calendar-search-result .ft a:link, .group-list.active > .in > .ft a:link, .list-text.hashtag .ft a:link, .list-text.rss .ft a:link, .list-pic.marquee02 .ft a:link, .list-text.message .ft a:link, .list-text.slider .ft a:link, .area-customize.news-card .ft a:link, .area-essay.message .ft a:link, .area-customize.calendar .ft a:link, .base-module-area .group-list.album > .in > .ft a:link, .base-page-area .group-list.album > .in > .ft a:link, .group-list.marquee > .in > .ft a:link, .group-list.message > .bg-drop-layout > .in > .ft a:link, .group-list.message > .in > .ft a:link, .base-module-area .group-list.link > .bg-drop-layout > .in > .ft a:link, .base-module-area .group-list.link > .in > .ft a:link, .base-page-area .group-list.link > .bg-drop-layout > .in > .ft a:link, .base-page-area .group-list.link > .in > .ft a:link, .group-list.slider > .bg-drop-layout > .in > .ft a:link, .group-list.slider > .in > .ft a:link, .area-customize.video > .in .ft a:link, .area-customize.video-list02 .ft a:link, .area-customize.calendar-detail .ft a:link, .area-customize.calendar-detail02 .ft a:link, .area-customize.calendar-active .ft a:link, .area-customize.message02 > .in .ft a:link, .area-customize.pchouse-album .ft a:link, .area-customize.pchouse-album03 .ft a:link, .area-customize.icons-g2 .ft a:link, .base-module-area .area-essay.link .ft a:link, .base-page-area .area-essay.link .ft a:link, .area-figure.album > .in .ft a:link, .area-form.link > .in .ft a:link, .list-pic.major-slider > .in .ft a:link, .area-form.page-search .ft a:link, .base-content .list-text.link .ft a:link, .area-editor.default .ft a:link, .group-list.default > .bg-drop-layout > .in > .ft a:link, .group-list.default > .in > .ft a:link {
  color: #343434;
}
.login-content .fieldset input[type=submit]:visited, .login-content .fieldset input[type=reset]:visited, .login-content .fieldset input[type=button]:visited, .login-content .btnList .btn:visited, .base-extend .group.aceb-tools > .in > .ct > .in > div.resetbtn .ct a:visited, .base-mobile .group.aceb-tools > .in > .ct > .in > div.resetbtn .ct a:visited, .base-extend .group.aceb-tools > .in > .ct > .in > div > .in:has(ul > li) ul li:visited, .base-mobile .group.aceb-tools > .in > .ct > .in > div > .in:has(ul > li) ul li:visited, .list-text.jump-tool.NextPreNews > .in .ct a:visited, .area-customize.active-sign > .in .ft .btn-list .btn:visited, .area-customize.map > .in > .ft ul li.more a:visited, .area-customize.calendar .ct .label a:visited, .group-list.major-slider > .in > .ft li.more a:visited, .area-form.link > .in .ct [type=button]:visited, [data-js=false] .base-header .area-form.search .ft a:visited, .area-form.news-latter > .in .ct .btn-list ul input:visited, .area-forum .ct .btn-list .btn:visited, .sys-root a.btn:visited, .sys-root input[type=submit]:visited, .sys-root input[type=reset]:visited, .sys-root input[type=button]:visited, .sys-root button:visited, .area-form.vote > .in .ct .fieldset input[type=submit]:visited, .list-text.jump-tool .ct a:visited, .page-content .area-essay.card .ct .btn-list .btn:visited, .area-customize.alert .btn-list .btn:visited, .list-pic.marquee .ft li.more a:visited, .area-customize.calendar-detail .ct .label a:visited, .area-customize.calendar-active .ct > .in .label a:visited, .area-table.rwd-horizontal .ft a:visited, .area-table.rwd-straight .ft a:visited, .area-table.notitle01 .ft a:visited, .area-table.notitle02 .ft a:visited, .area-table.notitle03 .ft a:visited, .area-table.title01 .ft a:visited, .area-table.title02 .ft a:visited, .area-table.title03 .ft a:visited, .group-list.sitemap > .in > .ft a:visited, .area-form.page-form .ft a:visited, .area-figure.page-figure .ft a:visited, .area-essay.page-caption-p .ft a:visited, .area-customize.chart .ft a:visited, .page-content .area-essay.card .ft a:visited, .group-list.page-list > .bg-drop-layout > .in > .ft a:visited, .group-list.page-list > .in > .ft a:visited, .group-list.page-block > .in > .ft a:visited, .group-list.calendar-search-result .ft a:visited, .group-list.active > .in > .ft a:visited, .list-text.hashtag .ft a:visited, .list-text.rss .ft a:visited, .list-pic.marquee02 .ft a:visited, .list-text.message .ft a:visited, .list-text.slider .ft a:visited, .area-customize.news-card .ft a:visited, .area-essay.message .ft a:visited, .area-customize.calendar .ft a:visited, .base-module-area .group-list.album > .in > .ft a:visited, .base-page-area .group-list.album > .in > .ft a:visited, .group-list.marquee > .in > .ft a:visited, .group-list.message > .bg-drop-layout > .in > .ft a:visited, .group-list.message > .in > .ft a:visited, .base-module-area .group-list.link > .bg-drop-layout > .in > .ft a:visited, .base-module-area .group-list.link > .in > .ft a:visited, .base-page-area .group-list.link > .bg-drop-layout > .in > .ft a:visited, .base-page-area .group-list.link > .in > .ft a:visited, .group-list.slider > .bg-drop-layout > .in > .ft a:visited, .group-list.slider > .in > .ft a:visited, .area-customize.video > .in .ft a:visited, .area-customize.video-list02 .ft a:visited, .area-customize.calendar-detail .ft a:visited, .area-customize.calendar-detail02 .ft a:visited, .area-customize.calendar-active .ft a:visited, .area-customize.message02 > .in .ft a:visited, .area-customize.pchouse-album .ft a:visited, .area-customize.pchouse-album03 .ft a:visited, .area-customize.icons-g2 .ft a:visited, .base-module-area .area-essay.link .ft a:visited, .base-page-area .area-essay.link .ft a:visited, .area-figure.album > .in .ft a:visited, .area-form.link > .in .ft a:visited, .list-pic.major-slider > .in .ft a:visited, .area-form.page-search .ft a:visited, .base-content .list-text.link .ft a:visited, .area-editor.default .ft a:visited, .group-list.default > .bg-drop-layout > .in > .ft a:visited, .group-list.default > .in > .ft a:visited {
  color: #343434;
}
.login-content .fieldset input[type=submit]:hover, .login-content .fieldset input[type=reset]:hover, .login-content .fieldset input[type=button]:hover, .login-content .btnList .btn:hover, .base-extend .group.aceb-tools > .in > .ct > .in > div.resetbtn .ct a:hover, .base-mobile .group.aceb-tools > .in > .ct > .in > div.resetbtn .ct a:hover, .base-extend .group.aceb-tools > .in > .ct > .in > div > .in:has(ul > li) ul li:hover, .base-mobile .group.aceb-tools > .in > .ct > .in > div > .in:has(ul > li) ul li:hover, .list-text.jump-tool.NextPreNews > .in .ct a:hover, .area-customize.active-sign > .in .ft .btn-list .btn:hover, .area-customize.map > .in > .ft ul li.more a:hover, .area-customize.calendar .ct .label a:hover, .group-list.major-slider > .in > .ft li.more a:hover, .area-form.link > .in .ct [type=button]:hover, [data-js=false] .base-header .area-form.search .ft a:hover, .area-form.news-latter > .in .ct .btn-list ul input:hover, .area-forum .ct .btn-list .btn:hover, .sys-root a.btn:hover, .sys-root input[type=submit]:hover, .sys-root input[type=reset]:hover, .sys-root input[type=button]:hover, .sys-root button:hover, .area-form.vote > .in .ct .fieldset input[type=submit]:hover, .list-text.jump-tool .ct a:hover, .page-content .area-essay.card .ct .btn-list .btn:hover, .area-customize.alert .btn-list .btn:hover, .list-pic.marquee .ft li.more a:hover, .area-customize.calendar-detail .ct .label a:hover, .area-customize.calendar-active .ct > .in .label a:hover, .area-table.rwd-horizontal .ft a:hover, .area-table.rwd-straight .ft a:hover, .area-table.notitle01 .ft a:hover, .area-table.notitle02 .ft a:hover, .area-table.notitle03 .ft a:hover, .area-table.title01 .ft a:hover, .area-table.title02 .ft a:hover, .area-table.title03 .ft a:hover, .group-list.sitemap > .in > .ft a:hover, .area-form.page-form .ft a:hover, .area-figure.page-figure .ft a:hover, .area-essay.page-caption-p .ft a:hover, .area-customize.chart .ft a:hover, .page-content .area-essay.card .ft a:hover, .group-list.page-list > .bg-drop-layout > .in > .ft a:hover, .group-list.page-list > .in > .ft a:hover, .group-list.page-block > .in > .ft a:hover, .group-list.calendar-search-result .ft a:hover, .group-list.active > .in > .ft a:hover, .list-text.hashtag .ft a:hover, .list-text.rss .ft a:hover, .list-pic.marquee02 .ft a:hover, .list-text.message .ft a:hover, .list-text.slider .ft a:hover, .area-customize.news-card .ft a:hover, .area-essay.message .ft a:hover, .area-customize.calendar .ft a:hover, .base-module-area .group-list.album > .in > .ft a:hover, .base-page-area .group-list.album > .in > .ft a:hover, .group-list.marquee > .in > .ft a:hover, .group-list.message > .bg-drop-layout > .in > .ft a:hover, .group-list.message > .in > .ft a:hover, .base-module-area .group-list.link > .bg-drop-layout > .in > .ft a:hover, .base-module-area .group-list.link > .in > .ft a:hover, .base-page-area .group-list.link > .bg-drop-layout > .in > .ft a:hover, .base-page-area .group-list.link > .in > .ft a:hover, .group-list.slider > .bg-drop-layout > .in > .ft a:hover, .group-list.slider > .in > .ft a:hover, .area-customize.video > .in .ft a:hover, .area-customize.video-list02 .ft a:hover, .area-customize.calendar-detail .ft a:hover, .area-customize.calendar-detail02 .ft a:hover, .area-customize.calendar-active .ft a:hover, .area-customize.message02 > .in .ft a:hover, .area-customize.pchouse-album .ft a:hover, .area-customize.pchouse-album03 .ft a:hover, .area-customize.icons-g2 .ft a:hover, .base-module-area .area-essay.link .ft a:hover, .base-page-area .area-essay.link .ft a:hover, .area-figure.album > .in .ft a:hover, .area-form.link > .in .ft a:hover, .list-pic.major-slider > .in .ft a:hover, .area-form.page-search .ft a:hover, .base-content .list-text.link .ft a:hover, .area-editor.default .ft a:hover, .group-list.default > .bg-drop-layout > .in > .ft a:hover, .group-list.default > .in > .ft a:hover {
  background-color: #f0f0f0;
}
.login-content .fieldset input[type=submit]:active, .login-content .fieldset input[type=reset]:active, .login-content .fieldset input[type=button]:active, .login-content .btnList .btn:active, .base-extend .group.aceb-tools > .in > .ct > .in > div.resetbtn .ct a:active, .base-mobile .group.aceb-tools > .in > .ct > .in > div.resetbtn .ct a:active, .base-extend .group.aceb-tools > .in > .ct > .in > div > .in:has(ul > li) ul li:active, .base-mobile .group.aceb-tools > .in > .ct > .in > div > .in:has(ul > li) ul li:active, .list-text.jump-tool.NextPreNews > .in .ct a:active, .area-customize.active-sign > .in .ft .btn-list .btn:active, .area-customize.map > .in > .ft ul li.more a:active, .area-customize.calendar .ct .label a:active, .group-list.major-slider > .in > .ft li.more a:active, .area-form.link > .in .ct [type=button]:active, [data-js=false] .base-header .area-form.search .ft a:active, .area-form.news-latter > .in .ct .btn-list ul input:active, .area-forum .ct .btn-list .btn:active, .sys-root a.btn:active, .sys-root input[type=submit]:active, .sys-root input[type=reset]:active, .sys-root input[type=button]:active, .sys-root button:active, .area-form.vote > .in .ct .fieldset input[type=submit]:active, .list-text.jump-tool .ct a:active, .page-content .area-essay.card .ct .btn-list .btn:active, .area-customize.alert .btn-list .btn:active, .list-pic.marquee .ft li.more a:active, .area-customize.calendar-detail .ct .label a:active, .area-customize.calendar-active .ct > .in .label a:active, .area-table.rwd-horizontal .ft a:active, .area-table.rwd-straight .ft a:active, .area-table.notitle01 .ft a:active, .area-table.notitle02 .ft a:active, .area-table.notitle03 .ft a:active, .area-table.title01 .ft a:active, .area-table.title02 .ft a:active, .area-table.title03 .ft a:active, .group-list.sitemap > .in > .ft a:active, .area-form.page-form .ft a:active, .area-figure.page-figure .ft a:active, .area-essay.page-caption-p .ft a:active, .area-customize.chart .ft a:active, .page-content .area-essay.card .ft a:active, .group-list.page-list > .bg-drop-layout > .in > .ft a:active, .group-list.page-list > .in > .ft a:active, .group-list.page-block > .in > .ft a:active, .group-list.calendar-search-result .ft a:active, .group-list.active > .in > .ft a:active, .list-text.hashtag .ft a:active, .list-text.rss .ft a:active, .list-pic.marquee02 .ft a:active, .list-text.message .ft a:active, .list-text.slider .ft a:active, .area-customize.news-card .ft a:active, .area-essay.message .ft a:active, .area-customize.calendar .ft a:active, .base-module-area .group-list.album > .in > .ft a:active, .base-page-area .group-list.album > .in > .ft a:active, .group-list.marquee > .in > .ft a:active, .group-list.message > .bg-drop-layout > .in > .ft a:active, .group-list.message > .in > .ft a:active, .base-module-area .group-list.link > .bg-drop-layout > .in > .ft a:active, .base-module-area .group-list.link > .in > .ft a:active, .base-page-area .group-list.link > .bg-drop-layout > .in > .ft a:active, .base-page-area .group-list.link > .in > .ft a:active, .group-list.slider > .bg-drop-layout > .in > .ft a:active, .group-list.slider > .in > .ft a:active, .area-customize.video > .in .ft a:active, .area-customize.video-list02 .ft a:active, .area-customize.calendar-detail .ft a:active, .area-customize.calendar-detail02 .ft a:active, .area-customize.calendar-active .ft a:active, .area-customize.message02 > .in .ft a:active, .area-customize.pchouse-album .ft a:active, .area-customize.pchouse-album03 .ft a:active, .area-customize.icons-g2 .ft a:active, .base-module-area .area-essay.link .ft a:active, .base-page-area .area-essay.link .ft a:active, .area-figure.album > .in .ft a:active, .area-form.link > .in .ft a:active, .list-pic.major-slider > .in .ft a:active, .area-form.page-search .ft a:active, .base-content .list-text.link .ft a:active, .area-editor.default .ft a:active, .group-list.default > .bg-drop-layout > .in > .ft a:active, .group-list.default > .in > .ft a:active {
  color: #343434;
}

.page-content .area-essay.card .ct .btn-list .btn.is-disable, .area-form.vote > .in .ct .fieldset input[type=reset], .list-text.jump-tool .ct li.to-top a, .area-customize.status .ct > .in .btn-list .btn.is-default, .area-form.search-hotkeyword .ct .fieldset span.advanced a, [data-js=false] .area-form.search-hotkeyword .ct .fieldset span.advanced a {
  background-color: #f0f0f0 !important;
  border-color: #CECECE !important;
  color: #646464 !important;
}

.list-pic.marquee .ft li.more a, .area-customize.calendar-detail .ct .label a, .area-customize.calendar-active .ct > .in .label a, .area-table.rwd-horizontal .ft a, .area-table.rwd-straight .ft a, .area-table.notitle01 .ft a, .area-table.notitle02 .ft a, .area-table.notitle03 .ft a, .area-table.title01 .ft a, .area-table.title02 .ft a, .area-table.title03 .ft a, .group-list.sitemap > .in > .ft a, .area-form.page-form .ft a, .area-figure.page-figure .ft a, .area-essay.page-caption-p .ft a, .area-customize.chart .ft a, .page-content .area-essay.card .ft a, .group-list.page-list > .bg-drop-layout > .in > .ft a, .group-list.page-list > .in > .ft a, .group-list.page-block > .in > .ft a, .group-list.calendar-search-result .ft a, .group-list.active > .in > .ft a, .list-text.hashtag .ft a, .list-text.rss .ft a, .list-pic.marquee02 .ft a, .list-text.message .ft a, .list-text.slider .ft a, .area-customize.news-card .ft a, .area-essay.message .ft a, .area-customize.calendar .ft a, .base-module-area .group-list.album > .in > .ft a, .base-page-area .group-list.album > .in > .ft a, .group-list.marquee > .in > .ft a, .group-list.message > .bg-drop-layout > .in > .ft a, .group-list.message > .in > .ft a, .base-module-area .group-list.link > .bg-drop-layout > .in > .ft a, .base-module-area .group-list.link > .in > .ft a, .base-page-area .group-list.link > .bg-drop-layout > .in > .ft a, .base-page-area .group-list.link > .in > .ft a, .group-list.slider > .bg-drop-layout > .in > .ft a, .group-list.slider > .in > .ft a, .area-customize.video > .in .ft a, .area-customize.video-list02 .ft a, .area-customize.calendar-detail .ft a, .area-customize.calendar-detail02 .ft a, .area-customize.calendar-active .ft a, .area-customize.message02 > .in .ft a, .area-customize.pchouse-album .ft a, .area-customize.pchouse-album03 .ft a, .area-customize.icons-g2 .ft a, .base-module-area .area-essay.link .ft a, .base-page-area .area-essay.link .ft a, .area-figure.album > .in .ft a, .area-form.link > .in .ft a, .list-pic.major-slider > .in .ft a, .area-form.page-search .ft a, .base-content .list-text.link .ft a, .area-editor.default .ft a, .group-list.default > .bg-drop-layout > .in > .ft a, .group-list.default > .in > .ft a {
  padding: 5px 8px;
  font-size: 0.8em;
  background-color: #ffffff;
  border-radius: 30px;
  color: #343434 !important;
  display: flex;
  align-items: center;
  gap: 5px;
  margin: 15px 0;
}
.list-pic.marquee .ft li.more a:before, .area-customize.calendar-detail .ct .label a:before, .area-customize.calendar-active .ct > .in .label a:before, .area-table.rwd-horizontal .ft a:before, .area-table.rwd-straight .ft a:before, .area-table.notitle01 .ft a:before, .area-table.notitle02 .ft a:before, .area-table.notitle03 .ft a:before, .area-table.title01 .ft a:before, .area-table.title02 .ft a:before, .area-table.title03 .ft a:before, .group-list.sitemap > .in > .ft a:before, .area-form.page-form .ft a:before, .area-figure.page-figure .ft a:before, .area-essay.page-caption-p .ft a:before, .area-customize.chart .ft a:before, .page-content .area-essay.card .ft a:before, .group-list.page-list > .bg-drop-layout > .in > .ft a:before, .group-list.page-list > .in > .ft a:before, .group-list.page-block > .in > .ft a:before, .group-list.calendar-search-result .ft a:before, .group-list.active > .in > .ft a:before, .list-text.hashtag .ft a:before, .list-text.rss .ft a:before, .list-pic.marquee02 .ft a:before, .list-text.message .ft a:before, .list-text.slider .ft a:before, .area-customize.news-card .ft a:before, .area-essay.message .ft a:before, .area-customize.calendar .ft a:before, .base-module-area .group-list.album > .in > .ft a:before, .base-page-area .group-list.album > .in > .ft a:before, .group-list.marquee > .in > .ft a:before, .group-list.message > .bg-drop-layout > .in > .ft a:before, .group-list.message > .in > .ft a:before, .base-module-area .group-list.link > .bg-drop-layout > .in > .ft a:before, .base-module-area .group-list.link > .in > .ft a:before, .base-page-area .group-list.link > .bg-drop-layout > .in > .ft a:before, .base-page-area .group-list.link > .in > .ft a:before, .group-list.slider > .bg-drop-layout > .in > .ft a:before, .group-list.slider > .in > .ft a:before, .area-customize.video > .in .ft a:before, .area-customize.video-list02 .ft a:before, .area-customize.calendar-detail .ft a:before, .area-customize.calendar-detail02 .ft a:before, .area-customize.calendar-active .ft a:before, .area-customize.message02 > .in .ft a:before, .area-customize.pchouse-album .ft a:before, .area-customize.pchouse-album03 .ft a:before, .area-customize.icons-g2 .ft a:before, .base-module-area .area-essay.link .ft a:before, .base-page-area .area-essay.link .ft a:before, .area-figure.album > .in .ft a:before, .area-form.link > .in .ft a:before, .list-pic.major-slider > .in .ft a:before, .area-form.page-search .ft a:before, .base-content .list-text.link .ft a:before, .area-editor.default .ft a:before, .group-list.default > .bg-drop-layout > .in > .ft a:before, .group-list.default > .in > .ft a:before {
  content: "​";
  width: 10px;
  height: 10px;
  border-radius: 10px;
  border: 2px solid #997950;
}
.list-pic.marquee .ft li.more a:hover, .area-customize.calendar-detail .ct .label a:hover, .area-customize.calendar-active .ct > .in .label a:hover, .area-table.rwd-horizontal .ft a:hover, .area-table.rwd-straight .ft a:hover, .area-table.notitle01 .ft a:hover, .area-table.notitle02 .ft a:hover, .area-table.notitle03 .ft a:hover, .area-table.title01 .ft a:hover, .area-table.title02 .ft a:hover, .area-table.title03 .ft a:hover, .group-list.sitemap > .in > .ft a:hover, .area-form.page-form .ft a:hover, .area-figure.page-figure .ft a:hover, .area-essay.page-caption-p .ft a:hover, .area-customize.chart .ft a:hover, .page-content .area-essay.card .ft a:hover, .group-list.page-list > .bg-drop-layout > .in > .ft a:hover, .group-list.page-list > .in > .ft a:hover, .group-list.page-block > .in > .ft a:hover, .group-list.calendar-search-result .ft a:hover, .group-list.active > .in > .ft a:hover, .list-text.hashtag .ft a:hover, .list-text.rss .ft a:hover, .list-pic.marquee02 .ft a:hover, .list-text.message .ft a:hover, .list-text.slider .ft a:hover, .area-customize.news-card .ft a:hover, .area-essay.message .ft a:hover, .area-customize.calendar .ft a:hover, .base-module-area .group-list.album > .in > .ft a:hover, .base-page-area .group-list.album > .in > .ft a:hover, .group-list.marquee > .in > .ft a:hover, .group-list.message > .bg-drop-layout > .in > .ft a:hover, .group-list.message > .in > .ft a:hover, .base-module-area .group-list.link > .bg-drop-layout > .in > .ft a:hover, .base-module-area .group-list.link > .in > .ft a:hover, .base-page-area .group-list.link > .bg-drop-layout > .in > .ft a:hover, .base-page-area .group-list.link > .in > .ft a:hover, .group-list.slider > .bg-drop-layout > .in > .ft a:hover, .group-list.slider > .in > .ft a:hover, .area-customize.video > .in .ft a:hover, .area-customize.video-list02 .ft a:hover, .area-customize.calendar-detail .ft a:hover, .area-customize.calendar-detail02 .ft a:hover, .area-customize.calendar-active .ft a:hover, .area-customize.message02 > .in .ft a:hover, .area-customize.pchouse-album .ft a:hover, .area-customize.pchouse-album03 .ft a:hover, .area-customize.icons-g2 .ft a:hover, .base-module-area .area-essay.link .ft a:hover, .base-page-area .area-essay.link .ft a:hover, .area-figure.album > .in .ft a:hover, .area-form.link > .in .ft a:hover, .list-pic.major-slider > .in .ft a:hover, .area-form.page-search .ft a:hover, .base-content .list-text.link .ft a:hover, .area-editor.default .ft a:hover, .group-list.default > .bg-drop-layout > .in > .ft a:hover, .group-list.default > .in > .ft a:hover {
  background-color: #ffffff;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .list-pic.marquee .ft li.more a, .area-customize.calendar-detail .ct .label a, .area-customize.calendar-active .ct > .in .label a, .area-table.rwd-horizontal .ft a, .area-table.rwd-straight .ft a, .area-table.notitle01 .ft a, .area-table.notitle02 .ft a, .area-table.notitle03 .ft a, .area-table.title01 .ft a, .area-table.title02 .ft a, .area-table.title03 .ft a, .group-list.sitemap > .in > .ft a, .area-form.page-form .ft a, .area-figure.page-figure .ft a, .area-essay.page-caption-p .ft a, .area-customize.chart .ft a, .page-content .area-essay.card .ft a, .group-list.page-list > .bg-drop-layout > .in > .ft a, .group-list.page-list > .in > .ft a, .group-list.page-block > .in > .ft a, .group-list.calendar-search-result .ft a, .group-list.active > .in > .ft a, .list-text.hashtag .ft a, .list-text.rss .ft a, .list-pic.marquee02 .ft a, .list-text.message .ft a, .list-text.slider .ft a, .area-customize.news-card .ft a, .area-essay.message .ft a, .area-customize.calendar .ft a, .base-module-area .group-list.album > .in > .ft a, .base-page-area .group-list.album > .in > .ft a, .group-list.marquee > .in > .ft a, .group-list.message > .bg-drop-layout > .in > .ft a, .group-list.message > .in > .ft a, .base-module-area .group-list.link > .bg-drop-layout > .in > .ft a, .base-module-area .group-list.link > .in > .ft a, .base-page-area .group-list.link > .bg-drop-layout > .in > .ft a, .base-page-area .group-list.link > .in > .ft a, .group-list.slider > .bg-drop-layout > .in > .ft a, .group-list.slider > .in > .ft a, .area-customize.video > .in .ft a, .area-customize.video-list02 .ft a, .area-customize.calendar-detail .ft a, .area-customize.calendar-detail02 .ft a, .area-customize.calendar-active .ft a, .area-customize.message02 > .in .ft a, .area-customize.pchouse-album .ft a, .area-customize.pchouse-album03 .ft a, .area-customize.icons-g2 .ft a, .base-module-area .area-essay.link .ft a, .base-page-area .area-essay.link .ft a, .area-figure.album > .in .ft a, .area-form.link > .in .ft a, .list-pic.major-slider > .in .ft a, .area-form.page-search .ft a, .base-content .list-text.link .ft a, .area-editor.default .ft a, .group-list.default > .bg-drop-layout > .in > .ft a, .group-list.default > .in > .ft a {
    margin-bottom: 0;
  }
}

.page-content .area-essay.card .ct .btn-list .btn, .page-content .area-essay.card .ct .btn-list .btn.is-disable, .area-customize.alert .btn-list .btn, .area-form.news-latter > .in .ct .btn-list ul input {
  padding: 12px 20px;
  font-size: 1.1em;
}

.login-content .fieldset input[type=submit], .page-sign-in.tab-page .fieldset .submit input[type=submit],
.page-sign-in.tab-page .rules .submit input[type=submit], .area-form.page-search .ct .fieldset input[type=submit] {
  background-color: #2D2D2D;
}
.login-content .fieldset input[type=submit]:hover, .page-sign-in.tab-page .fieldset .submit input[type=submit]:hover,
.page-sign-in.tab-page .rules .submit input[type=submit]:hover, .area-form.page-search .ct .fieldset input[type=submit]:hover {
  background-color: rgb(19.5, 19.5, 19.5);
}

.login-content .fieldset input[type=text], .login-content .fieldset input[type=password], .login-content .fieldset input[type=date], .login-content .fieldset input[type=email], .login-content .fieldset input[type=number], .login-content .fieldset input[type=search], .login-content .fieldset input[type=tel], .login-content .fieldset input[type=file], .login-content .fieldset select, .login-content .address-module .zipcode .select2-container .select2-selection--single, .base-mobile .area-form.google-lang .ct .goog-te-gadget-simple, .base-extend .area-form.google-lang .ct .goog-te-gadget-simple, .sys-root input[type=text], .sys-root input[type=password], .sys-root input[type=date], .sys-root input[type=email], .sys-root input[type=number], .sys-root input[type=search], .sys-root input[type=file], .sys-root select, .sys-root textarea, input[type=text], input[type=email], input[type=file], input[type=password],
input[type=date], input[type=number], input[type=search], select, textarea {
  padding: 5px 8px;
  border: 1px solid #CECECE;
  box-sizing: border-box;
  background-color: #ffffff;
  vertical-align: middle;
  box-sizing: border-box;
}

.area-form.vote > .in .ct .fieldset input[type=submit], .list-text.jump-tool .ct a {
  background-color: #2D2D2D;
  color: #ffffff !important;
}
.area-form.vote > .in .ct .fieldset input[type=submit]:hover, .list-text.jump-tool .ct a:hover, .area-form.vote > .in .ct .fieldset input[type=submit]:focus, .list-text.jump-tool .ct a:focus {
  background-color: rgb(19.5, 19.5, 19.5);
}

.list-pic.marquee02 .ctrl_btn a, .list-text.slider .ctrl_btn a, .group-list.marquee .ctrl_btn a, .group-list.major-slider .ctrl_btn a, .area-customize.pchouse-album03 .ctrl_btn a, .list-pic.major-slider > .in .ct .ctrl_btn a {
  position: relative;
  display: block;
  width: 32px;
  height: 32px;
  box-sizing: border-box;
  background-color: rgba(45, 45, 45, 0.7);
  backdrop-filter: blur(10px);
  transition: 150ms;
}
.list-pic.marquee02 .ctrl_btn a:before, .list-text.slider .ctrl_btn a:before, .group-list.marquee .ctrl_btn a:before, .group-list.major-slider .ctrl_btn a:before, .area-customize.pchouse-album03 .ctrl_btn a:before, .list-pic.major-slider > .in .ct .ctrl_btn a:before {
  content: "";
  display: block;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 32px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}
.list-pic.marquee02 .ctrl_btn a:hover, .list-text.slider .ctrl_btn a:hover, .group-list.marquee .ctrl_btn a:hover, .group-list.major-slider .ctrl_btn a:hover, .area-customize.pchouse-album03 .ctrl_btn a:hover, .list-pic.major-slider > .in .ct .ctrl_btn a:hover, .list-pic.marquee02 .ctrl_btn a:focus, .list-text.slider .ctrl_btn a:focus, .group-list.marquee .ctrl_btn a:focus, .group-list.major-slider .ctrl_btn a:focus, .area-customize.pchouse-album03 .ctrl_btn a:focus, .list-pic.major-slider > .in .ct .ctrl_btn a:focus {
  background-color: #2D2D2D;
}
.list-pic.marquee02 .ctrl_btn a:hover.is-play:before, .list-text.slider .ctrl_btn a:hover.is-play:before, .group-list.marquee .ctrl_btn a:hover.is-play:before, .group-list.major-slider .ctrl_btn a:hover.is-play:before, .area-customize.pchouse-album03 .ctrl_btn a:hover.is-play:before, .list-pic.major-slider > .in .ct .ctrl_btn a:hover.is-play:before, .list-pic.marquee02 .ctrl_btn a:focus.is-play:before, .list-text.slider .ctrl_btn a:focus.is-play:before, .group-list.marquee .ctrl_btn a:focus.is-play:before, .group-list.major-slider .ctrl_btn a:focus.is-play:before, .area-customize.pchouse-album03 .ctrl_btn a:focus.is-play:before, .list-pic.major-slider > .in .ct .ctrl_btn a:focus.is-play:before {
  background-image: url("../images/icon-pic/is-pause-h.svg");
}
.list-pic.marquee02 .ctrl_btn a:hover.is-pause:before, .list-text.slider .ctrl_btn a:hover.is-pause:before, .group-list.marquee .ctrl_btn a:hover.is-pause:before, .group-list.major-slider .ctrl_btn a:hover.is-pause:before, .area-customize.pchouse-album03 .ctrl_btn a:hover.is-pause:before, .list-pic.major-slider > .in .ct .ctrl_btn a:hover.is-pause:before, .list-pic.marquee02 .ctrl_btn a:focus.is-pause:before, .list-text.slider .ctrl_btn a:focus.is-pause:before, .group-list.marquee .ctrl_btn a:focus.is-pause:before, .group-list.major-slider .ctrl_btn a:focus.is-pause:before, .area-customize.pchouse-album03 .ctrl_btn a:focus.is-pause:before, .list-pic.major-slider > .in .ct .ctrl_btn a:focus.is-pause:before {
  background-image: url("../images/icon-pic/is-paly-h.svg");
}
.list-pic.marquee02 .ctrl_btn a.is-play:before, .list-text.slider .ctrl_btn a.is-play:before, .group-list.marquee .ctrl_btn a.is-play:before, .group-list.major-slider .ctrl_btn a.is-play:before, .area-customize.pchouse-album03 .ctrl_btn a.is-play:before, .list-pic.major-slider > .in .ct .ctrl_btn a.is-play:before {
  background-image: url("../images/icon-pic/is-pause.svg");
}
.list-pic.marquee02 .ctrl_btn a.is-pause:before, .list-text.slider .ctrl_btn a.is-pause:before, .group-list.marquee .ctrl_btn a.is-pause:before, .group-list.major-slider .ctrl_btn a.is-pause:before, .area-customize.pchouse-album03 .ctrl_btn a.is-pause:before, .list-pic.major-slider > .in .ct .ctrl_btn a.is-pause:before {
  background-image: url("../images/icon-pic/is-paly.svg");
}

.login-content .fieldset input[type=text], .login-content .fieldset input[type=password], .login-content .fieldset input[type=date], .login-content .fieldset input[type=email], .login-content .fieldset input[type=number], .login-content .fieldset input[type=search], .login-content .fieldset input[type=tel], .login-content .fieldset input[type=file], .login-content .fieldset select, .login-content .address-module .zipcode .select2-container .select2-selection--single, .base-mobile .area-form.google-lang .ct .goog-te-gadget-simple, .base-extend .area-form.google-lang .ct .goog-te-gadget-simple, .sys-root input[type=text], .sys-root input[type=password], .sys-root input[type=date], .sys-root input[type=email], .sys-root input[type=number], .sys-root input[type=search], .sys-root input[type=file], .sys-root select, .sys-root textarea, input[type=text], input[type=email], input[type=file], input[type=password],
input[type=date], input[type=number], input[type=search], select, textarea {
  padding: 0 8px;
  box-sizing: border-box;
  line-height: 1.5;
  height: 40px;
  font-size: 1em;
  letter-spacing: 0.5px;
  transition: 150ms;
  border: 1px solid #CECECE;
  border-radius: 3px;
}
.login-content .fieldset input[type=text]:hover, .login-content .fieldset input[type=password]:hover, .login-content .fieldset input[type=date]:hover, .login-content .fieldset input[type=email]:hover, .login-content .fieldset input[type=number]:hover, .login-content .fieldset input[type=search]:hover, .login-content .fieldset input[type=tel]:hover, .login-content .fieldset input[type=file]:hover, .login-content .fieldset select:hover, .login-content .address-module .zipcode .select2-container .select2-selection--single:hover, .base-mobile .area-form.google-lang .ct .goog-te-gadget-simple:hover, .base-extend .area-form.google-lang .ct .goog-te-gadget-simple:hover, .sys-root select:hover, .sys-root textarea:hover, input[type=text]:hover, input[type=email]:hover, input[type=file]:hover, input[type=password]:hover,
input[type=date]:hover, input[type=number]:hover, input[type=search]:hover, select:hover, textarea:hover {
  border-color: #646464;
}
.login-content .fieldset input[type=text]:focus, .login-content .fieldset input[type=password]:focus, .login-content .fieldset input[type=date]:focus, .login-content .fieldset input[type=email]:focus, .login-content .fieldset input[type=number]:focus, .login-content .fieldset input[type=search]:focus, .login-content .fieldset input[type=tel]:focus, .login-content .fieldset input[type=file]:focus, .login-content .fieldset select:focus, .login-content .address-module .zipcode .select2-container .select2-selection--single:focus, .base-mobile .area-form.google-lang .ct .goog-te-gadget-simple:focus, .base-extend .area-form.google-lang .ct .goog-te-gadget-simple:focus, .sys-root select:focus, .sys-root textarea:focus, input[type=text]:focus, input[type=email]:focus, input[type=file]:focus, input[type=password]:focus,
input[type=date]:focus, input[type=number]:focus, input[type=search]:focus, select:focus, textarea:focus {
  border-color: #997950;
  outline: none !important;
  box-shadow: 0px 0px 1px 3px #c7e3ff;
}
.login-content .fieldset input[disabled][type=text], .login-content .fieldset input[disabled][type=password], .login-content .fieldset input[disabled][type=date], .login-content .fieldset input[disabled][type=email], .login-content .fieldset input[disabled][type=number], .login-content .fieldset input[disabled][type=search], .login-content .fieldset input[disabled][type=tel], .login-content .fieldset input[disabled][type=file], .login-content .fieldset select[disabled], .login-content .address-module .zipcode .select2-container [disabled].select2-selection--single, .base-mobile .area-form.google-lang .ct [disabled].goog-te-gadget-simple, .base-extend .area-form.google-lang .ct [disabled].goog-te-gadget-simple, .sys-root select[disabled], .sys-root textarea[disabled], input[disabled][type=text], input[disabled][type=email], input[disabled][type=file], input[disabled][type=password],
input[disabled][type=date], input[disabled][type=number], input[disabled][type=search], select[disabled], textarea[disabled] {
  color: #787878;
  background-color: #f0f0f0 !important;
  border-color: #787878 !important;
}
.login-content .fieldset input.is-danger[type=text], .login-content .fieldset input.is-danger[type=password], .login-content .fieldset input.is-danger[type=date], .login-content .fieldset input.is-danger[type=email], .login-content .fieldset input.is-danger[type=number], .login-content .fieldset input.is-danger[type=search], .login-content .fieldset input.is-danger[type=tel], .login-content .fieldset input.is-danger[type=file], .login-content .fieldset select.is-danger, .login-content .address-module .zipcode .select2-container .is-danger.select2-selection--single, .base-mobile .area-form.google-lang .ct .is-danger.goog-te-gadget-simple, .base-extend .area-form.google-lang .ct .is-danger.goog-te-gadget-simple, .sys-root select.is-danger, .sys-root textarea.is-danger, input.is-danger[type=text], input.is-danger[type=email], input.is-danger[type=file], input.is-danger[type=password],
input.is-danger[type=date], input.is-danger[type=number], input.is-danger[type=search], select.is-danger, textarea.is-danger {
  border-color: #c83737;
}
.login-content .fieldset input.is-danger[type=tel]:focus, .login-content .address-module .zipcode .select2-container .is-danger.select2-selection--single:focus, .base-mobile .area-form.google-lang .ct .is-danger.goog-te-gadget-simple:focus, .base-extend .area-form.google-lang .ct .is-danger.goog-te-gadget-simple:focus, input.is-danger[type=text]:focus, input.is-danger[type=email]:focus, input.is-danger[type=file]:focus, input.is-danger[type=password]:focus,
input.is-danger[type=date]:focus, input.is-danger[type=number]:focus, input.is-danger[type=search]:focus, select.is-danger:focus, textarea.is-danger:focus {
  box-shadow: 0px 0px 1px 3px #f5dada;
}

.login-content .fieldset input[type=checkbox], input[type=radio], input[type=checkbox] {
  width: 20px;
  height: 20px;
  border: 1px solid #CECECE;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: #ffffff;
  border-color: #CECECE;
  border-radius: 3px;
  vertical-align: sub;
  box-sizing: border-box;
}
.login-content .fieldset input[type=checkbox]:hover, input[type=radio]:hover, input[type=checkbox]:hover {
  border-color: #646464;
}
.login-content .fieldset input[type=checkbox]:focus, input[type=radio]:focus, input[type=checkbox]:focus {
  border-color: #997950;
  outline: none !important;
  box-shadow: 0px 0px 1px 3px #c7e3ff;
}
.login-content .fieldset input[type=checkbox]:checked, input[type=radio]:checked, input[type=checkbox]:checked {
  background-color: #997950;
  border-color: #997950;
  background-image: url("../images/svg/icon_check.svg");
}
.login-content .fieldset input[disabled][type=checkbox], input[disabled][type=radio], input[disabled][type=checkbox] {
  color: #CECECE;
  background-color: #f0f0f0 !important;
  border-color: #787878 !important;
  cursor: no-drop;
}
.login-content .fieldset input[disabled][type=checkbox]:after, input[disabled][type=radio]:after, input[disabled][type=checkbox]:after {
  filter: contrast(0.5);
}
.login-content .fieldset input.is-danger[type=checkbox], input.is-danger[type=radio], input.is-danger[type=checkbox] {
  border-color: #c83737;
}
input.is-danger[type=radio]:focus, input.is-danger[type=checkbox]:focus {
  box-shadow: 0px 0px 1px 3px #f5dada;
}

.login-content .fieldset input[type=radio], input[type=radio] {
  border-radius: 50%;
}
.login-content .fieldset input[type=radio]:checked:after, input[type=radio]:checked:after {
  border-radius: 50%;
}

input[type=file] {
  padding: 2px;
}

.area-customize.video-list02 .ct > .in .video .p, .base-content .area-editor.address .ct, .area-table.rwd-horizontal .ct tfoot span, .area-table.rwd-straight .ct tfoot span, .area-table.notitle01 .ct tfoot span, .area-table.notitle02 .ct tfoot span, .area-table.notitle03 .ct tfoot span, .area-table.title01 .ct tfoot span, .area-table.title02 .ct tfoot span, .area-table.title03 .ct tfoot span, .area-editor.user-edit .ct {
  line-height: 1.7;
}
.area-customize.video-list02 .ct > .in .video .p p + p, .base-content .area-editor.address .ct p + p, .area-table.rwd-horizontal .ct tfoot span p + p, .area-table.rwd-straight .ct tfoot span p + p, .area-table.notitle01 .ct tfoot span p + p, .area-table.notitle02 .ct tfoot span p + p, .area-table.notitle03 .ct tfoot span p + p, .area-table.title01 .ct tfoot span p + p, .area-table.title02 .ct tfoot span p + p, .area-table.title03 .ct tfoot span p + p, .area-editor.user-edit .ct p + p {
  margin-top: 15px;
}
.area-customize.video-list02 .ct > .in .video .p img, .base-content .area-editor.address .ct img, .area-table.rwd-horizontal .ct tfoot span img, .area-table.rwd-straight .ct tfoot span img, .area-table.notitle01 .ct tfoot span img, .area-table.notitle02 .ct tfoot span img, .area-table.notitle03 .ct tfoot span img, .area-table.title01 .ct tfoot span img, .area-table.title02 .ct tfoot span img, .area-table.title03 .ct tfoot span img, .area-editor.user-edit .ct img {
  max-width: 100%;
}

.area-table.rwd-horizontal .ft ul, .area-table.rwd-straight .ft ul, .area-table.notitle01 .ft ul, .area-table.notitle02 .ft ul, .area-table.notitle03 .ft ul, .area-table.title01 .ft ul, .area-table.title02 .ft ul, .area-table.title03 .ft ul, .group-list.sitemap > .in > .ft ul, .area-form.page-form .ft ul, .area-figure.page-figure .ft ul, .area-essay.page-caption-p .ft ul, .area-customize.chart .ft ul, .page-content .area-essay.card .ft ul, .group-list.page-list > .bg-drop-layout > .in > .ft ul, .group-list.page-list > .in > .ft ul, .group-list.page-block > .in > .ft ul, .group-list.calendar-search-result .ft ul, .group-list.active > .in > .ft ul, .list-text.hashtag .ft ul, .list-text.rss .ft ul, .list-pic.marquee02 .ft ul, .list-text.message .ft ul, .list-text.slider .ft ul, .area-customize.news-card .ft ul, .area-essay.message .ft ul, .area-customize.calendar .ft ul, .base-module-area .group-list.album > .in > .ft ul, .base-page-area .group-list.album > .in > .ft ul, .group-list.marquee > .in > .ft ul, .group-list.message > .bg-drop-layout > .in > .ft ul, .group-list.message > .in > .ft ul, .base-module-area .group-list.link > .bg-drop-layout > .in > .ft ul, .base-module-area .group-list.link > .in > .ft ul, .base-page-area .group-list.link > .bg-drop-layout > .in > .ft ul, .base-page-area .group-list.link > .in > .ft ul, .group-list.slider > .bg-drop-layout > .in > .ft ul, .group-list.slider > .in > .ft ul, .area-customize.video > .in .ft ul, .area-customize.video-list02 .ft ul, .area-customize.calendar-detail .ft ul, .area-customize.calendar-detail02 .ft ul, .area-customize.calendar-active .ft ul, .area-customize.message02 > .in .ft ul, .area-customize.pchouse-album .ft ul, .area-customize.pchouse-album03 .ft ul, .area-customize.icons-g2 .ft ul, .base-module-area .area-essay.link .ft ul, .base-page-area .area-essay.link .ft ul, .area-figure.album > .in .ft ul, .area-form.link > .in .ft ul, .list-pic.major-slider > .in .ft ul, .area-form.page-search .ft ul, .base-content .list-text.link .ft ul, .area-editor.default .ft ul, .group-list.default > .bg-drop-layout > .in > .ft ul, .group-list.default > .in > .ft ul {
  text-align: right;
}
.area-table.rwd-horizontal .ft li, .area-table.rwd-straight .ft li, .area-table.notitle01 .ft li, .area-table.notitle02 .ft li, .area-table.notitle03 .ft li, .area-table.title01 .ft li, .area-table.title02 .ft li, .area-table.title03 .ft li, .group-list.sitemap > .in > .ft li, .area-form.page-form .ft li, .area-figure.page-figure .ft li, .area-essay.page-caption-p .ft li, .area-customize.chart .ft li, .page-content .area-essay.card .ft li, .group-list.page-list > .bg-drop-layout > .in > .ft li, .group-list.page-list > .in > .ft li, .group-list.page-block > .in > .ft li, .group-list.calendar-search-result .ft li, .group-list.active > .in > .ft li, .list-text.hashtag .ft li, .list-text.rss .ft li, .list-pic.marquee02 .ft li, .list-text.message .ft li, .list-text.slider .ft li, .area-customize.news-card .ft li, .area-essay.message .ft li, .area-customize.calendar .ft li, .base-module-area .group-list.album > .in > .ft li, .base-page-area .group-list.album > .in > .ft li, .group-list.marquee > .in > .ft li, .group-list.message > .bg-drop-layout > .in > .ft li, .group-list.message > .in > .ft li, .base-module-area .group-list.link > .bg-drop-layout > .in > .ft li, .base-module-area .group-list.link > .in > .ft li, .base-page-area .group-list.link > .bg-drop-layout > .in > .ft li, .base-page-area .group-list.link > .in > .ft li, .group-list.slider > .bg-drop-layout > .in > .ft li, .group-list.slider > .in > .ft li, .area-customize.video > .in .ft li, .area-customize.video-list02 .ft li, .area-customize.calendar-detail .ft li, .area-customize.calendar-detail02 .ft li, .area-customize.calendar-active .ft li, .area-customize.message02 > .in .ft li, .area-customize.pchouse-album .ft li, .area-customize.pchouse-album03 .ft li, .area-customize.icons-g2 .ft li, .base-module-area .area-essay.link .ft li, .base-page-area .area-essay.link .ft li, .area-figure.album > .in .ft li, .area-form.link > .in .ft li, .list-pic.major-slider > .in .ft li, .area-form.page-search .ft li, .base-content .list-text.link .ft li, .area-editor.default .ft li, .group-list.default > .bg-drop-layout > .in > .ft li, .group-list.default > .in > .ft li {
  display: inline-block;
}
.area-table.rwd-horizontal .ft li + li, .area-table.rwd-straight .ft li + li, .area-table.notitle01 .ft li + li, .area-table.notitle02 .ft li + li, .area-table.notitle03 .ft li + li, .area-table.title01 .ft li + li, .area-table.title02 .ft li + li, .area-table.title03 .ft li + li, .group-list.sitemap > .in > .ft li + li, .area-form.page-form .ft li + li, .area-figure.page-figure .ft li + li, .area-essay.page-caption-p .ft li + li, .area-customize.chart .ft li + li, .page-content .area-essay.card .ft li + li, .group-list.page-list > .bg-drop-layout > .in > .ft li + li, .group-list.page-list > .in > .ft li + li, .group-list.page-block > .in > .ft li + li, .group-list.calendar-search-result .ft li + li, .group-list.active > .in > .ft li + li, .list-text.hashtag .ft li + li, .list-text.rss .ft li + li, .list-pic.marquee02 .ft li + li, .list-text.message .ft li + li, .list-text.slider .ft li + li, .area-customize.news-card .ft li + li, .area-essay.message .ft li + li, .area-customize.calendar .ft li + li, .base-module-area .group-list.album > .in > .ft li + li, .base-page-area .group-list.album > .in > .ft li + li, .group-list.marquee > .in > .ft li + li, .group-list.message > .bg-drop-layout > .in > .ft li + li, .group-list.message > .in > .ft li + li, .base-module-area .group-list.link > .bg-drop-layout > .in > .ft li + li, .base-module-area .group-list.link > .in > .ft li + li, .base-page-area .group-list.link > .bg-drop-layout > .in > .ft li + li, .base-page-area .group-list.link > .in > .ft li + li, .group-list.slider > .bg-drop-layout > .in > .ft li + li, .group-list.slider > .in > .ft li + li, .area-customize.video > .in .ft li + li, .area-customize.video-list02 .ft li + li, .area-customize.calendar-detail .ft li + li, .area-customize.calendar-detail02 .ft li + li, .area-customize.calendar-active .ft li + li, .area-customize.message02 > .in .ft li + li, .area-customize.pchouse-album .ft li + li, .area-customize.pchouse-album03 .ft li + li, .area-customize.icons-g2 .ft li + li, .base-module-area .area-essay.link .ft li + li, .base-page-area .area-essay.link .ft li + li, .area-figure.album > .in .ft li + li, .area-form.link > .in .ft li + li, .list-pic.major-slider > .in .ft li + li, .area-form.page-search .ft li + li, .base-content .list-text.link .ft li + li, .area-editor.default .ft li + li, .group-list.default > .bg-drop-layout > .in > .ft li + li, .group-list.default > .in > .ft li + li {
  margin-left: 3px;
}
.area-table.rwd-horizontal .ft span, .area-table.rwd-straight .ft span, .area-table.notitle01 .ft span, .area-table.notitle02 .ft span, .area-table.notitle03 .ft span, .area-table.title01 .ft span, .area-table.title02 .ft span, .area-table.title03 .ft span, .group-list.sitemap > .in > .ft span, .area-form.page-form .ft span, .area-figure.page-figure .ft span, .area-essay.page-caption-p .ft span, .area-customize.chart .ft span, .page-content .area-essay.card .ft span, .group-list.page-list > .bg-drop-layout > .in > .ft span, .group-list.page-list > .in > .ft span, .group-list.page-block > .in > .ft span, .group-list.calendar-search-result .ft span, .group-list.active > .in > .ft span, .list-text.hashtag .ft span, .list-text.rss .ft span, .list-pic.marquee02 .ft span, .list-text.message .ft span, .list-text.slider .ft span, .area-customize.news-card .ft span, .area-essay.message .ft span, .area-customize.calendar .ft span, .base-module-area .group-list.album > .in > .ft span, .base-page-area .group-list.album > .in > .ft span, .group-list.marquee > .in > .ft span, .group-list.message > .bg-drop-layout > .in > .ft span, .group-list.message > .in > .ft span, .base-module-area .group-list.link > .bg-drop-layout > .in > .ft span, .base-module-area .group-list.link > .in > .ft span, .base-page-area .group-list.link > .bg-drop-layout > .in > .ft span, .base-page-area .group-list.link > .in > .ft span, .group-list.slider > .bg-drop-layout > .in > .ft span, .group-list.slider > .in > .ft span, .area-customize.video > .in .ft span, .area-customize.video-list02 .ft span, .area-customize.calendar-detail .ft span, .area-customize.calendar-detail02 .ft span, .area-customize.calendar-active .ft span, .area-customize.message02 > .in .ft span, .area-customize.pchouse-album .ft span, .area-customize.pchouse-album03 .ft span, .area-customize.icons-g2 .ft span, .base-module-area .area-essay.link .ft span, .base-page-area .area-essay.link .ft span, .area-figure.album > .in .ft span, .area-form.link > .in .ft span, .list-pic.major-slider > .in .ft span, .area-form.page-search .ft span, .base-content .list-text.link .ft span, .area-editor.default .ft span, .group-list.default > .bg-drop-layout > .in > .ft span, .group-list.default > .in > .ft span {
  display: block;
  background-image: none;
}
.list-text.content-list .ct a, .list-text.slider .ct a, .simple-text.message .ct a, .base-content .list-text.link .ct a, .simple-text.default .ct a {
  display: block;
  padding: 8px;
  transition: 150ms;
  position: relative;
  border-bottom: 1px dotted #787878;
}

.simple-text.message .ct a:hover, .base-content .list-text.link .ct a:hover, .simple-text.default .ct a:hover {
  color: currentColor;
  background-color: #CECECE;
}

.group-list.major-slider > .in > .ft li.is-img a {
  position: relative;
  display: block;
}
.group-list.major-slider > .in > .ft li.is-img a:after {
  content: "​";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: transparent;
  transition: 150ms;
}
.group-list.major-slider > .in > .ft li.is-img a:hover:after, .group-list.major-slider > .in > .ft li.is-img a:focus:after {
  background-color: #2D2D2D;
  background-color: rgba(45, 45, 45, 0.3);
}

.group-list.major-slider > .in > .ft li.is-img a {
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.area-figure.page-figure .ct .img span, .area-essay.active .ct .img > span, .group-list.active-log .div .img span, .list-pic.marquee02 .ct span, .list-pic.marquee .ct span, .area-essay.message .ct .img span, .area-essay.slider .ct .img span, .group-list.major-slider > .in > .ft li.is-img span, .area-customize.video-list02 .ct > .in .list .img span, [data-type="1"][data-child] .area-customize.message02 > .in .ct .img span, .area-customize.icons-g2 .ct .img span, .base-module-area .area-essay.link .ct .img span, .base-page-area .area-essay.link .ct .img span, .area-essay.message02 > .in .ct .img span, .area-figure.album > .in .ct .img span, .list-pic.major-slider > .in .ct span, .simple-text.weather .ct a {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.login-content, .list-pic.pic-download .ct span, .list-text.content-list .ct li, .list-text.content-file .ct a:before, .area-form.vote > .in .ct .fieldset label, .area-form.vote > .in .ct .fieldset a, .area-customize.pagination .ct li.PagedList-skipToPrevious a, .area-customize.pagination .ct li.PagedList-skipToNext a, .area-customize.pagination .ct li.PagedList-skipToFirst a, .area-customize.pagination .ct li.PagedList-skipToLast a, .area-customize.pagination .ct li.PageSizeGo > a, .group-list.search-filter > .in > .ct > .in .is-parent > .title, .group.active-detail > .in > .ct > .in .area-essay.active > .in > .ct > .in .session .date, .group.active-detail > .in > .ct > .in .area-essay.active > .in > .ct > .in .session .address, .area-essay.active .ct .title, .area-essay.active .ct .flag .title, .area-essay.active .ct .date .title, .group-list.active .area-essay.active > .in > .ct > .in .date, .area-customize.active-checkIn .ct > .in .img, .list-text.slider .ct > .in:before, .area-essay.list .ct .img span, .area-customize.pchouse-album .ct .img span, .list-pic.link .ct span, .simple-text.weather .ct a:before, .area-customize.status .ct > .in > div:before, .area-customize.error .ct .img, .base-header .area-form.search .hd a, .cp.selecter.authorize .items:before, .cp.selecter .items .is-remove, .area-customize.alert .status::before, .list-text.user-set .hd a, .list-text.font-size .hd a, .simple-text.minor-logo .ct a, .simple-text.major-logo .ct a, .area-customize.popuper > .in > .ft a, .area-forum .ct .info > div .user:before, .area-forum .ct .info > div .date:before, .area-forum .ct .info > div .mail:before, .area-forum .ct ul li:before, .area-forum .ct > .in .g > div:before, .base-mobile > .in > .hd a, .base-mobile > .in > .hd a:before {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

span.simple-text.status.icon-danger:before, a.simple-text.status.icon-danger:before, span.simple-text.status.icon-success:before, a.simple-text.status.icon-success:before, span.simple-text.status.icon-warning:before, a.simple-text.status.icon-warning:before, span.simple-text.status.icon-info:before, a.simple-text.status.icon-info:before, span.simple-text.status.icon-trash:before, a.simple-text.status.icon-trash:before, span.simple-text.status.icon-add:before, a.simple-text.status.icon-add:before, span.simple-text.status.icon-top:before, a.simple-text.status.icon-top:before, span.simple-text.status.icon-down:before, a.simple-text.status.icon-down:before, span.simple-text.status.icon-chart:before, a.simple-text.status.icon-chart:before, .cp.selecter.file .items:before, .cp.selecter.authorize .items:before {
  content: "​";
  display: inline-block;
  vertical-align: middle;
}

.login-content .open-id .facebook:before, .login-content .open-id .google:before, .login-content .open-id .twitter:before, .login-content .open-id .plurk:before, .login-content .open-id .line:before, .login-content .open-id .email:before {
  content: "​";
  display: inline-block;
  vertical-align: middle;
}

.group-list.sitemap > .in > .ct > .in > ul > li > .group-list.sitemap > .in > .ct > .in > ul > li > .group-list.sitemap > .in > .hd > .in h5:before, .group-list.sitemap > .in > .ct > .in > ul > li > .group-list.sitemap > .in > .ct > .in > ul > li > .group-list.sitemap > .in > .ct > .in > ul > li > .group-list.sitemap > .in > .hd > .in h6:before, .base-content .area-editor.address .ct a.is-map:after, .base-footer .area-editor.address .ct a.is-map:after {
  font-family: "icomoon";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  display: inline-block;
  vertical-align: baseline;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.group-list.active-log .g.row .is-edit:before {
  mask-size: contain;
  -webkit-mask-size: contain;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
}

@font-face {
  font-family: "icomoon";
  src: url("../images/icon-font/icomoon.eot?59oic8");
  src: url("../images/icon-font/icomoon.eot?#iefix59oic8") format("embedded-opentype"), url("../images/icon-font/icomoon.ttf?59oic8") format("truetype"), url("../images/icon-font/icomoon.woff?59oic8") format("woff"), url("../images/icon-font/icomoon.svg?59oic8#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */
body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button:-moz-focus-inner,
input:-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type=checkbox],
input[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type=number]:-webkit-inner-spin-button,
input[type=number]:-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type=search] {
  -webkit-appearance: textfield; /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type=search]:-webkit-search-cancel-button,
input[type=search]:-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

[data-type="1"][data-child="1"] > .bg-drop-layout > .in > .ct > .in > [data-index][data-type], [data-type="1"][data-child="1"] > .in > .ct > .in > [data-index][data-type] {
  width: 100%;
}

[data-type="1"][data-child="2"] > .bg-drop-layout > .in > .ct > .in > [data-index][data-type], [data-type="1"][data-child="2"] > .in > .ct > .in > [data-index][data-type] {
  width: 50%;
}

[data-type="1"][data-child="3"] > .bg-drop-layout > .in > .ct > .in > [data-index][data-type], [data-type="1"][data-child="3"] > .in > .ct > .in > [data-index][data-type] {
  width: 33.3333333333%;
}

[data-type="1"][data-child="4"] > .bg-drop-layout > .in > .ct > .in > [data-index][data-type], [data-type="1"][data-child="4"] > .in > .ct > .in > [data-index][data-type] {
  width: 25%;
}

[data-type="1"][data-child="5"] > .bg-drop-layout > .in > .ct > .in > [data-index][data-type], [data-type="1"][data-child="5"] > .in > .ct > .in > [data-index][data-type] {
  width: 20%;
}

[data-type="1"][data-child="6"] > .bg-drop-layout > .in > .ct > .in > [data-index][data-type], [data-type="1"][data-child="6"] > .in > .ct > .in > [data-index][data-type] {
  width: 16.6666666667%;
}

[data-type="1"][data-child="7"] > .bg-drop-layout > .in > .ct > .in > [data-index][data-type], [data-type="1"][data-child="7"] > .in > .ct > .in > [data-index][data-type] {
  width: 14.2857142857%;
}

[data-type="1"][data-child="8"] > .bg-drop-layout > .in > .ct > .in > [data-index][data-type], [data-type="1"][data-child="8"] > .in > .ct > .in > [data-index][data-type] {
  width: 12.5%;
}

[data-type="1"][data-child="9"] > .bg-drop-layout > .in > .ct > .in > [data-index][data-type], [data-type="1"][data-child="9"] > .in > .ct > .in > [data-index][data-type] {
  width: 11.1111111111%;
}

[data-type="1"][data-child="10"] > .bg-drop-layout > .in > .ct > .in > [data-index][data-type], [data-type="1"][data-child="10"] > .in > .ct > .in > [data-index][data-type] {
  width: 10%;
}

[data-type="1"][data-setlen="2"] > .bg-drop-layout > .in > .ct > .in > [data-index][data-type], [data-type="1"][data-setlen="2"] > .in > .ct > .in > [data-index][data-type] {
  width: 50%;
}

[data-type="1"][data-setlen="3"] > .bg-drop-layout > .in > .ct > .in > [data-index][data-type], [data-type="1"][data-setlen="3"] > .in > .ct > .in > [data-index][data-type] {
  width: 33.3333333333%;
}

[data-type="1"][data-setlen="4"] > .bg-drop-layout > .in > .ct > .in > [data-index][data-type], [data-type="1"][data-setlen="4"] > .in > .ct > .in > [data-index][data-type] {
  width: 25%;
}

[data-type="1"][data-setlen="5"] > .bg-drop-layout > .in > .ct > .in > [data-index][data-type], [data-type="1"][data-setlen="5"] > .in > .ct > .in > [data-index][data-type] {
  width: 20%;
}

[data-type="1"][data-setlen="6"] > .bg-drop-layout > .in > .ct > .in > [data-index][data-type], [data-type="1"][data-setlen="6"] > .in > .ct > .in > [data-index][data-type] {
  width: 16.6666666667%;
}

[data-type="1"][data-setlen="7"] > .bg-drop-layout > .in > .ct > .in > [data-index][data-type], [data-type="1"][data-setlen="7"] > .in > .ct > .in > [data-index][data-type] {
  width: 14.2857142857%;
}

[data-type="1"][data-setlen="8"] > .bg-drop-layout > .in > .ct > .in > [data-index][data-type], [data-type="1"][data-setlen="8"] > .in > .ct > .in > [data-index][data-type] {
  width: 12.5%;
}

[data-type="1"][data-setlen="9"] > .bg-drop-layout > .in > .ct > .in > [data-index][data-type], [data-type="1"][data-setlen="9"] > .in > .ct > .in > [data-index][data-type] {
  width: 11.1111111111%;
}

[data-type="1"][data-setlen="10"] > .bg-drop-layout > .in > .ct > .in > [data-index][data-type], [data-type="1"][data-setlen="10"] > .in > .ct > .in > [data-index][data-type] {
  width: 10%;
}

[data-type="1"][data-child] > .bg-drop-layout > .in > .ct > .in > [data-index][data-type], [data-type="1"][data-child] > .in > .ct > .in > [data-index][data-type] {
  float: left;
}
@media screen and (max-width: 768px) and (min-width: 561px) {
  [data-type="1"][data-child] > .bg-drop-layout > .in > .ct > .in > [data-index][data-type], [data-type="1"][data-child] > .in > .ct > .in > [data-index][data-type] {
    width: 50%;
  }
  [data-type="1"][data-child] > .bg-drop-layout > .in > .ct > .in > [data-index][data-type]:nth-of-type(odd), [data-type="1"][data-child] > .in > .ct > .in > [data-index][data-type]:nth-of-type(odd) {
    clear: left;
  }
  [data-type="1"][data-child] > .bg-drop-layout > .in > .ct > .in > [data-index][data-type] [data-index][data-type], [data-type="1"][data-child] > .in > .ct > .in > [data-index][data-type] [data-index][data-type] {
    width: 100%;
  }
}
@media screen and (max-width: 560px) {
  [data-type="1"][data-child] > .bg-drop-layout > .in > .ct > .in > [data-index][data-type], [data-type="1"][data-child] > .in > .ct > .in > [data-index][data-type] {
    width: 100%;
  }
}
@media screen and (max-width: 768px) and (min-width: 561px) {
  [data-type="1"][data-child] > .bg-drop-layout > .in > .ct > .in > .accesskey ~ [data-index][data-type]:nth-of-type(odd), [data-type="1"][data-child] > .in > .ct > .in > .accesskey ~ [data-index][data-type]:nth-of-type(odd) {
    clear: none;
  }
  [data-type="1"][data-child] > .bg-drop-layout > .in > .ct > .in > .accesskey ~ [data-index][data-type]:nth-of-type(even), [data-type="1"][data-child] > .in > .ct > .in > .accesskey ~ [data-index][data-type]:nth-of-type(even) {
    clear: left;
  }
}
[data-index][data-type] > .bg-drop-layout > .in, [data-index][data-type] > .in {
  position: relative;
}
[data-index][data-type] .hd span {
  color: inherit;
}
[data-index][data-type] .hd a {
  color: inherit;
}
.sys-root {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 1em;
  font-family: Arial, "微軟正黑體", "Helvetica Neue", Helvetica, sans-serif, "新細明體";
  color: #343434;
  position: relative;
}
.sys-root :has(.index-nav) .base-extend {
  display: none;
}
.sys-root ::-webkit-scrollbar {
  width: 10px;
  margin: 5px;
}
.sys-root ::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: rgba(253, 200, 164, 0.5) !important;
  margin: 2px;
  box-sizing: border-box;
}
.sys-root ::-webkit-scrollbar-track {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background-color: rgba(247, 127, 79, 0.5);
}
@media (min-width: 769px) {
  .sys-root .is-pc-hide {
    display: none !important;
  }
}
@media screen and (max-width: 768px) and (min-width: 561px) {
  .sys-root .is-pad-hide {
    display: none !important;
  }
}
@media screen and (max-width: 560px) {
  .sys-root .is-phone-hide {
    display: none !important;
  }
}
.sys-root .is-hide-header > .in > .hd {
  display: none !important;
}
[data-js=false] .sys-root:before {
  display: block;
  content: attr(data-nojs);
  padding: 8px;
  line-height: 1.7;
  background-color: #343434;
  color: #ffffff;
}
.sys-root.font-size-large {
  font-size: 1.05em;
}
.sys-root.font-size-medium {
  font-size: 1em;
}
.sys-root.font-size-small {
  font-size: 0.95em;
}
.sys-root a[href]:focus,
.sys-root select:focus,
.sys-root input:focus,
.sys-root button:focus,
.sys-root textarea:focus {
  outline-width: 3px;
  outline-style: dashed;
  outline-color: #6686af;
}
.sys-root a {
  color: inherit;
  text-decoration: none;
}
.sys-root a:link {
  color: inherit;
}
.sys-root a:visited {
  color: inherit;
}
.sys-root a:hover {
  color: #787878;
}
.sys-root a:active {
  color: inherit;
}
.sys-root a.div {
  display: block;
  color: #343434;
}
.sys-root i.mark {
  font-style: normal;
}
.sys-root fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
.sys-root input[type=radio], .sys-root input[yupe=checkbox] {
  cursor: pointer;
}
.sys-root select {
  font-size: 0.9em;
}
[data-js=false] .sys-root button {
  display: none;
}
.sys-root label {
  cursor: pointer;
}
.sys-root img {
  position: relative;
}
.sys-root img:after {
  content: "​";
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #ffffff;
}
.sys-root [href] {
  cursor: pointer;
}
.sys-root [disabled] {
  cursor: not-allowed;
}
.sys-root > .in {
  background-color: #ffffff;
  background-image: url("../images/bg.png");
  background-attachment: fixed;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.base-mobile {
  z-index: 3;
  position: fixed;
  top: 0;
  left: 0;
  right: 100%;
  max-width: 250px;
  height: 100vh;
  transition: 150ms;
}
.base-mobile.is-active {
  right: 0;
}
.base-mobile.is-active > .in > .hd {
  left: 100%;
}
@media screen and (max-width: 768px) {
  .base-mobile.is-active > .in > .hd {
    left: unset;
  }
}
.base-mobile.is-active > .in > .hd a:after {
  content: "​";
}
@media screen and (max-width: 768px) {
  .base-mobile.is-active > .in > .hd a:after {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .base-mobile.is-active > .in > .ct {
    margin-top: 60px;
  }
}
.base-mobile.is-active > .in > .ct > .in {
  overflow-y: auto;
}
[data-js=false] .base-mobile {
  display: none !important;
}
@media screen and (max-width: 768px) {
  .base-mobile {
    display: block;
    max-width: 100%;
  }
}
.base-mobile > .in > .hd {
  position: absolute;
}
@media screen and (max-width: 768px) {
  .base-mobile > .in > .hd {
    left: 0;
    position: fixed;
    top: 0;
    left: 0;
  }
}
.base-mobile > .in > .hd span {
  display: block;
}
.base-mobile > .in > .hd a {
  display: block;
  width: 85px;
  background-color: #997950;
  background-image: url(../images/major_logo.svg);
  padding-bottom: 165px;
  background-size: 65px;
  background-position: top 30px center;
  position: relative;
  border-radius: 0 0 5px 0;
}
@media screen and (max-width: 768px) {
  .base-mobile > .in > .hd a {
    width: 60px;
    padding-bottom: 60px;
    background-size: 28px;
    background-position: center;
    background-image: url("../images/Icon_menu.svg");
    border-radius: 0;
  }
}
.base-mobile > .in > .hd a:before {
  content: "​";
  width: 12px;
  height: 12px;
  transform: rotate(90deg);
  background-image: url("../images/icon-pic/away-w-right02.png");
  display: block;
  position: absolute;
  bottom: 30px;
  left: calc(50% - 10px);
}
@media screen and (max-width: 768px) {
  .base-mobile > .in > .hd a:before {
    display: none;
  }
}
.base-mobile > .in > .hd a:after {
  position: fixed;
  top: 0;
  right: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(52, 52, 52, 0.5);
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .base-mobile > .in > .hd a:after {
    display: none;
  }
}
.base-mobile > .in > .ct > .in {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 100vh;
  overflow-y: hidden;
  background-color: #997950;
}

.base-extend {
  display: block;
  position: fixed;
  top: 0;
  z-index: 2;
  width: 100%;
  transition: 160ms;
  border-bottom: 1px solid #997950;
}
@media screen and (max-width: 768px) {
  .base-extend {
    display: block !important;
    z-index: 3;
  }
}
.base-extend > .in > .hd {
  display: none;
}
@media screen and (max-width: 768px) {
  .base-wrapper {
    margin-top: 60px;
  }
}
.base-wrapper > .in {
  position: relative;
}
.base-header {
  position: fixed;
  z-index: 2;
  left: 0;
  right: 0;
  top: 0;
}
.base-header > .in > .ct > .in {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
}
.base-header > .in > .ct > .in:before {
  content: "​";
  display: block;
}
.base-header > .in > .ct > .in:after {
  display: none;
}

.base-footer {
  background-color: #2D2D2D;
  padding-bottom: 15px;
}
.base-footer.is-active > .in > .hd a:after {
  margin-left: 3px;
  content: "​";
  background-image: url(../images/icon-pic/ft-open.png);
  display: inline-block;
  padding-left: 12px;
  background-repeat: no-repeat;
  background-position: center;
}
.base-footer > .in > .hd {
  width: 100%;
  display: block;
  padding-bottom: 30px;
  display: none;
}
[data-js=false] .base-footer > .in > .hd {
  display: none;
}
@media screen and (max-width: 768px) {
  .base-footer > .in > .hd {
    display: none;
  }
}
.base-footer > .in > .hd > .in {
  position: relative;
}
.base-footer > .in > .hd h3 {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -28px;
  text-align: right;
}
.base-footer > .in > .hd .headH3 {
  display: none;
}
.base-footer > .in > .hd span {
  display: inline-block;
}
.base-footer > .in > .hd a {
  display: block;
  padding: 5px 8px;
  background-color: #997950;
  color: #ffffff;
  font-size: 0.9em;
}
.base-footer > .in > .hd a:after {
  margin-left: 3px;
  content: "​";
  background-image: url(../images/icon-pic/ft-close.png);
  display: inline-block;
  padding-left: 12px;
  background-repeat: no-repeat;
  background-position: center;
}
.base-module-area .bg-drop-layout > .in, .base-module-area [data-index][data-type] > .in {
  min-height: 0;
}
.base-module-area > .in > .ct > .in .group-list.major-slider > .in {
  margin: 0;
}

.base-page-area:has(p.Faculty):has(.area-essay.page-caption-p) .group.default.info .simple-text.heading {
  width: 100%;
}
.base-page-area:has(p.Faculty):has(.area-essay.page-caption-p) .group.default.info .simple-text.heading h2 {
  justify-content: center;
}
.base-page-area:has(p.Faculty):has(.area-essay.page-caption-p) .area-essay.page-caption-p .essay {
  display: flex;
}
.base-page-area:has(p.Faculty):has(.area-essay.page-caption-p) .area-essay.page-caption-p .essay .caption {
  width: 150px;
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
  display: flex;
  align-items: center;
  gap: 15px;
  color: #2D2D2D;
  font-weight: 400;
}
.base-page-area:has(p.Faculty):has(.area-essay.page-caption-p) .area-essay.page-caption-p .essay .caption::before {
  content: "";
  display: block;
  width: 5px;
  height: 5px;
  background-color: #2D2D2D;
  border-radius: 50%;
}
.base-page-area:has(p.Faculty):has(.area-essay.page-caption-p) .area-essay.page-caption-p .essay .p {
  flex: 1;
}
.base-page-area:has(p.Faculty):has(.area-essay.page-caption-p) .area-essay.page-caption-p .essay .p p, .base-page-area:has(p.Faculty):has(.area-essay.page-caption-p) .area-essay.page-caption-p .essay .p span {
  color: #787878;
  font-size: 1em;
}
.base-page-area:has(p.Faculty):has(.area-essay.page-caption-p) .area-essay.page-caption-p:last-child {
  padding-bottom: 15px !important;
}
.base-page-area:has(p.Faculty):has(.area-essay.page-caption-p) .list-text.detail + .area-essay.page-caption-p {
  padding-top: 15px !important;
}
.base-page-area:has(p.Faculty):has(.area-essay.page-caption-p) .simple-text.title > .in > .ct > .in {
  display: flex;
  align-items: center;
  gap: 8px;
}
.base-page-area:has(p.Faculty):has(.area-essay.page-caption-p) .simple-text.title > .in > .ct > .in h3 {
  color: #997950;
}
.base-page-area:has(p.Faculty):has(.area-essay.page-caption-p) .simple-text.title > .in > .ct > .in span {
  margin-top: 0;
  font-size: 1.6em;
}
.base-page-area:has(p.Faculty):has(.area-essay.page-caption-p) .group.base-section > .in > .ct > .in {
  display: grid;
  grid-template-columns: minmax(0, 400px) minmax(0, 1fr);
  column-gap: 30px;
  row-gap: 0;
  align-items: start;
}
.base-page-area:has(p.Faculty):has(.area-essay.page-caption-p) .group.page-content,
.base-page-area:has(p.Faculty):has(.area-essay.page-caption-p) .group.page-content > .in,
.base-page-area:has(p.Faculty):has(.area-essay.page-caption-p) .group.page-content > .in > .ct,
.base-page-area:has(p.Faculty):has(.area-essay.page-caption-p) .group.page-content > .in > .ct > .in,
.base-page-area:has(p.Faculty):has(.area-essay.page-caption-p) .group.page-footer,
.base-page-area:has(p.Faculty):has(.area-essay.page-caption-p) .group.page-footer > .in,
.base-page-area:has(p.Faculty):has(.area-essay.page-caption-p) .group.page-footer > .in > .ct,
.base-page-area:has(p.Faculty):has(.area-essay.page-caption-p) .group.page-footer > .in > .ct > .in {
  display: contents;
}
.base-page-area:has(p.Faculty):has(.area-essay.page-caption-p) .group.page-header,
.base-page-area:has(p.Faculty):has(.area-essay.page-caption-p) #no-publish-content,
.base-page-area:has(p.Faculty):has(.area-essay.page-caption-p) .group.page-footer > .in > .ct > .in > * {
  grid-column: 1/-1;
}
.base-page-area:has(p.Faculty):has(.area-essay.page-caption-p) .group.page-header {
  grid-row: 1;
}
.base-page-area:has(p.Faculty):has(.area-essay.page-caption-p) .group.page-content > .in > .ct > .in > .simple-text.title {
  grid-column: 1/-1;
  grid-row: 2;
  margin-bottom: 15px;
}
.base-page-area:has(p.Faculty):has(.area-essay.page-caption-p) .group.page-content > .in > .ct > .in > * {
  grid-column: 2;
}
.base-page-area:has(p.Faculty):has(.area-essay.page-caption-p) .group.page-footer > .in > .ct > .in > .list-pic.pic-download {
  grid-column: 1;
  grid-row: 3/span 30;
  align-self: start;
}
.base-page-area:has(p.Faculty):has(.area-essay.page-caption-p) .group.page-footer > .in > .ct > .in > .list-pic.pic-download .hd {
  display: none;
}
.base-page-area:has(p.Faculty):has(.area-essay.page-caption-p) .group.page-footer > .in > .ct > .in > .list-pic.pic-download .ct li {
  flex: 0 0 100%;
  max-width: 100%;
  padding: 0;
  width: 100%;
}
.base-page-area:has(p.Faculty):has(.area-essay.page-caption-p) .group.page-footer > .in > .ct > .in > .list-pic.pic-download .ct span {
  margin: 0;
  border: 0;
  padding: 0;
  border-radius: 0;
}
.base-page-area:has(p.Faculty):has(.area-essay.page-caption-p) .group.page-content > .in > .ct > .in > .area-essay.page-caption-p {
  background-color: #f0f0f0;
  margin-top: 0;
  padding: 0 15px;
}
.base-page-area:has(p.Faculty):has(.area-essay.page-caption-p) .group.page-content > .in > .ct > .in > .area-essay.page-caption-p:has([data-title=職稱]) {
  background-color: transparent;
  margin-bottom: 15px;
}
.base-page-area:has(p.Faculty):has(.area-essay.page-caption-p) .group.page-content > .in > .ct > .in > .area-essay.page-caption-p:has([data-title=職稱]) + .area-essay.page-caption-p {
  padding-top: 15px;
}
.base-page-area:has(p.Faculty):has(.area-essay.page-caption-p) .group.page-content > .in > .ct > .in > .area-essay.page-caption-p:has([data-title=職稱]) .caption {
  display: none;
}
.base-page-area:has(p.Faculty):has(.area-essay.page-caption-p) .group.page-content > .in > .ct > .in > .area-essay.page-caption-p:has([data-title=職稱]) .p span {
  display: inline-block;
  border: #997950 1px solid;
  border-radius: 3px;
  padding: 5px 15px;
  color: #997950;
}
@media screen and (max-width: 768px) {
  .base-page-area:has(p.Faculty):has(.area-essay.page-caption-p) .group.base-section > .in > .ct > .in {
    grid-template-columns: minmax(0, 1fr);
    row-gap: 8px;
  }
  .base-page-area:has(p.Faculty):has(.area-essay.page-caption-p) .group.page-content > .in > .ct > .in > * {
    grid-column: 1;
  }
  .base-page-area:has(p.Faculty):has(.area-essay.page-caption-p) .group.page-footer > .in > .ct > .in > .list-pic.pic-download {
    grid-row: 3;
  }
}
.base-aside {
  position: sticky;
  top: 160px;
  width: 220px;
  float: left;
}
@media screen and (max-width: 768px) {
  .base-aside {
    width: 100%;
    float: none;
    position: relative;
    top: unset;
  }
}
.base-aside [data-index][data-type] > .in {
  margin: 0;
}
.base-section {
  position: relative;
}
.base-aside + .base-section {
  padding-left: 15px;
}
@media screen and (max-width: 768px) {
  .base-aside + .base-section {
    padding-left: 0;
  }
}
.base-section a.ai:after {
  margin-left: 5px;
}
.base-section a.avi:after {
  margin-left: 5px;
}
.base-section a.bmp:after {
  margin-left: 5px;
}
.base-section a.cdr:after {
  margin-left: 5px;
}
.base-section a.css:after {
  margin-left: 5px;
}
.base-section a.csv:after {
  margin-left: 5px;
}
.base-section a.dmg:after {
  margin-left: 5px;
}
.base-section a.doc:after {
  margin-left: 5px;
}
.base-section a.docx:after {
  margin-left: 5px;
}
.base-section a.exe:after {
  margin-left: 5px;
}
.base-section a.file7z:after {
  margin-left: 5px;
}
.base-section a.gif:after {
  margin-left: 5px;
}
.base-section a.html:after {
  margin-left: 5px;
}
.base-section a.ico:after {
  margin-left: 5px;
}
.base-section a.jpeg:after {
  margin-left: 5px;
}
.base-section a.jpg:after {
  margin-left: 5px;
}
.base-section a.js:after {
  margin-left: 5px;
}
.base-section a.link:after {
  margin-left: 5px;
}
.base-section a.md:after {
  margin-left: 5px;
}
.base-section a.mov:after {
  margin-left: 5px;
}
.base-section a.mp3:after {
  margin-left: 5px;
}
.base-section a.mp4:after {
  margin-left: 5px;
}
.base-section a.odf:after {
  margin-left: 5px;
}
.base-section a.odp:after {
  margin-left: 5px;
}
.base-section a.ods:after {
  margin-left: 5px;
}
.base-section a.odt:after {
  margin-left: 5px;
}
.base-section a.ogg:after {
  margin-left: 5px;
}
.base-section a.ogv:after {
  margin-left: 5px;
}
.base-section a.other:after {
  margin-left: 5px;
}
.base-section a.pdf:after {
  margin-left: 5px;
}
.base-section a.png:after {
  margin-left: 5px;
}
.base-section a.ppt:after {
  margin-left: 5px;
}
.base-section a.pptx:after {
  margin-left: 5px;
}
.base-section a.psd:after {
  margin-left: 5px;
}
.base-section a.rar:after {
  margin-left: 5px;
}
.base-section a.rss:after {
  margin-left: 5px;
}
.base-section a.sass:after {
  margin-left: 5px;
}
.base-section a.svg:after {
  margin-left: 5px;
}
.base-section a.swf:after {
  margin-left: 5px;
}
.base-section a.tar:after {
  margin-left: 5px;
}
.base-section a.tif:after {
  margin-left: 5px;
}
.base-section a.txt:after {
  margin-left: 5px;
}
.base-section a.wav:after {
  margin-left: 5px;
}
.base-section a.webm:after {
  margin-left: 5px;
}
.base-section a.xls:after {
  margin-left: 5px;
}
.base-section a.xlsx:after {
  margin-left: 5px;
}
.base-section a.xml:after {
  margin-left: 5px;
}
.base-section a.zip:after {
  margin-left: 5px;
}
/* 確保容器是相對定位，偽元素才能正確絕對定位 */
._2p3a {
  width: unset;
}

.info > .bg-drop-layout > .in > .hd,
.info > .in > .hd {
  display: none;
}
.base-content .info > .in > .ct > .in {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
}
@media screen and (max-width: 768px) {
  .base-content .info > .in > .ct > .in {
    flex-direction: column;
    align-items: flex-start;
    justify-content: start;
  }
}
.base-content .info > .in > .ct > .in:after {
  display: none;
}
.base-footer .info {
  padding: 8px 15px;
}
.base-footer .info > .in > .ct > .in {
  display: flex;
  align-items: flex-end;
  justify-content: end;
}
@media screen and (max-width: 768px) {
  .base-footer .info > .in > .ct > .in {
    flex-wrap: wrap;
    justify-content: end;
  }
}

.d-none {
  display: none;
}

[data-js=false] .msg-tool {
  display: none;
}
.simple-text.heading + .msg-tool {
  display: none;
}
.msg-tool > .bg-drop-layout > .in > .ct > .in,
.msg-tool > .in > .ct > .in {
  display: flex;
  gap: 3px;
  align-items: flex-start;
}

.top-banner {
  position: relative;
}
@media screen and (max-width: 768px) {
  .top-banner {
    padding-bottom: 0;
  }
}
.top-banner > .in {
  margin: 0 !important;
}
.top-banner > .in > .ct {
  position: relative;
}
.top-banner > .in > .ct > .in::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: clamp(250px, 35vw, 420px);
  aspect-ratio: 700/600;
  background-image: url("../images/banner-logo.png"), linear-gradient(45deg, #ffffff, transparent);
  background-repeat: no-repeat, no-repeat;
  background-position: left 15% bottom 10%, center center;
  background-size: 75%, cover;
  z-index: 2;
  backdrop-filter: blur(10px);
  clip-path: polygon(0 100%, 0 0, 100% 100%);
  pointer-events: none;
}
.top-banner .list-text.slider {
  position: absolute;
  bottom: 30px;
  right: 30px;
  width: clamp(320px, 800px, 50vw);
}
@media screen and (max-width: 768px) {
  .top-banner .list-text.slider {
    width: 100%;
    position: initial;
    padding: 15px;
    box-sizing: border-box;
  }
}

.index-nav > .in {
  margin: 0 !important;
}
@media screen and (max-width: 768px) {
  .index-nav {
    display: none;
  }
}

.group.news > .in,
.other-info > .in,
.group.report > .in {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding: 15px;
}

.group.news {
  background-color: rgba(114, 109, 98, 0.3);
  position: relative;
}
.group.news > .in:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  width: 60px;
  height: 60px;
  box-shadow: 0 0 0 40px rgba(255, 255, 255, 0.8);
  transition: 0.2s;
  left: 0;
  clip-path: inset(50% 50% 0 -10px);
}
.group.news:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  width: 60px;
  height: 60px;
  box-shadow: 0 0 0 40px rgba(255, 255, 255, 0.8);
  transition: 0.2s;
  right: 0;
  clip-path: inset(50% -10px 0 50%);
}

.other-info {
  background-color: rgba(255, 255, 255, 0.2);
  position: relative;
}
.other-info > .in:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  width: 60px;
  height: 60px;
  box-shadow: 0 0 0 40px rgba(153, 121, 80, 0.2);
  transition: 0.2s;
  left: 0;
  clip-path: inset(50% 50% 0 -10px);
}
.other-info > .in > .ct > .in {
  padding: 0;
}
@media screen and (max-width: 768px) and (min-width: 1px) {
  .other-info > .in > .ct > .in {
    display: flex;
    flex-direction: column;
  }
  .other-info > .in > .ct > .in .group-list.slider {
    width: 100% !important;
  }
}
.other-info > .in > .ct > .in div + div {
  margin-top: 0 !important;
}
@media screen and (max-width: 768px) {
  .other-info > .in > .ct > .in .group-list.slider {
    padding: 0 !important;
  }
}
.other-info > .in > .ct > .in .group-list.slider > .in {
  margin: 0;
}
@media screen and (max-width: 768px) {
  .other-info > .in > .ct > .in .group-list.slider > .in > .hd h2 {
    margin-top: 0;
  }
}
.other-info:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  width: 60px;
  height: 60px;
  box-shadow: 0 0 0 40px rgba(153, 121, 80, 0.2);
  transition: 0.2s;
  right: 0;
  clip-path: inset(50% -10px 0 50%);
}

.group.report {
  background-color: rgba(153, 121, 80, 0.2);
}

.list-text.jump-tool .ct ul {
  text-align: center !important;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .list-text.jump-tool.NextPreNews {
    display: none;
  }
}
.list-text.jump-tool.NextPreNews .PreNews a,
.list-text.jump-tool.NextPreNews .NextNews a {
  max-width: 300px;
  border: none;
}
.list-text.jump-tool.NextPreNews .PreNews a {
  background-image: url("../images/icon-pic/away-b-left.png") !important;
}
.list-text.jump-tool.NextPreNews .NextNews a {
  background-image: url("../images/icon-pic/away-b-right.png") !important;
}

.run-animate {
  overflow: hidden;
}
.run-animate.toright {
  position: relative;
  animation: toright_item 1.2s forwards;
}
.run-animate.toleft {
  position: relative;
  animation: toleft_item 1.2s forwards;
}
.run-animate.toup {
  position: relative;
  animation: up_item 1.2s forwards;
}
.run-animate.module-in > .in > .hd {
  animation: up_item 1.2s forwards;
}
.run-animate.module-in > .in > .ct > .in {
  position: relative;
  animation: toleft_item 1.8s forwards;
}
.run-animate.group-in > .in > .ct > .in > [data-index][data-type] {
  position: relative;
}
.run-animate.group-in > .in > .ct > .in > [data-index][data-type]:nth-child(odd) {
  animation: toright_item 1.2s forwards;
}
.run-animate.group-in > .in > .ct > .in > [data-index][data-type]:nth-child(even) {
  animation: toleft_item 1.8s forwards;
}
.run-animate.bg-paper {
  animation: bg-paper 1.2s forwards;
}
.run-animate.bigHead .headH3 {
  opacity: 0;
  animation: bigHead 1.2s forwards;
}
.run-animate.bigHead .ct {
  opacity: 0;
  animation: up_item 1.8s forwards;
}
.run-animate .layout1 > img {
  animation: layout1-img 1.2s ease forwards;
}
@media screen and (max-width: 560px) {
  .run-animate .layout1 > img {
    animation: none;
    opacity: 1;
  }
}
.run-animate .layout1 .essay {
  opacity: 0;
  animation: layout1-essay 1.8s ease forwards;
}
@media screen and (max-width: 560px) {
  .run-animate .layout1 .essay {
    animation: none;
    opacity: 1;
  }
}
@media screen and (max-width: 560px) {
  .run-animate .layout1 > img {
    animation: none;
    opacity: 1;
  }
  .run-animate .layout1 .essay {
    animation: none;
    opacity: 1;
  }
}
@keyframes layout1-img {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes layout1-essay {
  0% {
    transform: translate(30%, -50%);
    opacity: 0;
  }
  100% {
    transform: translate(0%, -50%);
    opacity: 1;
  }
}
.run-animate .layout2 > img {
  animation: layout2-img 1.2s ease forwards;
}
.run-animate .layout2 .essay {
  opacity: 0;
  animation: layout2-essay 1.8s ease forwards;
}
@media screen and (max-width: 560px) {
  .run-animate .layout2 > img {
    animation: none;
    opacity: 1;
  }
  .run-animate .layout2 .essay {
    animation: none;
    opacity: 1;
  }
}
@keyframes layout2-img {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes layout2-essay {
  0% {
    transform: translate(70%, -50%);
    opacity: 0;
  }
  100% {
    transform: translate(100%, -50%);
    opacity: 1;
  }
}

@keyframes up_item {
  0% {
    bottom: -80px;
    opacity: 0;
  }
  40% {
    bottom: -80px;
    opacity: 0;
  }
  99% {
    bottom: -1px;
    opacity: 1;
  }
  100% {
    bottom: 0px;
    opacity: 1;
  }
}
@keyframes toleft_item {
  0% {
    right: -40px;
    opacity: 0;
  }
  40% {
    right: -40px;
    opacity: 0;
  }
  99% {
    right: -1px;
    opacity: 1;
  }
  100% {
    right: 0px;
    opacity: 1;
  }
}
@keyframes toright_item {
  0% {
    left: -40px;
    opacity: 0;
  }
  40% {
    left: -40px;
    opacity: 0;
  }
  99% {
    left: -1px;
    opacity: 1;
  }
  100% {
    left: 0px;
    opacity: 1;
  }
}
@keyframes bg-paper {
  0% {
    bottom: -80px;
    background-image: none;
  }
  40% {
    bottom: -80px;
    opacity: 0;
  }
  99% {
    bottom: 0px;
    opacity: 1;
  }
  100% {
    bottom: 0px;
    background-image: url(../images/bg-paper.png);
  }
}
@keyframes bigHead {
  0% {
    transform: translateY(-80px);
    opacity: 0;
  }
  40% {
    transform: translateY(-80px);
    opacity: 0;
  }
  99% {
    transform: translateY(0px);
    opacity: 1;
  }
  100% {
    transform: translateY(0px);
    opacity: 1;
  }
}
@keyframes toleft_relative {
  0% {
    transform: translateX(10%);
    opacity: 0;
  }
  40% {
    transform: translateX(10%);
    opacity: 0;
  }
  99% {
    transform: translateX(0%);
    opacity: 1;
  }
  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}
@keyframes toright_relative {
  0% {
    transform: translateX(-10%);
    opacity: 0;
  }
  40% {
    transform: translateX(-10%);
    opacity: 0;
  }
  99% {
    transform: translateX(0%);
    opacity: 1;
  }
  100% {
    transform: translateX(0%);
    opacity: 1;
  }
}
.group.default:has(.top-banner) > .in {
  margin: 0;
}
.group.default[data-type="1"][data-child="1"] > .bg-drop-layout > .in > .ct > .in > div, .group.default[data-type="1"][data-child="1"] > .in > .ct > .in > div {
  float: left;
  width: 100%;
  padding: 0 15px;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) and (min-width: 561px) {
  .group.default[data-type="1"][data-child="1"] > .bg-drop-layout > .in > .ct > .in > div, .group.default[data-type="1"][data-child="1"] > .in > .ct > .in > div {
    width: 50%;
    margin-top: 15px;
  }
  .group.default[data-type="1"][data-child="1"] > .bg-drop-layout > .in > .ct > .in > div:first-child, .group.default[data-type="1"][data-child="1"] > .bg-drop-layout > .in > .ct > .in > div:nth-child(2), .group.default[data-type="1"][data-child="1"] > .in > .ct > .in > div:first-child, .group.default[data-type="1"][data-child="1"] > .in > .ct > .in > div:nth-child(2) {
    margin-top: 0;
  }
  .group.default[data-type="1"][data-child="1"] > .bg-drop-layout > .in > .ct > .in > div:nth-of-type(odd), .group.default[data-type="1"][data-child="1"] > .in > .ct > .in > div:nth-of-type(odd) {
    clear: left;
  }
}
@media screen and (max-width: 560px) {
  .group.default[data-type="1"][data-child="1"] > .bg-drop-layout > .in > .ct > .in > div, .group.default[data-type="1"][data-child="1"] > .in > .ct > .in > div {
    width: 100%;
  }
  .group.default[data-type="1"][data-child="1"] > .bg-drop-layout > .in > .ct > .in > div + div, .group.default[data-type="1"][data-child="1"] > .in > .ct > .in > div + div {
    margin-top: 15px;
  }
}
.group.default[data-type="1"][data-child="2"] > .bg-drop-layout > .in > .ct > .in > div, .group.default[data-type="1"][data-child="2"] > .in > .ct > .in > div {
  float: left;
  width: 50%;
  padding: 0 15px;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) and (min-width: 561px) {
  .group.default[data-type="1"][data-child="2"] > .bg-drop-layout > .in > .ct > .in > div, .group.default[data-type="1"][data-child="2"] > .in > .ct > .in > div {
    width: 50%;
    margin-top: 15px;
  }
  .group.default[data-type="1"][data-child="2"] > .bg-drop-layout > .in > .ct > .in > div:first-child, .group.default[data-type="1"][data-child="2"] > .bg-drop-layout > .in > .ct > .in > div:nth-child(2), .group.default[data-type="1"][data-child="2"] > .in > .ct > .in > div:first-child, .group.default[data-type="1"][data-child="2"] > .in > .ct > .in > div:nth-child(2) {
    margin-top: 0;
  }
  .group.default[data-type="1"][data-child="2"] > .bg-drop-layout > .in > .ct > .in > div:nth-of-type(odd), .group.default[data-type="1"][data-child="2"] > .in > .ct > .in > div:nth-of-type(odd) {
    clear: left;
  }
}
@media screen and (max-width: 560px) {
  .group.default[data-type="1"][data-child="2"] > .bg-drop-layout > .in > .ct > .in > div, .group.default[data-type="1"][data-child="2"] > .in > .ct > .in > div {
    width: 100%;
  }
  .group.default[data-type="1"][data-child="2"] > .bg-drop-layout > .in > .ct > .in > div + div, .group.default[data-type="1"][data-child="2"] > .in > .ct > .in > div + div {
    margin-top: 15px;
  }
}
.group.default[data-type="1"][data-child="3"] > .bg-drop-layout > .in > .ct > .in > div, .group.default[data-type="1"][data-child="3"] > .in > .ct > .in > div {
  float: left;
  width: 33.3333333333%;
  padding: 0 15px;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) and (min-width: 561px) {
  .group.default[data-type="1"][data-child="3"] > .bg-drop-layout > .in > .ct > .in > div, .group.default[data-type="1"][data-child="3"] > .in > .ct > .in > div {
    width: 50%;
    margin-top: 15px;
  }
  .group.default[data-type="1"][data-child="3"] > .bg-drop-layout > .in > .ct > .in > div:first-child, .group.default[data-type="1"][data-child="3"] > .bg-drop-layout > .in > .ct > .in > div:nth-child(2), .group.default[data-type="1"][data-child="3"] > .in > .ct > .in > div:first-child, .group.default[data-type="1"][data-child="3"] > .in > .ct > .in > div:nth-child(2) {
    margin-top: 0;
  }
  .group.default[data-type="1"][data-child="3"] > .bg-drop-layout > .in > .ct > .in > div:nth-of-type(odd), .group.default[data-type="1"][data-child="3"] > .in > .ct > .in > div:nth-of-type(odd) {
    clear: left;
  }
}
@media screen and (max-width: 560px) {
  .group.default[data-type="1"][data-child="3"] > .bg-drop-layout > .in > .ct > .in > div, .group.default[data-type="1"][data-child="3"] > .in > .ct > .in > div {
    width: 100%;
  }
  .group.default[data-type="1"][data-child="3"] > .bg-drop-layout > .in > .ct > .in > div + div, .group.default[data-type="1"][data-child="3"] > .in > .ct > .in > div + div {
    margin-top: 15px;
  }
}
.group-tab > .bg-drop-layout > .in > .hd, .group-tab > .in > .hd {
  display: block;
}
[data-js=false] .group-tab > .bg-drop-layout > .in > .ct > .in > ul > li, [data-js=false] .group-tab > .in > .ct > .in > ul > li {
  display: none;
}
[data-js=false] .group-tab > .bg-drop-layout > .in > .ct > .in > ul > li + li, [data-js=false] .group-tab > .in > .ct > .in > ul > li + li {
  display: block !important;
}
.group-tab > .bg-drop-layout > .in > .ct > .in > ul > li + li + li, .group-tab > .in > .ct > .in > ul > li + li + li {
  display: none;
}
.group-tab > .bg-drop-layout > .in > .ct > .in > ul > li > [data-index][data-type] > .bg-drop-layout > .in > .hd, .group-tab > .bg-drop-layout > .in > .ct > .in > ul > li > [data-index][data-type] > .in > .hd, .group-tab > .in > .ct > .in > ul > li > [data-index][data-type] > .bg-drop-layout > .in > .hd, .group-tab > .in > .ct > .in > ul > li > [data-index][data-type] > .in > .hd {
  display: none;
}
[data-js=false] .group-tab > .bg-drop-layout > .in > .ct > .in > ul > li > [data-index][data-type] > .bg-drop-layout > .in > .hd, [data-js=false] .group-tab > .bg-drop-layout > .in > .ct > .in > ul > li > [data-index][data-type] > .in > .hd, [data-js=false] .group-tab > .in > .ct > .in > ul > li > [data-index][data-type] > .bg-drop-layout > .in > .hd, [data-js=false] .group-tab > .in > .ct > .in > ul > li > [data-index][data-type] > .in > .hd {
  display: block !important;
}
.group-tab.default > .bg-drop-layout > .in > .hd, .group-tab.default > .in > .hd {
  display: none;
}
.group-tab.default > .bg-drop-layout > .in > .ct > .in > ul > li + li, .group-tab.default > .in > .ct > .in > ul > li + li {
  margin-top: 8px;
}
.group-tab.default > .bg-drop-layout > .in > .ct > .in > ul > li > [data-index][data-type] > .in > .ft, .group-tab.default > .in > .ct > .in > ul > li > [data-index][data-type] > .in > .ft {
  position: static;
  margin-top: 5px;
}
.group-list > .bg-drop-layout > .in > .ct > .in > ul > li > [data-type] > .bg-drop-layout > .in, .group-list > .bg-drop-layout > .in > .ct > .in > ul > li > [data-type] > .in, .group-list > .in > .ct > .in > ul > li > [data-type] > .bg-drop-layout > .in, .group-list > .in > .ct > .in > ul > li > [data-type] > .in {
  margin: 0 !important;
}
.group-list.default > .bg-drop-layout > .in > .ct > .in > ul > li, .group-list.default > .in > .ct > .in > ul > li {
  margin-top: 8px;
}
.base-footer .simple-text {
  margin: 0 8px;
}
.simple-text .ct {
  /*i*/
}
.simple-text.default .ct {
  /*i*/
}
.simple-text.default .ct span {
  display: block;
}
.simple-pic .ct {
  /*i*/
}
.simple-pic.default .ct {
  /*i*/
}
.simple-pic.default .ct span {
  display: block;
}
.simple-pic.default .ct a {
  display: block;
}
.simple-pic.default .ct img {
  display: block;
  width: 100%;
}
.list-text .ct {
  /*i*/
}
.list-text.default .ct {
  /*i*/
}
.list-pic .ct {
  /*i*/
}
.list-pic.default .ct {
  /*i*/
}
.area-essay .ct img {
  max-width: 100% !important;
}
.area-essay .ct table {
  max-width: 100% !important;
}
@media screen and (max-width: 768px) {
  .area-essay .ct table {
    table-layout: fixed;
  }
}
.area-figure .ct img {
  max-width: 100% !important;
}
.area-figure .ct table {
  max-width: 100% !important;
}
@media screen and (max-width: 768px) {
  .area-figure .ct table {
    table-layout: fixed;
  }
}
.group-list:has(.area-forum) > .in > .ct > .in > ul > li {
  margin-bottom: 8px;
}

.area-forum .ct > .in .div {
  border-bottom: 1px dashed #CECECE;
  padding-bottom: 15px;
  margin-bottom: 15px;
  position: relative;
  transition: 150ms;
}
.area-forum .ct > .in .div:hover {
  transform: translateY(-3px);
}
.area-forum .ct > .in .caption {
  font-size: 1.4em;
  margin-bottom: 5px;
}
.area-forum .ct > .in .g {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .area-forum .ct > .in .g {
    flex-wrap: wrap;
  }
}
.area-forum .ct > .in .g > div {
  padding-left: 20px;
  margin-right: 20px;
  background-size: 18px;
  position: relative;
  color: #646464;
}
.area-forum .ct > .in .g > div:before {
  content: "​";
  width: 18px;
  height: 18px;
  position: absolute;
  left: 0;
  top: 2px;
  opacity: 0.7;
}
.area-forum .ct > .in .user:before {
  background-image: url("../images/svg/icon_user.svg");
}
.area-forum .ct > .in .label:before {
  background-image: url("../images/svg/Icon_calendar.svg");
}
.area-forum .ct > .in .count {
  color: #997950 !important;
  opacity: 1 !important;
}
.area-forum .ct > .in .count:before {
  background-image: url("../images/svg/icon_msg02.svg");
}

.group-list:has(.area-forum) > .in > .ct > .in > ul > li {
  margin-bottom: 8px;
}

.area-forum .hd > .in {
  font-size: 1.4em;
  font-weight: 700;
}
.area-forum .ct .info {
  display: flex;
  align-items: center;
  margin: 8px 0 0 0;
}
@media screen and (max-width: 768px) {
  .area-forum .ct .info {
    flex-wrap: wrap;
  }
}
.area-forum .ct .info > div {
  color: #646464;
  margin-right: 30px;
  margin-bottom: 8px;
}
.area-forum .ct .info > div span:after {
  content: ":";
  display: inline-block;
  margin: 0 5px;
}
.area-forum .ct .info > div .user, .area-forum .ct .info > div .date, .area-forum .ct .info > div .mail {
  position: relative;
  padding-left: 20px;
}
.area-forum .ct .info > div .user:before, .area-forum .ct .info > div .date:before, .area-forum .ct .info > div .mail:before {
  content: "​";
  width: 18px;
  height: 18px;
  position: absolute;
  left: 0;
  top: -1px;
  opacity: 0.7;
}
.area-forum .ct .info > div .user:before {
  background-image: url("../images/svg/icon_user.svg");
}
.area-forum .ct .info > div .mail:before {
  background-image: url("../images/svg/icon_mail02.svg");
}
.area-forum .ct .info > div .date:before {
  background-image: url("../images/svg/Icon_calendar.svg");
}
.area-forum .ct .p {
  margin: 15px 0 30px 0;
}
.area-forum .ct .title {
  font-size: 1.1em;
  font-weight: 700;
  position: relative;
  padding-left: 30px;
  display: flex;
}
.area-forum .ct .title:before {
  content: "";
  display: block;
  width: 4px;
  height: 20px;
  border-radius: 4px;
  position: absolute;
  top: 5px;
  transform: skewX(-20deg);
  -webkit-transform: skewX(-20deg);
  -moz-transform: skewX(-20deg);
  -ms-transform: skewX(-20deg);
  -o-transform: skewX(-20deg);
  box-shadow: 10px 0 0 #2D2D2D;
  background-color: #997950;
  left: 6px;
}
.area-forum .ct .title:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  /* width: 100%; */
  flex: 1;
  height: 14px;
  border-bottom: 1px dashed #CECECE;
  margin-left: 10px;
}
.area-forum .ct .text label {
  display: block;
  margin-bottom: 5px;
  font-size: 1.1em;
}
.area-forum .ct .text input {
  width: 100%;
}
.area-forum .ct .text + .info {
  margin-bottom: 15px;
}
.area-forum .ct .text + .info + .textarea textarea {
  min-height: 400px;
}
.area-forum .ct .textarea {
  margin: 8px 0;
}
.area-forum .ct .textarea label {
  display: none;
}
.area-forum .ct .textarea textarea {
  width: 100% !important;
  height: 100px;
}
.area-forum .ct .btn-list {
  margin-top: 5px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 560px) {
  .area-forum .ct .btn-list {
    display: block;
    text-align: right;
  }
}
.area-forum .ct .btn-list .checkbox {
  display: flex;
  align-items: center;
}
.area-forum .ct .btn-list .checkbox label {
  order: 2;
}
.area-forum .ct .btn-list .checkbox input {
  order: 1;
  margin-right: 3px;
  margin-top: 8px;
}
.area-forum .ct .btn-list .link {
  color: #997950;
}
.area-forum .ct .btn-list .link:after {
  display: none;
}
.area-forum .ct .btn-list .link:hover {
  text-decoration: underline;
}
.area-forum .ct .btn-list .btn {
  padding: 12px 30px;
}
.area-forum .ct ul {
  margin-top: 30px;
}
.area-forum .ct ul li {
  padding-left: 70px;
  border-radius: 3px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .area-forum .ct ul li {
    padding-left: 50px;
  }
}
.area-forum .ct ul li:before {
  content: "​";
  background-image: url("../images/svg/icon_user.svg");
  background-position: top left;
  position: absolute;
  left: 0;
  opacity: 0.2;
  display: block;
  width: 50px;
  height: 50px;
}
@media screen and (max-width: 768px) {
  .area-forum .ct ul li:before {
    width: 30px;
    height: 30px;
  }
}
.area-forum .ct ul li + li {
  margin-top: 8px;
}
.area-forum .ct ul .area-forum.default .div {
  border-bottom: none;
  margin: 0;
}
.area-forum .ct ul .area-forum.default .div:hover {
  transform: initial;
}
.area-forum .ct ul .area-forum.default .caption {
  font-size: 1em;
  background-color: #f0f0f0;
  padding: 15px;
  border-radius: 3px;
  position: relative;
}
.area-forum .ct ul .area-forum.default .caption:before {
  content: "​";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 15px 10px 0;
  border-color: transparent #f0f0f0 transparent transparent;
  position: absolute;
  left: -12px;
}
@media screen and (max-width: 768px) {
  .area-forum .ct ul .area-forum.default .caption:before {
    top: 5px;
  }
}

.area-editor .ct img {
  max-width: 100% !important;
}
.area-editor .ct table {
  max-width: 100% !important;
}
@media screen and (max-width: 768px) {
  .area-editor .ct table {
    table-layout: fixed;
  }
}
.area-customize.popuper {
  background-color: rgba(45, 45, 45, 0.5);
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  width: 100vw;
  height: 100vh;
}
.area-customize.popuper > .in {
  background-color: #ffffff;
  box-shadow: 0 0 8px #787878;
  border-radius: 3px;
  position: relative;
  z-index: 1;
  overflow: hidden;
  width: 50vw;
  height: auto;
  max-height: 90vh;
  padding: 15px;
  box-sizing: border-box;
}
@media screen and (max-width: 560px) {
  .area-customize.popuper > .in {
    width: 90vw !important;
    margin: 15px;
  }
}
.area-customize.popuper > .in > .hd {
  padding-right: 56px;
  margin-bottom: 8px;
}
.area-customize.popuper > .in > .hd > .in {
  display: block;
  font-size: 1.6em;
  min-height: 30px;
  line-height: 1.2;
  position: relative;
  padding-left: 10px;
}
.area-customize.popuper > .in > .hd > .in:before {
  content: "​";
  left: 0;
  height: 24px;
  position: absolute;
  top: 3px;
  bottom: 0;
  width: 4px;
  border-radius: 3px;
  background-color: #f6a028;
}
.area-customize.popuper > .in > .ct {
  overflow-y: auto;
  max-height: calc(90vh - 55px - 0px);
}
.area-customize.popuper > .in > .ct iframe {
  height: 100%;
  width: 100%;
}
.area-customize.popuper > .in > .ft {
  position: absolute;
  top: 14px;
  right: 20px;
  z-index: 2;
}
@media screen and (max-width: 560px) {
  .area-customize.popuper > .in > .ft {
    right: 8px;
  }
}
.area-customize.popuper > .in > .ft a {
  display: block;
  width: calc(56px / 2);
  height: calc(56px / 2);
  background-image: url("../images/svg/icon_cancel.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px;
  padding: 0;
}
.area-customize.popuper > .in > .ft a:hover {
  background-color: #CECECE;
}
.area-customize.popuper > .in.w-xl {
  width: clamp(768px, 90vw, 90vw);
}
@media screen and (max-width: 768px) {
  .area-customize.popuper > .in.w-xl {
    width: calc(100vw - 20px);
  }
}
.area-customize.popuper > .in.w-l {
  width: clamp(768px, 70vw, 70vw);
}
@media screen and (max-width: 768px) and (min-width: 561px) {
  .area-customize.popuper > .in.w-l {
    width: clamp(640px, 70vw, 90%);
  }
}
.area-customize.popuper > .in.w-m {
  width: clamp(768px, 50vw, 50vw);
}
@media screen and (max-width: 768px) and (min-width: 561px) {
  .area-customize.popuper > .in.w-m {
    width: clamp(320px, 50vw, 90%);
  }
}
.area-customize.popuper > .in.w-s {
  width: clamp(320px, 30vw, 30vw);
}
@media screen and (max-width: 768px) and (min-width: 561px) {
  .area-customize.popuper > .in.w-s {
    width: clamp(320px, 30vw, 90%);
  }
}
.area-customize.popuper > .in.h-xl > .ct .g.layer-02, .area-customize.popuper > .in.h-xl > .ct .g.layer-02 > div {
  height: 100%;
}
.area-customize.popuper > .in.h-l > .ct .g.layer-02, .area-customize.popuper > .in.h-l > .ct .g.layer-02 > div {
  height: 100%;
}
.area-customize.popuper > .in.h-m > .ct .g.layer-02, .area-customize.popuper > .in.h-m > .ct .g.layer-02 > div {
  height: 100%;
}
.area-customize.popuper > .in.h-s > .ct .g.layer-02, .area-customize.popuper > .in.h-s > .ct .g.layer-02 > div {
  height: 100%;
}
.area-customize.popuper > .in:has(.group-list.search-filter) .frame-with-btn > .ct {
  overflow: hidden !important;
}
.area-customize.popuper > .in:has(.group-list.search-filter) .frame-with-btn > .ct > .in, .area-customize.popuper > .in:has(.group-list.search-filter) .frame-with-btn > .ct .group-list.search-filter,
.area-customize.popuper > .in:has(.group-list.search-filter) .frame-with-btn > .ct .group-list.search-filter > .in,
.area-customize.popuper > .in:has(.group-list.search-filter) .frame-with-btn > .ct .group-list.search-filter > .in > .ct,
.area-customize.popuper > .in:has(.group-list.search-filter) .frame-with-btn > .ct .group-list.search-filter > .in > .ct > .in,
.area-customize.popuper > .in:has(.group-list.search-filter) .frame-with-btn > .ct .group-list.search-filter > .in > .ct > .in > ul {
  height: 100%;
  overflow: hidden;
}
.area-customize.popuper > .in:has(.group-list.search-filter) .frame-with-btn > .ct .group-list.search-filter > .in > .ct > .in > ul > li {
  overflow: auto;
}
.area-customize.popuper > .in:has(.group-list.search-filter) .frame-with-btn .group-list.search-filter > .in > .ct > .in {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.area-customize.popuper > .in:has(.group-list.search-filter) .frame-with-btn .group-list.search-filter > .in > .ct > .in > ul {
  flex: 1;
  height: initial;
}
.area-customize.popuper > .in:has(.group-list.search-filter) .frame-with-btn .group-list.search-filter > .in > .ct > .in > ul > li {
  overflow: auto;
}
.area-customize.popuper > .in:has(.frame-with-btn) > .ct {
  overflow: initial;
}
.area-customize.popuper > .in:has(.frame-with-btn) > .ct > .in, .area-customize.popuper > .in:has(.frame-with-btn) > .ct > .in > div, .area-customize.popuper > .in:has(.frame-with-btn) > .ct .frame-with-btn {
  height: 100%;
}
.area-customize.popuper > .in:has(.frame-with-btn) > .ct .frame-with-btn > .ct {
  height: calc(100% - 50px);
  overflow: auto;
}
.area-customize.popuper > .in:has(.frame-with-btn) > .ct .frame-with-btn > .ft {
  text-align: center;
  padding-top: 8px;
  border-top: 1px solid #CECECE;
}
.area-customize.popuper > .in:has(.frame-with-btn) > .ct .frame-with-btn > .ft a {
  margin: 3px;
}
d .area-customize.popuper > .in:has(.frame-with-btn) > .ct .frame-with-btn > .ft a.is-premary {
  color: #ffffff;
}
.area-customize.popuper.toast {
  align-items: flex-start;
  text-align: center;
  background-color: transparent;
}
.area-customize.popuper.toast > .in {
  top: 15px;
  box-shadow: none;
  color: #ffffff;
  max-width: 640px;
}
.area-customize.popuper.toast .msg {
  font-size: calc(1em * 1.5);
  font-weight: 700;
  margin-bottom: 15px;
}
.area-customize.popuper.toast .info .title {
  margin-right: 8px;
  font-weight: 700;
}
.area-customize.popuper.is-danger > .in {
  background-color: #ea5b60;
}
.area-customize.popuper.is-success > .in {
  background-color: #0d7247;
}
.area-customize.popuper.is-warning > .in {
  background-color: #b98a0c;
}
.area-customize.popuper.cus-popuper > .in {
  width: auto;
  height: auto;
  max-width: 90vw;
  max-height: 90vh;
}
.area-customize.popuper.cus-popuper > .in > .ct {
  overflow: hidden;
}
.area-customize.popuper.cus-popuper > .in > .ct .simple-pic img {
  max-width: 90vw;
  max-height: calc(90vh - 32px);
  width: auto;
  height: auto;
}
.area-customize.popuper.cus-popuper > .in > .ct .group-list.major-slider > .in > .ft {
  margin: 0 !important;
  margin-bottom: 0 !important;
}
.area-customize.popuper.cus-popuper > .in > .ct .group-list.major-slider > .in > .ft li.is-dot a {
  padding: 0 !important;
}
.area-customize.popuper.cus-popuper > .in > .ft {
  right: 15px;
  margin: 0;
}
.area-customize.popuper.cus-popuper > .in > .ft a {
  background-color: #ffffff !important;
  padding: 8px !important;
  box-sizing: initial !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.area-form.news-latter > .in .ct .mailInput {
  position: relative;
  margin: 8px 0;
}
.area-form.news-latter > .in .ct .mailInput .fieldset:first-child {
  width: 100%;
}
.area-form.news-latter > .in .ct .mailInput .fieldset label {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  clip: rect(0 0 0 0);
  clip-path: inset(100%);
  overflow: hidden;
  white-space: nowrap;
}
.area-form.news-latter > .in .ct .mailInput .fieldset:last-child {
  position: absolute;
  right: 4px;
  top: 4px;
}
.area-form.news-latter > .in .ct .mailInput .fieldset input {
  position: relative;
  padding: 20px;
  padding-right: 70px;
  width: 100%;
}
.area-form.news-latter > .in .ct .fieldset {
  display: flex;
  align-items: center;
  gap: 5px;
}
.area-form.news-latter > .in .ct .fieldset + .list {
  margin-top: 15px;
}
.area-form.news-latter > .in .ct .fieldset .email label {
  display: none;
}
.area-form.news-latter > .in .ct .fieldset .email input {
  width: 400px;
  max-width: 100%;
}
@media screen and (max-width: 768px) {
  .area-form.news-latter > .in .ct .fieldset .email input {
    width: 220px;
  }
}
.area-form.news-latter > .in .ct .is-inline {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 15px;
}
.area-form.news-latter > .in .ct .is-inline a.cancel-all {
  border: 1px solid #CECECE;
  padding: 5px;
}
.area-form.news-latter > .in .ct .list ul {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}
@media screen and (max-width: 1366px) {
  .area-form.news-latter > .in .ct .list ul {
    flex-direction: column;
  }
}
.area-form.news-latter > .in .ct .list ul li {
  padding: 15px;
  border: 1px solid #CECECE;
  border-radius: 3px;
  box-sizing: border-box;
  width: 50%;
  flex: 0 0 calc(50% - 8px);
  display: flex;
  align-items: flex-start;
  gap: 15px;
}
@media screen and (max-width: 1366px) {
  .area-form.news-latter > .in .ct .list ul li {
    flex: 1;
    width: 100%;
  }
}
@media screen and (max-width: 560px) {
  .area-form.news-latter > .in .ct .list ul li {
    flex-direction: column;
  }
}
.area-form.news-latter > .in .ct .list ul li .img {
  flex: 0 0 240px;
  width: 240px;
  height: 100%;
}
@media screen and (max-width: 560px) {
  .area-form.news-latter > .in .ct .list ul li .img {
    flex: 1;
    width: 100%;
  }
}
.area-form.news-latter > .in .ct .list ul li .img span {
  display: block;
  width: 100%;
  padding-bottom: 75%;
  background-size: cover;
  background-position: center;
}
.area-form.news-latter > .in .ct .list ul li .img img {
  display: none;
}
.area-form.news-latter > .in .ct .list ul li .essay {
  flex: 1;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
}
.area-form.news-latter > .in .ct .list ul li .essay input[type=checkbox] {
  pointer-events: none;
}
.area-form.news-latter > .in .ct .list ul li .essay label {
  pointer-events: none;
  font-size: 1.6em;
  font-weight: 700;
  padding-left: 5px;
  width: calc(100% - 28px);
  display: inline-block;
  vertical-align: middle;
}
.area-form.news-latter > .in .ct .list ul li .essay .p {
  color: #343434;
}
.area-form.news-latter > .in .ct .list ul li .essay .p > div:first-child {
  margin: 5px 0;
  font-size: 0.9em;
  color: #646464;
}
.area-form.news-latter > .in .ct .btn-list ul {
  margin-top: 15px;
}
.area-form.news-latter > .in .ct .btn-list ul input {
  font-size: 1.1em;
  padding: 10px 20px;
}
.base-mobile .list-text.language-rel .ct {
  /*i*/
}
.base-mobile .list-text.language-rel.is-active > .in > .hd a, .base-header .list-text.language-rel.is-active > .in > .hd a {
  z-index: 3;
  position: relative;
  color: #ffffff;
  background-color: #646464;
}
.base-mobile .list-text.language-rel.is-active > .in > .hd a::before, .base-header .list-text.language-rel.is-active > .in > .hd a::before {
  background-color: #ffffff;
}
.base-mobile .list-text.language-rel.is-active > .in .ct, .base-header .list-text.language-rel.is-active > .in .ct {
  display: block;
}
.base-mobile .list-text.language-rel .hd a, .base-header .list-text.language-rel .hd a {
  display: flex;
  padding: 0 8px 0 5px;
  box-sizing: border-box;
  min-width: 30px;
  line-height: 30px;
  background-color: #CECECE;
  transition: 150ms;
  color: #2D2D2D;
  text-align: center;
  font-weight: bold;
  border-radius: 30px;
}
.base-mobile .list-text.language-rel .hd a::before, .base-header .list-text.language-rel .hd a::before {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  mask: url(../images/svg/icon_earth.svg);
  -webkit-mask-image: url(../images/svg/icon_earth.svg);
  background-color: #997950;
  mask-position: center;
  mask-repeat: no-repeat;
}
.base-mobile .list-text.language-rel .hd a:hover, .base-header .list-text.language-rel .hd a:hover {
  opacity: 0.5;
}
.base-mobile .list-text.language-rel .ct, .base-header .list-text.language-rel .ct {
  display: none;
  position: absolute;
  z-index: 2;
  top: -5px;
  right: -3px;
  width: 100%;
  background-color: #ffffff;
  border-radius: 10px;
  box-shadow: 10px 20px 30px rgba(0, 0, 0, 0.15);
  padding: 3px 3px;
  padding-top: 40px;
  /*i*/
}
.base-mobile .list-text.language-rel .ct > .in, .base-header .list-text.language-rel .ct > .in {
  text-align: center;
}
.base-mobile .list-text.language-rel .ct li a, .base-header .list-text.language-rel .ct li a {
  width: 100%;
  display: block;
}
.base-mobile .group.nav {
  position: relative;
}
.base-mobile .group.nav > .bg-drop-layout > .in .hd span, .base-mobile .group.nav > .in .hd span {
  display: block;
}
.base-mobile .group.nav > .bg-drop-layout > .in .hd a, .base-mobile .group.nav > .in .hd a {
  display: block;
  padding: 15px 0;
  transition: 150ms;
  padding-right: 40px;
  color: #ffffff;
  transition: 150ms;
}
.base-mobile .group.nav > .bg-drop-layout > .in .hd a:hover, .base-mobile .group.nav > .in .hd a:hover {
  transform: translateX(8px);
  font-weight: 700;
}
.base-mobile .group.nav > .bg-drop-layout > .in > .ct, .base-mobile .group.nav > .in > .ct {
  display: none;
  border-radius: 3px;
}
.base-header .group.nav > .bg-drop-layout > .in > .hd a, .base-header .group.nav > .in > .hd a {
  line-height: 30px;
  display: block;
  padding: 8px 15px;
  text-align: center;
  transition: 150ms;
  color: #ffffff;
  background-color: transparent;
  font-size: 1.1em;
}
[data-js=false] .base-header .group.nav > .bg-drop-layout > .in > .hd a, [data-js=false] .base-header .group.nav > .in > .hd a {
  text-align: left;
  font-weight: 700;
}
.base-header .group.nav > .bg-drop-layout > .in > .ct, .base-header .group.nav > .in > .ct {
  display: none;
  position: absolute;
  top: 100%;
  width: 100%;
  left: 0;
  z-index: 2;
}
[data-js=false] .base-header .group.nav > .bg-drop-layout > .in > .ct, [data-js=false] .base-header .group.nav > .in > .ct {
  display: block;
  position: static;
  width: 100% !important;
}
.base-header .group.nav > .bg-drop-layout > .in > .ct > .in, .base-header .group.nav > .in > .ct > .in {
  background-color: rgba(45, 45, 45, 0.8);
  border-color: #CECECE;
  padding: 3px;
  min-width: 150px;
}
.base-header .group.nav > .bg-drop-layout > .in > .ct > .in a, .base-header .group.nav > .in > .ct > .in a {
  padding: 8px;
  color: #ffffff;
  display: block;
}
.base-header .group.nav > .bg-drop-layout > .in > .ct > .in a:hover, .base-header .group.nav > .in > .ct > .in a:hover {
  background-color: deeper(#997950);
}
.base-content .group.nav {
  position: relative;
}
.base-content .group.nav > .bg-drop-layout > .in > .hd span, .base-content .group.nav > .in > .hd span {
  display: block;
}
.base-content .group.nav > .bg-drop-layout > .in > .hd a, .base-content .group.nav > .in > .hd a {
  display: block;
  padding: 12px 20px;
  transition: 150ms;
  font-size: 1.1em;
}
.base-content .group.nav > .bg-drop-layout > .in > .hd a:hover, .base-content .group.nav > .in > .hd a:hover {
  background-color: #f0f0f0;
  color: currentColor;
}
.base-content .group.nav > .bg-drop-layout > .in > .ct, .base-content .group.nav > .in > .ct {
  display: none;
}
[data-js=false] .base-content .group.nav > .bg-drop-layout > .in > .ct, [data-js=false] .base-content .group.nav > .in > .ct {
  display: block;
}
.base-content .group.nav > .bg-drop-layout > .in > .ct > .in, .base-content .group.nav > .in > .ct > .in {
  overflow: hidden;
  background-color: #f0f0f0;
}
.base-content .group.nav > .bg-drop-layout > .in > .ct > .nav > .in, .base-content .group.nav > .in > .ct > .nav > .in {
  margin: 0;
}
.base-footer .group.nav > .bg-drop-layout > .in > .hd span, .base-footer .group.nav > .in > .hd span {
  display: block;
}
.base-footer .group.nav > .bg-drop-layout > .in > .hd span span:last-child, .base-footer .group.nav > .in > .hd span span:last-child {
  font-size: 0.9em;
  color: #787878;
}
.base-footer .group.nav > .bg-drop-layout > .in > .hd a, .base-footer .group.nav > .in > .hd a {
  line-height: 1.2;
  display: block;
  padding: 5px 0;
  margin-bottom: 5px;
  font-size: 0.9em;
  color: #ffffff;
}
.base-footer .group.nav > .bg-drop-layout > .in > .hd a:hover, .base-footer .group.nav > .in > .hd a:hover {
  color: #997950;
}
.base-footer .group.nav > .bg-drop-layout > .in > .hd a:hover span:last-child, .base-footer .group.nav > .in > .hd a:hover span:last-child {
  color: #997950;
}
.index-nav .group.nav {
  position: relative;
}
.index-nav .group.nav:hover > .hd span {
  color: #997950;
}
.index-nav .group.nav > .bg-drop-layout > .in > .ct, .index-nav .group.nav > .in > .ct {
  display: none;
  z-index: 1;
}
[data-js=false] .index-nav .group.nav > .bg-drop-layout > .in > .ct, [data-js=false] .index-nav .group.nav > .in > .ct {
  display: block;
}
.index-nav .group.nav > .bg-drop-layout > .in > .ct > .in, .index-nav .group.nav > .in > .ct > .in {
  overflow: visible;
  background-color: transparent;
  border-radius: 0 0 3px 3px;
}
.group.mega-nav > .in > .ct > .in > [data-index][data-type] {
  width: calc(100% / 4);
  float: left;
}
.group.mega-nav > .in > .ct > .in > [data-index][data-type]:nth-child(4n+1) {
  clear: left;
}
.group.mega-nav[data-setLen="1"] > .in > .ct > .in > [data-index][data-type] {
  width: calc(100% / 1);
  clear: none;
}
.group.mega-nav[data-setLen="1"] > .in > .ct > .in > [data-index][data-type]:nth-child(1n+1) {
  clear: left;
}
.group.mega-nav[data-setLen="2"] > .in > .ct > .in > [data-index][data-type] {
  width: calc(100% / 2);
  clear: none;
}
.group.mega-nav[data-setLen="2"] > .in > .ct > .in > [data-index][data-type]:nth-child(2n+1) {
  clear: left;
}
.group.mega-nav[data-setLen="3"] > .in > .ct > .in > [data-index][data-type] {
  width: calc(100% / 3);
  clear: none;
}
.group.mega-nav[data-setLen="3"] > .in > .ct > .in > [data-index][data-type]:nth-child(3n+1) {
  clear: left;
}
.group.mega-nav[data-setLen="4"] > .in > .ct > .in > [data-index][data-type] {
  width: calc(100% / 4);
  clear: none;
}
.group.mega-nav[data-setLen="4"] > .in > .ct > .in > [data-index][data-type]:nth-child(4n+1) {
  clear: left;
}
.group.mega-nav[data-setLen="5"] > .in > .ct > .in > [data-index][data-type] {
  width: calc(100% / 5);
  clear: none;
}
.group.mega-nav[data-setLen="5"] > .in > .ct > .in > [data-index][data-type]:nth-child(5n+1) {
  clear: left;
}
.group.mega-nav[data-setLen="6"] > .in > .ct > .in > [data-index][data-type] {
  width: calc(100% / 6);
  clear: none;
}
.group.mega-nav[data-setLen="6"] > .in > .ct > .in > [data-index][data-type]:nth-child(6n+1) {
  clear: left;
}
.group.mega-nav[data-setLen="7"] > .in > .ct > .in > [data-index][data-type] {
  width: calc(100% / 7);
  clear: none;
}
.group.mega-nav[data-setLen="7"] > .in > .ct > .in > [data-index][data-type]:nth-child(7n+1) {
  clear: left;
}
.group.mega-nav[data-setLen="8"] > .in > .ct > .in > [data-index][data-type] {
  width: calc(100% / 8);
  clear: none;
}
.group.mega-nav[data-setLen="8"] > .in > .ct > .in > [data-index][data-type]:nth-child(8n+1) {
  clear: left;
}
.group.mega-nav[data-setLen="9"] > .in > .ct > .in > [data-index][data-type] {
  width: calc(100% / 9);
  clear: none;
}
.group.mega-nav[data-setLen="9"] > .in > .ct > .in > [data-index][data-type]:nth-child(9n+1) {
  clear: left;
}
.group.mega-nav[data-setLen="10"] > .in > .ct > .in > [data-index][data-type] {
  width: calc(100% / 10);
  clear: none;
}
.group.mega-nav[data-setLen="10"] > .in > .ct > .in > [data-index][data-type]:nth-child(10n+1) {
  clear: left;
}
.base-mobile .group-list.nav {
  margin: 0 15px;
}
.base-mobile .group-list.nav > .bg-drop-layout > .in > .hd, .base-mobile .group-list.nav > .in > .hd {
  display: none;
}
.base-mobile .group-list.nav > .bg-drop-layout > .in > .ct > .in > ul > li + li, .base-mobile .group-list.nav > .in > .ct > .in > ul > li + li {
  border-top: 1px solid #CECECE;
  border-color: rgba(206, 206, 206, 0.5);
}
.base-mobile .group-list.nav > .bg-drop-layout > .in > .ct > .in > ul > li.is-parent.is-active > .group.nav > .in > .hd a, .base-mobile .group-list.nav > .in > .ct > .in > ul > li.is-parent.is-active > .group.nav > .in > .hd a {
  color: #ffffff;
}
.base-mobile .group-list.nav > .bg-drop-layout > .in > .ct > .in > ul > li.is-parent.is-active > .group.nav > .in > .hd a:before, .base-mobile .group-list.nav > .in > .ct > .in > ul > li.is-parent.is-active > .group.nav > .in > .hd a:before {
  content: "";
  background: url("../images/icon-pic/away-w-top.png");
}
.base-mobile .group-list.nav > .bg-drop-layout > .in > .ct > .in > ul > li.is-parent.is-active > .group.nav > .in .ct, .base-mobile .group-list.nav > .in > .ct > .in > ul > li.is-parent.is-active > .group.nav > .in .ct {
  display: block;
  background-color: deeper(#997950);
  margin-bottom: 8px;
  border-radius: 3px;
}
.base-mobile .group-list.nav > .bg-drop-layout > .in > .ct > .in > ul > li.is-parent > .group.nav > .in > .hd a, .base-mobile .group-list.nav > .in > .ct > .in > ul > li.is-parent > .group.nav > .in > .hd a {
  padding-right: 40px;
}
.base-mobile .group-list.nav > .bg-drop-layout > .in > .ct > .in > ul > li.is-parent > .group.nav > .in > .hd a:before, .base-mobile .group-list.nav > .in > .ct > .in > ul > li.is-parent > .group.nav > .in > .hd a:before {
  content: "";
  background: url("../images/icon-pic/away-w-bottom.png");
  position: absolute;
  display: block;
  top: 12px;
  right: 10px;
  height: 16px;
  width: 16px;
}
.base-header .group-list.nav {
  text-align: center;
}
[data-js=false] .base-header .group-list.nav {
  padding-bottom: 15px;
}
@media screen and (max-width: 768px) {
  .base-header .group-list.nav {
    display: none;
  }
}
.base-header .group-list.nav > .bg-drop-layout > .in, .base-header .group-list.nav > .in {
  background-color: #2D2D2D;
}
.base-header .group-list.nav > .bg-drop-layout > .in > .hd, .base-header .group-list.nav > .in > .hd {
  display: none;
}
.base-header .group-list.nav > .bg-drop-layout > .in > .ct > .in > ul > li, .base-header .group-list.nav > .in > .ct > .in > ul > li {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
[data-js=false] .base-header .group-list.nav > .bg-drop-layout > .in > .ct > .in > ul > li, [data-js=false] .base-header .group-list.nav > .in > .ct > .in > ul > li {
  width: 100%;
}
.base-header .group-list.nav > .bg-drop-layout > .in > .ct > .in > ul > li.is-active > .group.nav > .in > .hd a, .base-header .group-list.nav > .bg-drop-layout > .in > .ct > .in > ul > li:hover > .group.nav > .in > .hd a, .base-header .group-list.nav > .in > .ct > .in > ul > li.is-active > .group.nav > .in > .hd a, .base-header .group-list.nav > .in > .ct > .in > ul > li:hover > .group.nav > .in > .hd a {
  color: #ffffff;
  background-color: #313131;
}
.base-header .group-list.nav > .bg-drop-layout > .in > .ct > .in > ul > li.is-parent.is-active, .base-header .group-list.nav > .bg-drop-layout > .in > .ct > .in > ul > li.is-parent:hover, .base-header .group-list.nav > .in > .ct > .in > ul > li.is-parent.is-active, .base-header .group-list.nav > .in > .ct > .in > ul > li.is-parent:hover {
  z-index: 1;
}
.base-header .group-list.nav > .bg-drop-layout > .in > .ct > .in > ul > li.is-parent.is-active > .group.nav > .in > .ct, .base-header .group-list.nav > .bg-drop-layout > .in > .ct > .in > ul > li.is-parent:hover > .group.nav > .in > .ct, .base-header .group-list.nav > .in > .ct > .in > ul > li.is-parent.is-active > .group.nav > .in > .ct, .base-header .group-list.nav > .in > .ct > .in > ul > li.is-parent:hover > .group.nav > .in > .ct {
  display: block;
}
.base-content .group-list.nav > .bg-drop-layout > .in, .base-content .group-list.nav > .in {
  margin: 0 !important;
  background-color: #ffffff;
}
.base-content .group-list.nav > .bg-drop-layout > .in > .hd h3, .base-content .group-list.nav > .in > .hd h3 {
  color: #ffffff;
  font-size: 1.4em;
  line-height: 25px;
  border-bottom: 2px solid #CECECE;
}
.base-content .group-list.nav > .bg-drop-layout > .in > .hd a, .base-content .group-list.nav > .in > .hd a {
  color: black;
  font-size: 1.1em;
}
.base-content .group-list.nav > .bg-drop-layout > .in > .hd a:after, .base-content .group-list.nav > .in > .hd a:after {
  content: "" "";
  border-bottom: 2px solid #997950;
  width: 30px;
  display: block;
  margin-top: 15px;
}
.base-content .group-list.nav > .bg-drop-layout > .in > .ct, .base-content .group-list.nav > .in > .ct {
  border-top: 1px solid #CECECE;
  border-top-color: #ffffff;
}
.base-content .group-list.nav > .bg-drop-layout > .in > .ct > .in > ul > li + li, .base-content .group-list.nav > .in > .ct > .in > ul > li + li {
  border-top: 1px solid #CECECE;
}
.base-content .group-list.nav > .bg-drop-layout > .in > .ct > .in > ul > li.is-active > .group.nav > .in > .hd a, .base-content .group-list.nav > .bg-drop-layout > .in > .ct > .in > ul > li:hover > .group.nav > .in > .hd a, .base-content .group-list.nav > .in > .ct > .in > ul > li.is-active > .group.nav > .in > .hd a, .base-content .group-list.nav > .in > .ct > .in > ul > li:hover > .group.nav > .in > .hd a {
  color: #997950 !important;
}
.base-content .group-list.nav > .bg-drop-layout > .in > .ct > .in > ul > li.is-active > .group.nav > .in > .ct, .base-content .group-list.nav > .bg-drop-layout > .in > .ct > .in > ul > li:hover > .group.nav > .in > .ct, .base-content .group-list.nav > .in > .ct > .in > ul > li.is-active > .group.nav > .in > .ct, .base-content .group-list.nav > .in > .ct > .in > ul > li:hover > .group.nav > .in > .ct {
  display: block;
}
.base-content .group-list.nav > .bg-drop-layout > .in > .ct > .in > ul > li.is-parent.is-active > .group.nav > .in > .hd a:before, .base-content .group-list.nav > .in > .ct > .in > ul > li.is-parent.is-active > .group.nav > .in > .hd a:before {
  background-image: url("../images/icon-pic/li-more-wt.png");
}
.base-content .group-list.nav > .bg-drop-layout > .in > .ct > .in > ul > li.is-parent > .group.nav > .in > .hd a, .base-content .group-list.nav > .in > .ct > .in > ul > li.is-parent > .group.nav > .in > .hd a {
  position: relative;
}
.base-content .group-list.nav > .bg-drop-layout > .in > .ct > .in > ul > li.is-parent > .group.nav > .in > .hd a:before, .base-content .group-list.nav > .in > .ct > .in > ul > li.is-parent > .group.nav > .in > .hd a:before {
  content: "​";
  position: absolute;
  display: block;
  width: 30px;
  right: 5px;
  top: 0;
  bottom: 0;
  background-image: url("../images/icon-pic/li-more.png");
  background-repeat: no-repeat;
  background-position: center;
}
.base-footer.is-active .group-list.nav {
  display: none;
}
.base-footer .group-list.nav {
  color: #ffffff;
  padding: 30px;
}
@media screen and (max-width: 1366px) {
  .base-footer .group-list.nav {
    padding: 15px;
  }
}
@media screen and (max-width: 768px) {
  .base-footer .group-list.nav {
    display: none;
  }
}
.base-footer .group-list.nav > .bg-drop-layout > .in, .base-footer .group-list.nav > .in {
  width: 70%;
}
@media screen and (max-width: 1366px) {
  .base-footer .group-list.nav > .bg-drop-layout > .in, .base-footer .group-list.nav > .in {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .base-footer .group-list.nav > .bg-drop-layout > .in, .base-footer .group-list.nav > .in {
    width: unset;
  }
}
.base-footer .group-list.nav > .bg-drop-layout > .in > .hd, .base-footer .group-list.nav > .in > .hd {
  display: none;
}
.base-footer .group-list.nav > .bg-drop-layout > .in > .ct > .in > ul, .base-footer .group-list.nav > .in > .ct > .in > ul {
  display: flex;
  flex-wrap: wrap;
  gap: 3px;
}
.base-footer .group-list.nav > .bg-drop-layout > .in > .ct > .in > ul > li, .base-footer .group-list.nav > .in > .ct > .in > ul > li {
  flex: 0 0 calc((100% - 30px) / 7);
  width: calc((100% - 30px) / 7);
}
@media screen and (max-width: 915px) and (min-width: 1px) {
  .base-footer .group-list.nav > .bg-drop-layout > .in > .ct > .in > ul > li, .base-footer .group-list.nav > .in > .ct > .in > ul > li {
    flex: 0 0 calc((100% - 15px) / 4);
    width: calc((100% - 15px) / 4);
  }
}
.index-nav .group-list.nav > .bg-drop-layout > .in, .index-nav .group-list.nav > .in {
  border-bottom: none;
  box-shadow: 0 10px 15px 0px rgba(120, 120, 120, 0.3);
  margin-bottom: 0;
}
.index-nav .group-list.nav > .bg-drop-layout > .in > .hd, .index-nav .group-list.nav > .in > .hd {
  display: none;
}
.index-nav .group-list.nav > .bg-drop-layout > .in > .ct > .in > ul, .index-nav .group-list.nav > .in > .ct > .in > ul {
  display: grid;
  align-items: stretch;
  justify-content: space-between;
  grid-template-columns: repeat(7, 1fr);
}
@media screen and (max-width: 1280px) and (min-width: 1px) {
  .index-nav .group-list.nav > .bg-drop-layout > .in > .ct > .in > ul, .index-nav .group-list.nav > .in > .ct > .in > ul {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (max-width: 560px) {
  .index-nav .group-list.nav > .bg-drop-layout > .in > .ct > .in > ul, .index-nav .group-list.nav > .in > .ct > .in > ul {
    grid-template-columns: repeat(2, 1fr);
  }
}
.index-nav .group-list.nav > .bg-drop-layout > .in > .ct > .in > ul:after, .index-nav .group-list.nav > .in > .ct > .in > ul:after {
  display: none;
}
.index-nav .group-list.nav > .bg-drop-layout > .in > .ct > .in > ul > li, .index-nav .group-list.nav > .in > .ct > .in > ul > li {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
@media screen and (max-width: 1776px) and (min-width: 1px) {
  .index-nav .group-list.nav > .bg-drop-layout > .in > .ct > .in > ul > li, .index-nav .group-list.nav > .in > .ct > .in > ul > li {
    border-bottom: 1px solid #CECECE;
  }
}
@media screen and (max-width: 768px) {
  .index-nav .group-list.nav > .bg-drop-layout > .in > .ct > .in > ul > li, .index-nav .group-list.nav > .in > .ct > .in > ul > li {
    border-bottom: 1px solid #CECECE;
    min-width: calc(25% - 1px);
  }
}
@media screen and (max-width: 560px) {
  .index-nav .group-list.nav > .bg-drop-layout > .in > .ct > .in > ul > li, .index-nav .group-list.nav > .in > .ct > .in > ul > li {
    min-width: calc(50% - 1px);
  }
}
.index-nav .group-list.nav > .bg-drop-layout > .in > .ct > .in > ul > li + li, .index-nav .group-list.nav > .in > .ct > .in > ul > li + li {
  border-top: none;
  border-left: 1px solid #CECECE;
}
@media screen and (max-width: 1280px) and (min-width: 1px) {
  .index-nav .group-list.nav > .bg-drop-layout > .in > .ct > .in > ul > li:last-child, .index-nav .group-list.nav > .in > .ct > .in > ul > li:last-child {
    grid-column: span 3;
  }
}
@media screen and (max-width: 560px) {
  .index-nav .group-list.nav > .bg-drop-layout > .in > .ct > .in > ul > li:last-child, .index-nav .group-list.nav > .in > .ct > .in > ul > li:last-child {
    grid-column: span 2;
  }
}
.index-nav .group-list.nav > .bg-drop-layout > .in > .ct > .in > ul > li > .ct, .index-nav .group-list.nav > .in > .ct > .in > ul > li > .ct {
  height: 100%;
}
.index-nav .group-list.nav > .bg-drop-layout > .in > .ct > .in > ul > li .group.nav, .index-nav .group-list.nav > .in > .ct > .in > ul > li .group.nav {
  width: 100%;
  position: relative;
  height: 100%;
}
.index-nav .group-list.nav > .bg-drop-layout > .in > .ct > .in > ul > li .group.nav:hover > .in > .hd span, .index-nav .group-list.nav > .in > .ct > .in > ul > li .group.nav:hover > .in > .hd span {
  color: #997950 !important;
}
.index-nav .group-list.nav > .bg-drop-layout > .in > .ct > .in > ul > li .group.nav > .in, .index-nav .group-list.nav > .in > .ct > .in > ul > li .group.nav > .in {
  height: 100%;
}
.index-nav .group-list.nav > .bg-drop-layout > .in > .ct > .in > ul > li .group.nav > .in > .hd, .index-nav .group-list.nav > .in > .ct > .in > ul > li .group.nav > .in > .hd {
  height: 100%;
}
.index-nav .group-list.nav > .bg-drop-layout > .in > .ct > .in > ul > li .group.nav > .in > .hd .in, .index-nav .group-list.nav > .bg-drop-layout > .in > .ct > .in > ul > li .group.nav > .in > .hd .headH3, .index-nav .group-list.nav > .bg-drop-layout > .in > .ct > .in > ul > li .group.nav > .in > .hd span, .index-nav .group-list.nav > .bg-drop-layout > .in > .ct > .in > ul > li .group.nav > .in > .hd a, .index-nav .group-list.nav > .in > .ct > .in > ul > li .group.nav > .in > .hd .in, .index-nav .group-list.nav > .in > .ct > .in > ul > li .group.nav > .in > .hd .headH3, .index-nav .group-list.nav > .in > .ct > .in > ul > li .group.nav > .in > .hd span, .index-nav .group-list.nav > .in > .ct > .in > ul > li .group.nav > .in > .hd a {
  height: 100%;
}
.index-nav .group-list.nav > .bg-drop-layout > .in > .ct > .in > ul > li .group.nav > .in > .hd a, .index-nav .group-list.nav > .in > .ct > .in > ul > li .group.nav > .in > .hd a {
  color: #343434;
  font-weight: 700;
  padding: 15px 5px;
  box-sizing: border-box;
  font-size: 1.2em;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.index-nav .group-list.nav > .bg-drop-layout > .in > .ct > .in > ul > li .group.nav > .in > .hd a span:nth-child(2), .index-nav .group-list.nav > .in > .ct > .in > ul > li .group.nav > .in > .hd a span:nth-child(2) {
  font-weight: normal;
  font-size: 0.8em;
  color: #787878;
}
@media screen and (max-width: 560px) {
  .index-nav .group-list.nav > .bg-drop-layout > .in > .ct > .in > ul > li .group.nav > .in > .hd a, .index-nav .group-list.nav > .in > .ct > .in > ul > li .group.nav > .in > .hd a {
    padding: 15px 8px;
    font-size: 1em;
  }
}
.index-nav .group-list.nav > .bg-drop-layout > .in > .ct > .in > ul > li .group.nav > .in > .hd:hover ~ .ct, .index-nav .group-list.nav > .in > .ct > .in > ul > li .group.nav > .in > .hd:hover ~ .ct {
  display: block;
}
.index-nav .group-list.nav > .bg-drop-layout > .in > .ct > .in > ul > li .group.nav > .in > .ct, .index-nav .group-list.nav > .in > .ct > .in > ul > li .group.nav > .in > .ct {
  position: absolute;
  width: 100% !important;
  z-index: 2;
}
.group-list.marquee-nav[data-child="1"] > .bg-drop-layout > .in > .ct > .in, .group-list.marquee-nav[data-child="1"] > .in > .ct > .in {
  margin: 0;
}
.group-list.marquee-nav[data-child="1"] > .bg-drop-layout > .in > .ft, .group-list.marquee-nav[data-child="1"] > .in > .ft {
  display: none;
}
.group-list.marquee-nav > .bg-drop-layout > .in > .hd, .group-list.marquee-nav > .in > .hd {
  display: none;
}
.group-list.marquee-nav > .bg-drop-layout > .in > .ct > .in, .group-list.marquee-nav > .in > .ct > .in {
  overflow: hidden;
  margin: 0 30px;
}
[data-js=false] .group-list.marquee-nav > .bg-drop-layout > .in > .ct > .in, [data-js=false] .group-list.marquee-nav > .in > .ct > .in {
  margin: 0;
}
.group-list.marquee-nav > .bg-drop-layout > .in > .ct > .in > ul, .group-list.marquee-nav > .in > .ct > .in > ul {
  width: 1000%;
}
[data-js=false] .group-list.marquee-nav > .bg-drop-layout > .in > .ct > .in > ul, [data-js=false] .group-list.marquee-nav > .in > .ct > .in > ul {
  width: 100%;
}
.group-list.marquee-nav > .bg-drop-layout > .in > .ct > .in > ul > li, .group-list.marquee-nav > .in > .ct > .in > ul > li {
  width: 10%;
  float: left;
}
[data-js=false] .group-list.marquee-nav > .bg-drop-layout > .in > .ct > .in > ul > li, [data-js=false] .group-list.marquee-nav > .in > .ct > .in > ul > li {
  display: block;
  width: 100%;
}
[data-js=false] .group-list.marquee-nav > .bg-drop-layout > .in > .ft li.next, [data-js=false] .group-list.marquee-nav > .bg-drop-layout > .in > .ft li.prev, [data-js=false] .group-list.marquee-nav > .in > .ft li.next, [data-js=false] .group-list.marquee-nav > .in > .ft li.prev {
  display: none;
}
.group-list.marquee-nav > .bg-drop-layout > .in > .ft li.next a, .group-list.marquee-nav > .bg-drop-layout > .in > .ft li.prev a, .group-list.marquee-nav > .in > .ft li.next a, .group-list.marquee-nav > .in > .ft li.prev a {
  position: absolute;
  top: 0;
  bottom: 0;
  display: block;
  width: 30px;
  transition: 150ms;
  opacity: 0.7;
}
.group-list.marquee-nav > .bg-drop-layout > .in > .ft li.next a:hover, .group-list.marquee-nav > .bg-drop-layout > .in > .ft li.prev a:hover, .group-list.marquee-nav > .in > .ft li.next a:hover, .group-list.marquee-nav > .in > .ft li.prev a:hover {
  opacity: 1;
}
.group-list.marquee-nav > .bg-drop-layout > .in > .ft li.prev a, .group-list.marquee-nav > .in > .ft li.prev a {
  left: 0;
  background-image: url("../images/icon-pic/away-b-left.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.group-list.marquee-nav > .bg-drop-layout > .in > .ft li.next a, .group-list.marquee-nav > .in > .ft li.next a {
  right: 0;
  background-image: url("../images/icon-pic/away-b-right.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.simple-text.accesskey {
  display: none;
}
.simple-text.accesskey .hd {
  display: none;
}
.simple-text.accesskey .ct {
  height: 0;
  /*i*/
}
.simple-text.accesskey .ct > .in {
  color: #787878;
}
.simple-text.accesskey .ct span {
  color: inherit;
}
.simple-text.accesskey .ct a {
  color: inherit;
}
.simple-text.major-logo {
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .simple-text.major-logo > .in {
    margin: 0 !important;
  }
}
@media screen and (max-width: 768px) {
  .simple-text.major-logo {
    float: none;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 2;
    border-bottom: 1px solid #CECECE;
    border-bottom-color: #CECECE;
    padding: 0;
    display: block;
    width: calc(100% - 60px);
  }
}
.simple-text.major-logo .hd {
  display: none;
}
.simple-text.major-logo .ct {
  /*i*/
}
.simple-text.major-logo .ct span {
  display: block;
}
.simple-text.major-logo .ct a {
  display: block;
  width: 100%;
  height: 150px;
  background-image: url("../images/base-header.png");
  background-size: contain;
  background-color: #ffffff;
}
@media screen and (max-width: 768px) {
  .simple-text.major-logo .ct a {
    background-image: url("../images/base-header_w.png");
    height: 60px;
    background-color: #646464;
    padding-bottom: 0;
    width: 100%;
    background-size: auto 80%;
  }
}
.simple-text.minor-logo {
  float: left;
}
@media screen and (max-width: 768px) {
  .simple-text.minor-logo {
    display: none;
  }
}
.simple-text.minor-logo .hd {
  display: none;
}
.simple-text.minor-logo .ct {
  /*i*/
}
.simple-text.minor-logo .ct span {
  display: block;
}
.simple-text.minor-logo .ct a {
  background-image: url("../images/minor_logo.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  display: block;
  width: 200px;
  padding-bottom: 50%;
}
.simple-text.update-time {
  display: none;
  margin-bottom: 5px;
  font-size: 0.9em;
  color: #ffffff;
}
.simple-text.update-time .hd {
  display: inline-block;
}
.simple-text.update-time .hd h4:after {
  content: " : ";
}
.simple-text.update-time .hd span {
  display: inline-block;
}
.simple-text.update-time .hd a {
  cursor: default;
  display: block;
}
@media screen and (max-width: 768px) {
  .simple-text.update-time .hd a {
    color: #ffffff;
  }
}
.simple-text.update-time .ct {
  display: inline-block;
  /*i*/
}
.simple-text.update-time .ct span {
  display: block;
}
@media screen and (max-width: 768px) {
  .simple-text.update-time .ct span {
    color: #ffffff;
  }
}
.simple-text.update-time .ct a {
  display: block;
}
.simple-text.visit-count {
  margin-bottom: 5px;
  font-size: 0.9em;
}
.simple-text.visit-count > .bg-drop-layout > .in, .simple-text.visit-count > .in {
  color: #ffffff;
}
@media screen and (max-width: 768px) {
  .simple-text.visit-count > .bg-drop-layout > .in, .simple-text.visit-count > .in {
    color: #ffffff;
  }
}
.simple-text.visit-count .hd {
  display: inline-block;
}
.simple-text.visit-count .hd h4:after {
  content: " : ";
}
.simple-text.visit-count .hd span {
  display: inline-block;
}
.simple-text.visit-count .hd a {
  display: block;
  cursor: default;
}
.simple-text.visit-count .ct {
  display: inline-block;
  /*i*/
}
.simple-text.visit-count .ct span {
  display: block;
}
.simple-text.visit-count .ct a {
  display: block;
}
@media screen and (max-width: 768px) {
  .simple-text.visit-count .ct a {
    color: #ffffff;
  }
}
.simple-text.heading {
  border-bottom: 1px solid #CECECE;
  padding: 15px 0;
}
.simple-text.heading .ct {
  /*i*/
}
.simple-text.heading .ct h2 {
  font-size: 1.75em;
  text-align: center;
  margin: 0;
  display: flex;
}
@media screen and (max-width: 768px) {
  .simple-text.heading .ct h2 {
    flex-direction: column;
  }
}
.simple-text.heading .ct h2:not(:empty):after {
  content: "​";
  width: 80px;
  height: 4px;
  background-color: #EDBB64;
  display: block;
  position: absolute;
  bottom: -18px;
}
.simple-text.heading .ct span {
  position: relative;
  font-weight: 700;
  display: flex;
  align-items: center;
}
.simple-text.heading .ct span:last-child {
  color: #646464;
  font-weight: 400;
  padding-left: 8px;
}
@media screen and (max-width: 768px) {
  .simple-text.heading .ct span:last-child {
    font-size: 0.9em;
  }
}
@media screen and (max-width: 768px) {
  .base-content .list-pic.icon {
    display: none;
  }
}
.base-content .list-pic.icon .ct {
  /*i*/
}
.base-content .list-pic.icon .ct ul {
  text-align: right;
}
.base-content .list-pic.icon .ct li {
  display: inline-block;
  vertical-align: top;
}
.base-content .list-pic.icon .ct span {
  display: block;
}
.base-content .list-pic.icon .ct a {
  display: block;
}
.base-content .list-pic.icon .ct img {
  display: block;
}
.base-footer .list-pic.icon {
  float: right;
}
.base-footer .list-pic.icon .hd {
  display: none;
}
.base-footer .list-pic.icon .ct {
  /*i*/
}
.base-footer .list-pic.icon .ct li {
  display: inline-block;
  vertical-align: top;
}
.base-footer .list-pic.icon .ct li + li {
  margin-left: 5px;
}
.base-footer .list-pic.icon .ct span {
  display: block;
}
.base-footer .list-pic.icon .ct a {
  display: block;
}
.base-footer .list-pic.icon .ct img {
  display: block;
}
.base-mobile .list-text.link {
  margin-top: 30px;
}
.base-mobile .list-text.link .hd {
  display: none;
}
.base-mobile .list-text.link .ct {
  /*i*/
}
.base-mobile .list-text.link .ct li {
  display: block;
  padding: 5px 0;
}
.base-mobile .list-text.link .ct span {
  display: block;
}
.base-mobile .list-text.link .ct a {
  display: block;
  padding: 8px 0;
  color: #ffffff;
  font-size: 1em;
  color: #ffffff;
}
.base-mobile .list-text.link .ct .mark {
  display: none;
}
.base-mobile .list-text.link .ft {
  display: none;
}
[data-js=false] .base-header .list-text.link {
  right: 10px;
}
@media screen and (max-width: 768px) {
  .base-header .list-text.link {
    display: none;
  }
}
.base-header .list-text.link .hd {
  display: none;
}
.base-header .list-text.link .hd a:active, .base-header .list-text.link .hd a:focus {
  background-color: deeper(#997950);
}
.base-header .list-text.link .ct {
  text-align: right;
  /*i*/
}
.base-header .list-text.link .ct ul {
  display: flex;
  align-items: center;
  gap: 3px;
}
.base-header .list-text.link .ct ul:after {
  display: none;
}
.base-header .list-text.link .ct span {
  display: block;
}
.base-header .list-text.link .ct a {
  display: block;
  font-size: 1em;
  background-color: #997950;
  padding: 0 8px;
  color: #ffffff;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0 0 10px 10px;
}
.base-header .list-text.link .ct .mark {
  display: none;
}
.base-header .list-text.link .ft {
  display: none;
}
.base-content .list-text.link .ct {
  /*i*/
}
.base-content .list-text.link .ct li + li {
  margin-top: 5px;
}
.base-content .list-text.link .ct span {
  display: block;
}
@media screen and (max-width: 768px) {
  .base-footer .list-text.link {
    display: none;
  }
}
.base-footer .list-text.link .hd {
  display: none;
}
.base-footer .list-text.link .ct {
  /*i*/
}
.base-footer .list-text.link .ct li {
  display: inline-block;
  vertical-align: middle;
}
.base-footer .list-text.link .ct span {
  display: block;
}
.base-footer .list-text.link .ct a {
  display: block;
  padding-right: 8px;
  color: #ffffff;
  opacity: 0.4;
}
.base-footer .list-text.link .ct .mark {
  display: none;
}
.base-footer .list-text.link .ft {
  display: none;
}
.base-mobile .list-text.share .hd {
  display: none;
}
.base-mobile .list-text.share .ct {
  /*i*/
}
.base-mobile .list-text.share .ct li {
  width: 16.6666666667%;
  float: left;
}
.base-mobile .list-text.share .ct li.facebook a {
  background-image: image-url("icon-pic/share-facebook.png");
  background-color: #3c5998;
}
.base-mobile .list-text.share .ct li.google a {
  background-image: image-url("icon-pic/share-google.png");
  background-color: #cb3726;
}
.base-mobile .list-text.share .ct li.twitter a {
  background-image: image-url("icon-pic/share-twitter.png");
  background-color: #6aaed0;
}
.base-mobile .list-text.share .ct li.plurk a {
  background-image: image-url("icon-pic/share-plurk.png");
  background-color: #C6602B;
}
.base-mobile .list-text.share .ct li.line a {
  background-image: image-url("icon-pic/share-line.png");
  background-color: #4bc700;
}
.base-mobile .list-text.share .ct li.email a {
  background-image: image-url("icon-pic/share-email.png");
  background-color: #666666;
}
.base-mobile .list-text.share .ct span {
  display: block;
}
.base-mobile .list-text.share .ct a {
  height: 40px;
  display: block;
  background-repeat: no-repeat;
  background-position: center;
}
.base-extend .list-text.share {
  position: fixed;
  top: 200px;
  left: 15px;
}
@media screen and (max-width: 768px) {
  .base-extend .list-text.share {
    display: none;
  }
}
.base-extend .list-text.share .hd {
  display: none;
}
.base-extend .list-text.share .ct {
  /*i*/
}
.base-extend .list-text.share .ct li.facebook a {
  background-image: image-url("icon-pic/share-facebook.png");
  background-color: #3c5998;
}
.base-extend .list-text.share .ct li.facebook a:hover {
  background-color: deeper(#3c5998);
}
.base-extend .list-text.share .ct li.google a {
  background-image: image-url("icon-pic/share-google.png");
  background-color: #cb3726;
}
.base-extend .list-text.share .ct li.google a:hover {
  background-color: deeper(#cb3726);
}
.base-extend .list-text.share .ct li.twitter a {
  background-image: image-url("icon-pic/share-twitter.png");
  background-color: #6aaed0;
}
.base-extend .list-text.share .ct li.twitter a:hover {
  background-color: deeper(#6aaed0);
}
.base-extend .list-text.share .ct li.plurk a {
  background-image: image-url("icon-pic/share-plurk.png");
  background-color: #C6602B;
}
.base-extend .list-text.share .ct li.plurk a:hover {
  background-color: deeper(#C6602B);
}
.base-extend .list-text.share .ct li.line a {
  background-image: image-url("icon-pic/share-line.png");
  background-color: #4bc700;
}
.base-extend .list-text.share .ct li.line a:hover {
  background-color: deeper(#4bc700);
}
.base-extend .list-text.share .ct li.email a {
  background-image: image-url("icon-pic/share-email.png");
  background-color: #666666;
}
.base-extend .list-text.share .ct li.email a:hover {
  background-color: deeper(#666666);
}
.base-extend .list-text.share .ct span {
  display: block;
}
.base-extend .list-text.share .ct a {
  display: block;
  height: 36px;
  width: 36px;
}
.msg-tool .list-text.share {
  display: inline-block;
  vertical-align: top;
}
[data-js=false] .msg-tool .list-text.share {
  position: static;
  right: auto;
  bottom: auto;
}
.msg-tool .list-text.share:hover > .bg-drop-layout > .in > .hd a, .msg-tool .list-text.share:hover > .in > .hd a, .msg-tool .list-text.share.is-active > .bg-drop-layout > .in > .hd a, .msg-tool .list-text.share.is-active > .in > .hd a {
  background-color: #2D2D2D;
  background-color: rgba(45, 45, 45, 0.7);
}
.msg-tool .list-text.share:hover > .bg-drop-layout > .in > .ct, .msg-tool .list-text.share:hover > .in > .ct, .msg-tool .list-text.share.is-active > .bg-drop-layout > .in > .ct, .msg-tool .list-text.share.is-active > .in > .ct {
  display: block;
}
.msg-tool .list-text.share .hd {
  background-image: url(../images/icon-pic/share.png);
  width: 24px;
  height: 24px;
}
.msg-tool .list-text.share .ct {
  display: none;
  top: 100%;
  right: 0;
  position: absolute;
  padding-top: 4px;
  z-index: 1;
  /*i*/
}
.msg-tool .list-text.share .ct li.facebook span {
  display: block;
}
.msg-tool .list-text.share .ct li.facebook a {
  height: 40px;
  background-color: #3c5998;
}
.msg-tool .list-text.share .ct li.google span {
  display: block;
}
.msg-tool .list-text.share .ct li.google a {
  height: 40px;
  background-color: #cb3726;
}
.msg-tool .list-text.share .ct li.twitter span {
  display: block;
}
.msg-tool .list-text.share .ct li.twitter a {
  height: 40px;
  background-color: #6aaed0;
}
.msg-tool .list-text.share .ct li.plurk span {
  display: block;
}
.msg-tool .list-text.share .ct li.plurk a {
  height: 40px;
  background-color: #C6602B;
}
.msg-tool .list-text.share .ct li.line span {
  display: block;
}
.msg-tool .list-text.share .ct li.line a {
  height: 40px;
  background-color: #4bc700;
}
.msg-tool .list-text.share .ct li.email span {
  display: block;
}
.msg-tool .list-text.share .ct li.email a {
  height: 40px;
  background-color: #666666;
}
.msg-tool .list-text.share .ct span {
  display: block;
  padding: 3px;
}
.msg-tool .list-text.share .ct a {
  display: block !important;
  transition: 150ms;
  width: 40px;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 20px;
}
.list-text.font-size {
  position: relative;
}
[data-js=false] .list-text.font-size {
  display: none;
}
@media screen and (max-width: 768px) {
  .list-text.font-size {
    display: none;
  }
}
.list-text.font-size.is-active .ct {
  display: block;
}
.list-text.font-size > .bg-drop-layout > .in, .list-text.font-size > .in {
  min-height: auto;
}
.list-text.font-size .hd a {
  display: block;
  width: 50px;
  height: 50px;
  background-image: url("../images/icon_fontSize.svg");
  background-color: #997950;
  background-size: 24px;
  border-radius: 0 0 10px 10px;
}
.list-text.font-size .ct {
  display: none;
  position: absolute;
  z-index: 1;
  /*i*/
}
.list-text.font-size .ct li {
  display: block;
}
.list-text.font-size .ct li.is-active a {
  background-color: lighter(#997950);
}
.list-text.font-size .ct span {
  display: block;
}
.list-text.font-size .ct a {
  display: block;
  background-color: #997950;
  padding: 8px;
  text-align: center;
  color: #ffffff;
  width: 50px;
  box-sizing: border-box;
}
.list-text.user-set {
  position: relative;
}
.list-text.user-set.is-active .ct .func {
  display: block;
}
.list-text.user-set .hd a {
  width: 40px;
  height: 40px;
  display: block;
  background-color: #2D2D2D;
  border-radius: 50%;
}
.list-text.user-set .hd a::after {
  content: "";
  display: block;
  width: 40px;
  height: 40px;
  mask: url(../images/svg/icon_user02.svg) no-repeat 50% 50%;
  -webkit-mask: url(../images/svg/icon_user02.svg) no-repeat 50% 50%;
  mask-size: 24px;
  -webkit-mask-size: 24px;
  background-color: #ffffff;
}
.list-text.user-set .ct .func {
  display: none;
  background-color: #ffffff;
  border-radius: 3px;
  position: absolute;
  min-width: 130px;
  z-index: 2;
  right: 0;
  top: 30px;
  box-shadow: 0 0 8px #787878;
}
.list-text.user-set .ct li + li {
  border-top: 1px solid #CECECE;
}
.list-text.user-set .ct a {
  padding: 8px;
  display: block;
}
.list-text.user-set .ct a:hover, .list-text.user-set .ct a:focus {
  color: #646464;
}
.base-mobile .list-text.hot-key-word .hd {
  display: none;
}
.base-mobile .list-text.hot-key-word .ct {
  /*i*/
}
.base-mobile .list-text.hot-key-word .ct li {
  border-top: 1px solid #CECECE;
}
.base-mobile .list-text.hot-key-word .ct span {
  display: block;
}
.base-mobile .list-text.hot-key-word .ct a {
  display: block;
  padding: 8px;
}
.base-extend .list-text.hot-key-word {
  font-size: 0.9em;
  text-align: left;
  display: none;
}
[data-js=false] .base-extend .list-text.hot-key-word {
  right: 100px;
}
@media screen and (max-width: 768px) {
  .base-extend .list-text.hot-key-word {
    display: none;
  }
}
.base-extend .list-text.hot-key-word .hd {
  display: inline-block;
  vertical-align: middle;
}
.base-extend .list-text.hot-key-word .hd h4:after {
  content: " : ";
}
.base-extend .list-text.hot-key-word .hd span {
  display: inline-block;
}
.base-extend .list-text.hot-key-word .hd a {
  display: block;
}
.base-extend .list-text.hot-key-word .ct {
  display: inline-block;
  vertical-align: middle;
  /*i*/
}
.base-extend .list-text.hot-key-word .ct li {
  display: inline-block;
  vertical-align: middle;
}
.base-extend .list-text.hot-key-word .ct li + li:before {
  content: " , ";
}
.base-extend .list-text.hot-key-word .ct span {
  display: inline-block;
}
.base-extend .list-text.hot-key-word .ct a {
  display: block;
  text-align: left;
}
.base-mobile .list-text.nav > .bg-drop-layout > .in, .base-mobile .list-text.nav > .in {
  margin: 0 !important;
}
.base-mobile .list-text.nav .ct {
  display: none;
  /*i*/
}
.base-mobile .list-text.nav .ct span {
  display: block;
}
.base-mobile .list-text.nav .ct a {
  display: block;
  padding: 10px;
  color: rgba(255, 255, 255, 0.7);
}
.base-mobile .list-text.nav .ct a:before {
  content: "-";
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  left: 0px;
}
.base-mobile .list-text.nav .ct a:hover {
  color: #ffffff;
}
.base-content .list-text.nav > .bg-drop-layout > .in, .base-content .list-text.nav > .in {
  margin: 3px !important;
}
.base-content .list-text.nav .ct {
  /*i*/
}
.base-content .list-text.nav .ct li.is-active a {
  background-color: #ffffff;
  color: rgb(119.5107296137, 94.5150214592, 62.4892703863);
}
.base-content .list-text.nav .ct span {
  display: block;
}
.base-content .list-text.nav .ct a {
  display: block;
  padding: 8px 15px;
}
.base-content .list-text.nav .ct a:hover {
  background-color: #ffffff;
  color: rgb(19.5, 19.5, 19.5);
}
.base-footer .list-text.nav .ct {
  /*i*/
}
.base-footer .list-text.nav .ct span {
  display: block;
  text-wrap: auto;
}
.base-footer .list-text.nav .ct a {
  display: block;
  padding: 5px;
  transition: 150ms;
  color: #CECECE;
  font-size: 0.8em;
}
.base-footer .list-text.nav .ct a > span:last-child {
  white-space: normal;
  word-break: keep-all;
  overflow-wrap: normal;
}
.base-footer .list-text.nav .ct a:hover {
  opacity: 1;
  background-color: rgb(19.5, 19.5, 19.5);
}
.index-nav .list-text.nav {
  border-top: 4px solid #997950;
}
.index-nav .list-text.nav > .in {
  margin: 0 !important;
}
.index-nav .list-text.nav:hover > .in > .ct {
  display: block;
}
.index-nav .list-text.nav:hover > .in > .hd span span {
  color: #997950;
}
.index-nav .list-text.nav + .list-text.nav {
  border-top: 1px solid #787878;
}
.index-nav .list-text.nav .hd {
  color: #343434;
  background-color: #ffffff;
  font-weight: 700;
  padding: 15px 5px;
  box-sizing: border-box;
  font-size: 1.2em;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.index-nav .list-text.nav .hd:hover + .ct {
  display: block;
}
.index-nav .list-text.nav .hd span a {
  display: flex;
  flex-direction: column;
}
.index-nav .list-text.nav .hd span a > span:last-child {
  font-weight: 400;
  font-size: 0.8em;
  color: #787878;
}
.index-nav .list-text.nav .ct {
  display: none;
  left: 100%;
  position: absolute;
  top: 0;
  z-index: 1;
  color: #343434;
  background-color: #ffffff;
  font-weight: 700;
  box-sizing: border-box;
  font-size: 1.1em;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  /*i*/
}
.index-nav .list-text.nav .ct li {
  border-top: 1px solid #CECECE;
}
.index-nav .list-text.nav .ct li.is-active a {
  color: rgb(119.5107296137, 94.5150214592, 62.4892703863);
}
.index-nav .list-text.nav .ct span {
  display: block;
  font-weight: 700;
}
.index-nav .list-text.nav .ct span span:last-child {
  text-align: center;
  font-size: 0.9em;
  font-weight: 400;
  color: #787878;
  padding-top: 3px;
}
.index-nav .list-text.nav .ct a {
  display: block;
  text-align: left;
  color: #343434;
  background-color: #ffffff;
  padding: 15px 5px;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: 1em;
}
.index-nav .list-text.nav .ct a:hover {
  background-color: #f0f0f0;
  color: #997950;
}
.index-nav .list-text.nav .ct a:hover span {
  color: #997950;
}
.list-text.minor-nav {
  display: none;
}
.list-text.minor-nav .hd h4 {
  padding: 25px 20px;
  padding-top: 30px;
  color: #ffffff;
  font-size: 1.4em;
  line-height: 25px;
  border-bottom: 2px solid #CECECE;
}
.list-text.minor-nav .hd a {
  color: black;
  font-size: 1.1em;
}
.list-text.minor-nav .hd a:after {
  content: "" "";
  border-bottom: 2px solid #997950;
  width: 30px;
  display: block;
  margin-top: 15px;
}
.list-text.minor-nav .ct {
  border-top: 1px solid #CECECE;
  border-top-color: #ffffff;
  /*i*/
}
.list-text.minor-nav .ct li + li {
  border-top: 1px solid #CECECE;
}
.list-text.minor-nav .ct li.is-active a {
  background-color: #997950;
  color: #ffffff;
}
.list-text.minor-nav .ct span {
  display: block;
}
.list-text.minor-nav .ct a {
  display: block;
  padding: 12px 20px;
  transition: 150ms;
  font-size: 1em;
}
.list-text.minor-nav .ct a:hover {
  background-color: #f0f0f0;
  color: currentColor;
}
.list-text.breadcrumb .hd {
  display: none;
}
.list-text.breadcrumb .ct {
  /*i*/
}
.list-text.breadcrumb .ct > .in i {
  display: none;
}
.list-text.breadcrumb .ct ul {
  margin: 15px 0;
}
.list-text.breadcrumb .ct li {
  display: inline-block;
}
.list-text.breadcrumb .ct li:before {
  content: "";
  width: 20px;
  height: 17px;
  position: relative;
  display: inline-block;
  background-image: url(../images/icon-pic/icon-house.svg);
  background-position: center center;
  background-repeat: no-repeat;
  margin-right: 5px;
}
.list-text.breadcrumb .ct li + li:before {
  content: "";
  mask: url(../images/icon-pic/away-w-right03.png);
  -webkit-mask: url(../images/icon-pic/away-w-right03.png);
  mask-size: 12px;
  background-color: #2B2B2B;
  width: 12px;
  height: 12px;
  margin-left: 5px;
  margin-left: 5px;
}
.list-text.breadcrumb .ct li:last-child a {
  color: #997950;
}
.list-text.breadcrumb .ct a {
  color: #646464;
}
.list-text.open-data {
  display: inline-block;
  vertical-align: middle;
}
.list-text.open-data .hd {
  display: none;
}
.list-text.open-data .ct {
  /*i*/
}
.list-text.open-data .ct li {
  vertical-align: middle;
  display: inline-block;
}
.list-text.open-data .ct li + li {
  margin-left: 3px;
}
.list-text.open-data .ct li.rss a {
  background-image: image-url("icon-pic/opn-data-rss.png");
}
.list-text.open-data .ct li.json a {
  background-image: image-url("icon-pic/opn-data-json.png");
}
.list-text.open-data .ct li.xml a {
  background-image: image-url("icon-pic/opn-data-xml.png");
}
.list-text.open-data .ct li.csv a {
  background-image: image-url("icon-pic/opn-data-csv.png");
}
.list-text.open-data .ct li.langChange a {
  background-image: image-url("icon-pic/user-tool-langChange.png");
}
.list-text.open-data .ct span {
  display: block;
}
.list-text.open-data .ct a {
  display: block;
  width: 24px;
  height: 24px;
  border-radius: 3px;
  background-repeat: no-repeat;
  background-position: center;
}
.list-text.user-tool {
  display: inline-block;
  vertical-align: middle;
  right: 30px;
  top: 0;
  margin: auto;
}
.list-text.user-tool .hd {
  display: none;
}
.list-text.user-tool .ct {
  /*i*/
}
.list-text.user-tool .ct li {
  vertical-align: middle;
  display: inline-block;
}
.list-text.user-tool .ct li + li {
  margin-left: 3px;
}
.list-text.user-tool .ct li.bopomofo {
  display: none;
}
.list-text.user-tool .ct li.bopomofo a {
  background-image: image-url("icon-pic/user-tool-bopomofo.png");
}
.list-text.user-tool .ct li.print {
  display: none;
}
.list-text.user-tool .ct li.print a {
  background-image: image-url("icon-pic/user-tool-print.png");
}
.list-text.user-tool .ct li.data a {
  background-image: image-url("icon-pic/user-tool-metadata.png");
}
.list-text.user-tool .ct li.langChange span {
  position: relative;
}
.list-text.user-tool .ct li.langChange a {
  text-indent: inherit;
  font: icon;
  color: steelblue;
  width: auto;
  height: auto;
  padding: 8px 15px 8px 48px;
  font-size: 0.9em;
  background-color: aliceblue;
  border-radius: 20px;
  border: 1px solid rgb(166.2121621622, 226.3824324324, 235.1878378378);
}
.list-text.user-tool .ct li.langChange a:hover {
  background-color: rgb(141, 201.8, 255);
}
.list-text.user-tool .ct li.langChange a:after {
  background-image: url(../images/translate.png);
  background-position: center;
  width: 24px;
  height: 24px;
  position: absolute;
  left: 8px;
  top: 3px;
}
.list-text.user-tool .ct span {
  display: block;
}
.list-text.user-tool .ct a {
  display: block;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: center;
}
.area-customize.nav {
  display: none;
}
.area-customize.nav.is-close {
  display: none;
}
.area-customize.nav .ct {
  padding: 5px 8px;
  border-bottom: 1px solid #CECECE;
}
.base-mobile .area-form.google-lang > .in, .base-extend .area-form.google-lang > .in {
  display: flex;
}
.base-mobile .area-form.google-lang .hd, .base-extend .area-form.google-lang .hd {
  display: inline-block;
  display: none;
}
.base-mobile .area-form.google-lang .ct, .base-extend .area-form.google-lang .ct {
  display: inline-block;
}
.base-mobile .area-form.google-lang .ct > .in .goog-te-gadget, .base-extend .area-form.google-lang .ct > .in .goog-te-gadget {
  font-size: unset;
}
.base-mobile .area-form.google-lang .ct .goog-te-gadget-simple, .base-extend .area-form.google-lang .ct .goog-te-gadget-simple {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 0 12px;
  color: #ffffff;
  background-color: #2D2D2D;
  border: none;
  height: 40px;
  border-radius: 20px;
}
.base-mobile .area-form.google-lang .ct .goog-te-gadget-simple img.goog-te-gadget-icon, .base-extend .area-form.google-lang .ct .goog-te-gadget-simple img.goog-te-gadget-icon {
  display: none;
}
.base-mobile .area-form.google-lang .ct .goog-te-gadget-simple a, .base-extend .area-form.google-lang .ct .goog-te-gadget-simple a {
  display: block;
  font-size: 0.8em;
  margin: 0;
}
.base-mobile .area-form.google-lang .ct .goog-te-gadget-simple a > span:first-child, .base-extend .area-form.google-lang .ct .goog-te-gadget-simple a > span:first-child {
  display: flex;
  align-items: center;
  font-size: 0;
  width: 17px;
}
.base-mobile .area-form.google-lang .ct .goog-te-gadget-simple a > span:first-child:before, .base-extend .area-form.google-lang .ct .goog-te-gadget-simple a > span:first-child:before {
  content: url(../images/svg/icon_lang.svg);
  background-position: center;
  background-size: 17px;
}
.base-mobile .area-form.google-lang .ct .goog-te-gadget-simple a img + span,
.base-mobile .area-form.google-lang .ct .goog-te-gadget-simple a img, .base-extend .area-form.google-lang .ct .goog-te-gadget-simple a img + span,
.base-extend .area-form.google-lang .ct .goog-te-gadget-simple a img {
  display: none;
}

.area-customize.alert {
  margin: 0 auto;
  padding: 15px;
  text-align: center;
  max-width: 640px;
}
.area-customize.alert .status::before {
  content: "​";
  display: block;
  margin: 0 auto;
  width: 130px;
  height: 130px;
  margin: 30px auto;
  background-image: url("../images/svg/alert_nomal.svg");
}
.area-customize.alert .status.is-nomal::before {
  background-image: url("../images/svg/alert_nomal.svg");
}
.area-customize.alert .status.is-warning::before {
  background-image: url("../images/svg/alert_warning.svg");
}
.area-customize.alert .status.is-success::before {
  background-image: url("../images/svg/alert_success.svg");
}
.area-customize.alert .status.is-delete::before {
  background-image: url("../images/svg/alert_danger.svg");
}
.area-customize.alert .title {
  font-size: 1.6em;
  font-weight: 700;
  margin: 15px 0;
  text-align: center;
}
.area-customize.alert .p {
  color: #343434;
  margin: 15px 0;
  text-align: center;
  word-break: break-word;
  line-height: 1.7;
}
.area-customize.alert .info {
  padding: 8px;
  border-radius: 3px;
  background-color: rgba(153, 121, 80, 0.08);
}
.area-customize.alert .info ul li {
  text-align: left;
}
.area-customize.alert .info ul .title {
  font-size: 1em;
  min-width: 4rem;
  display: inline-block;
  text-align: left;
  margin: 0;
  margin-right: 8px;
}
.area-customize.alert .btn-list {
  margin-top: 30px;
}
.area-customize.alert .btn-list .btn {
  color: #ffffff;
}
.area-customize.alert .btn-list .btn + .btn {
  margin-left: 8px;
}
.slide-down-aler .area-customize.alert {
  padding: 0;
}
.slide-down-aler .area-customize.alert .status:before {
  margin: 0 auto;
  width: 100px;
  height: 100px;
}
.slide-down-aler .area-customize.alert .btn-list {
  margin-top: 15px;
}

.simple-text.btn {
  z-index: 2;
  position: fixed;
  right: 0;
  bottom: 0;
  display: none;
}
@media screen and (max-width: 768px) {
  .simple-text.btn {
    display: none;
  }
}
.simple-text.btn > .bg-drop-layout > .in, .simple-text.btn > .in {
  position: relative;
}
.simple-text.btn .hd {
  display: none;
}
.simple-text.btn .ct {
  /*i*/
}
.simple-text.btn .ct span {
  display: block;
}
.simple-text.btn .ct a {
  position: absolute;
  bottom: 25px;
  right: 10px;
  display: block;
  width: 75px;
  height: 75px;
  border-radius: 75px;
  background-color: #343434;
  opacity: 0.5;
  background-image: url(../images/icon-pic/bttop.png);
  background-position: center;
  background-repeat: no-repeat;
}
.simple-text.btn .ct a:hover {
  opacity: 0.9;
}
.cp.selecter.file {
  display: block;
}
.cp.selecter.file .items:before {
  content: "​";
  background-image: url("../images/icon-file.png");
  width: 14px;
}
@media print {
  .cp.selecter.file .items:before {
    display: none;
  }
}
.cp.selecter.file .items.is-ai:before {
  background-image: url("../images/");
}
.cp.selecter.file .items.is-avi:before {
  background-image: url("../images/");
}
.cp.selecter.file .items.is-bmp:before {
  background-image: url("../images/");
}
.cp.selecter.file .items.is-cdr:before {
  background-image: url("../images/");
}
.cp.selecter.file .items.is-css:before {
  background-image: url("../images/");
}
.cp.selecter.file .items.is-csv:before {
  background-image: url("../images/");
}
.cp.selecter.file .items.is-dmg:before {
  background-image: url("../images/");
}
.cp.selecter.file .items.is-doc:before {
  background-image: url("../images/");
}
.cp.selecter.file .items.is-docx:before {
  background-image: url("../images/");
}
.cp.selecter.file .items.is-exe:before {
  background-image: url("../images/");
}
.cp.selecter.file .items.is-file7z:before {
  background-image: url("../images/");
}
.cp.selecter.file .items.is-gif:before {
  background-image: url("../images/");
}
.cp.selecter.file .items.is-html:before {
  background-image: url("../images/");
}
.cp.selecter.file .items.is-ico:before {
  background-image: url("../images/");
}
.cp.selecter.file .items.is-jpeg:before {
  background-image: url("../images/");
}
.cp.selecter.file .items.is-jpg:before {
  background-image: url("../images/");
}
.cp.selecter.file .items.is-js:before {
  background-image: url("../images/");
}
.cp.selecter.file .items.is-link:before {
  background-image: url("../images/");
}
.cp.selecter.file .items.is-md:before {
  background-image: url("../images/");
}
.cp.selecter.file .items.is-mov:before {
  background-image: url("../images/");
}
.cp.selecter.file .items.is-mp3:before {
  background-image: url("../images/");
}
.cp.selecter.file .items.is-mp4:before {
  background-image: url("../images/");
}
.cp.selecter.file .items.is-odf:before {
  background-image: url("../images/");
}
.cp.selecter.file .items.is-odp:before {
  background-image: url("../images/");
}
.cp.selecter.file .items.is-ods:before {
  background-image: url("../images/");
}
.cp.selecter.file .items.is-odt:before {
  background-image: url("../images/");
}
.cp.selecter.file .items.is-ogg:before {
  background-image: url("../images/");
}
.cp.selecter.file .items.is-ogv:before {
  background-image: url("../images/");
}
.cp.selecter.file .items.is-other:before {
  background-image: url("../images/");
}
.cp.selecter.file .items.is-pdf:before {
  background-image: url("../images/");
}
.cp.selecter.file .items.is-png:before {
  background-image: url("../images/");
}
.cp.selecter.file .items.is-ppt:before {
  background-image: url("../images/");
}
.cp.selecter.file .items.is-pptx:before {
  background-image: url("../images/");
}
.cp.selecter.file .items.is-psd:before {
  background-image: url("../images/");
}
.cp.selecter.file .items.is-rar:before {
  background-image: url("../images/");
}
.cp.selecter.file .items.is-rss:before {
  background-image: url("../images/");
}
.cp.selecter.file .items.is-sass:before {
  background-image: url("../images/");
}
.cp.selecter.file .items.is-svg:before {
  background-image: url("../images/");
}
.cp.selecter.file .items.is-swf:before {
  background-image: url("../images/");
}
.cp.selecter.file .items.is-tar:before {
  background-image: url("../images/");
}
.cp.selecter.file .items.is-tif:before {
  background-image: url("../images/");
}
.cp.selecter.file .items.is-txt:before {
  background-image: url("../images/");
}
.cp.selecter.file .items.is-wav:before {
  background-image: url("../images/");
}
.cp.selecter.file .items.is-webm:before {
  background-image: url("../images/");
}
.cp.selecter.file .items.is-xls:before {
  background-image: url("../images/");
}
.cp.selecter.file .items.is-xlsx:before {
  background-image: url("../images/");
}
.cp.selecter.file .items.is-xml:before {
  background-image: url("../images/");
}
.cp.selecter.file .items.is-zip:before {
  background-image: url("../images/");
}
@media print {
  .cp.selecter.authorize {
    display: table-caption;
    flex-direction: column;
  }
}
.cp.selecter.authorize .items {
  box-sizing: border-box;
}
.cp.selecter.authorize .items:before {
  content: "​";
  background-image: url("../images/icon-default.png");
  width: 26px;
  height: 26px;
  margin: 3px;
}
.cp.selecter.authorize .items:before + span {
  margin-left: 3px;
}
.cp.selecter.authorize .items.people:before {
  background-image: url("../images/icon-people.png");
  -webkit-print-color-adjust: exact;
}
@media print {
  .cp.selecter.authorize .items.people:before {
    display: none;
  }
}
.cp.selecter.authorize .items.department:before {
  background-image: url("../images/icon-department.png");
  -webkit-print-color-adjust: exact;
}
@media print {
  .cp.selecter.authorize .items.department:before {
    display: none;
  }
}
.cp.selecter.authorize .items.character:before {
  background-image: url("../images/icon-character.png");
  -webkit-print-color-adjust: exact;
}
@media print {
  .cp.selecter.authorize .items.character:before {
    display: none;
  }
}
.cp.selecter.authorize .items.group:before {
  background-image: url("../images/icon-group.png");
  -webkit-print-color-adjust: exact;
}
@media print {
  .cp.selecter.authorize .items.group:before {
    display: none;
  }
}
.cp.selecter.authorize .items.setting:before {
  background-image: url("../images/icon-setting.png");
  -webkit-print-color-adjust: exact;
}
@media print {
  .cp.selecter.authorize .items.setting:before {
    display: none;
  }
}
.cp.selecter.authorize .items .is-remove {
  background-color: transparent;
  border-color: transparent;
  border: none;
  width: 32px;
  height: 32px;
  background-size: 16px;
}
.cp.selecter.authorize .items .is-remove:hover {
  background-color: transparent;
}
.cp.selecter .items {
  display: inline-block;
  margin: 3px;
  padding: 3px 8px;
  border: 1px solid #CECECE;
  border-color: #787878;
  border-radius: 3px;
  background-color: rgba(240, 240, 240, 0.3);
}
.cp.selecter .items:before {
  margin-left: 3px;
}
@media screen and (max-width: 560px) {
  .cp.selecter .items {
    white-space: initial;
    word-break: break-word;
  }
}
.cp.selecter .items.is-normal {
  background-color: rgba(0, 0, 0, 0.1);
  border-color: rgba(0, 0, 0, 0.3);
  color: #343434;
}
.cp.selecter .items.is-premary {
  background-color: rgba(153, 121, 80, 0.1);
  border-color: rgba(153, 121, 80, 0.3);
  color: #343434;
}
.cp.selecter .items.is-secondary {
  background-color: rgba(45, 45, 45, 0.1);
  border-color: rgba(45, 45, 45, 0.3);
  color: #343434;
}
.cp.selecter .items.is-info {
  background-color: rgba(222, 237, 251, 0.1);
  border-color: rgba(222, 237, 251, 0.3);
  color: #343434;
}
.cp.selecter .items.is-warning {
  background-color: rgba(255, 243, 211, 0.1);
  border-color: rgba(255, 243, 211, 0.3);
  color: #343434;
}
.cp.selecter .items.is-expert {
  background-color: rgba(230, 232, 246, 0.1);
  border-color: rgba(230, 232, 246, 0.3);
  color: #343434;
}
.cp.selecter .items.is-danger {
  background-color: rgba(255, 233, 234, 0.1);
  border-color: rgba(255, 233, 234, 0.3);
  color: #343434;
}
.cp.selecter .items.is-success {
  background-color: rgba(212, 242, 229, 0.1);
  border-color: rgba(212, 242, 229, 0.3);
  color: #343434;
}
.cp.selecter .items a {
  color: #2D2D2D;
}
.cp.selecter .items .is-name {
  white-space: initial;
  display: inline-block;
  vertical-align: middle;
}
@media print {
  .cp.selecter .items .is-name {
    vertical-align: top;
    word-wrap: break-word;
    white-space: inherit;
    word-break: inherit;
  }
}
.cp.selecter .items .is-remove {
  width: 16px;
  height: 16px;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  transition: 150ms;
  background-size: 12px;
  background-image: url("../images/svg/icon_cancel.svg");
  opacity: 0.5;
}
.cp.selecter .items .is-remove:hover {
  opacity: 1;
}

.area-form.filter {
  height: 100%;
}
.area-form.filter > .in > .ct > .in .cata-list {
  position: relative;
}
.area-form.filter > .in > .ct > .in .cata-list .item.is-parent > .item-name {
  position: relative;
}
.area-form.filter > .in > .ct > .in .cata-list .item.is-active > .item-name .extend {
  background-image: url("../images/svg/icon_arrow-top.svg");
}
.area-form.filter > .in > .ct > .in .cata-list .item.is-active > .item-name + .cata-list {
  display: block;
}
.area-form.filter > .in > .ct > .in .cata-list .item .item-name {
  display: flex;
  justify-content: flex-start;
  padding: 8px;
  cursor: pointer;
}
.area-form.filter > .in > .ct > .in .cata-list .item .item-name input[type=checkbox] {
  margin-right: 5px;
  flex: 0 0 20px;
}
.area-form.filter > .in > .ct > .in .cata-list .item .item-name label {
  flex: 0 0 calc(100% - 50px);
}
.area-form.filter > .in > .ct > .in .cata-list .item .item-name .extend {
  display: block;
  background-image: url("../images/svg/icon_arrow-down.svg");
  background-position: center center;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  position: absolute;
  right: 8px;
  top: 24px;
  margin-top: -10px;
  opacity: 0.5;
}
.area-form.filter > .in > .ct > .in .cata-list .cata-list {
  display: none;
  padding-left: 8px;
  margin-left: 18px;
  border-left: 1px dashed #CECECE;
}

body:has(.intro-container) .page-content .area-form.page-search + .list-text.classify .ct ul li:not(:first-child) a:before {
  content: "";
  background: url(../images/classify.png);
  display: block;
  background-repeat: no-repeat;
  background-size: auto;
  width: 16px;
  height: 16px;
}

[data-js=false] .area-form.page-search {
  display: none;
}
.area-form.page-search.is-active .hd a {
  background-image: image-url("search-up.png");
}
.area-form.page-search.is-active .ct {
  display: block;
}
.area-form.page-search .hd > .in > div {
  display: none;
}
.area-form.page-search .hd span {
  display: block;
  text-align: right;
}
.area-form.page-search .hd a {
  display: inline-block;
  width: 38px;
  height: 22px;
  vertical-align: middle;
  background-image: image-url("search-down.png");
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 3px;
  border: 1px solid #CECECE;
  transition: 150ms;
}
.area-form.page-search .hd a:hover, .area-form.page-search .hd a:focus {
  background-color: #f0f0f0;
}
.area-form.page-search .ct {
  margin-bottom: 15px;
}
.area-form.page-search .ct .fieldset {
  display: inline-block;
  margin: 5px;
}
.area-form.page-search .ct .fieldset span {
  display: inline-block;
  vertical-align: middle;
}
.area-form.page-search .ct .fieldset span:before {
  content: attr(data-before);
}
.area-form.page-search .ct .fieldset span:after {
  content: attr(data-after);
}
.area-form.page-search .ct .fieldset span.date input {
  background-image: image-url("icon-pic/calendar.png");
  background-position: center right;
  background-repeat: no-repeat;
}
.area-form.page-search .ct .fieldset span.submit input {
  background-color: #997950;
  color: #ffffff;
  font-size: 1em;
}
.area-form.page-search .ct .fieldset span.submit input:hover {
  background-color: deeper(#997950);
}
.area-form.page-search .ct .fieldset span.reset input {
  font-size: 1em;
}
.area-form.page-search .ct .fieldset span.reset input:hover {
  background-color: #f0f0f0;
}
.area-form.page-search .ct .fieldset select {
  line-height: 30px;
  height: 30px;
  max-width: 120px;
}
.area-form.page-search .ct .fieldset input[type=search] {
  line-height: 30px;
  height: 30px;
}
.area-form.page-search .ct .fieldset input[type=date] {
  line-height: 30px;
  height: 30px;
}
.base-mobile .area-form.search {
  margin-bottom: 30px;
}
.base-mobile .area-form.search .hd {
  display: none;
}
.base-mobile .area-form.search .ct .fieldset {
  position: relative;
}
.base-mobile .area-form.search .ct .fieldset span {
  display: block;
}
.base-mobile .area-form.search .ct .fieldset span.search {
  display: block;
  padding-right: 36px;
}
.base-mobile .area-form.search .ct .fieldset span.search input {
  display: block;
  width: 100%;
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #CECECE;
  color: #ffffff;
  padding: 8px 0;
}
.base-mobile .area-form.search .ct .fieldset span.search input::placeholder {
  color: rgba(255, 255, 255, 0.7);
}
.base-mobile .area-form.search .ct .fieldset span.submit a {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 36px;
  background-image: url("../images/icon-pic/icon-w-search.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-size: auto;
}
.base-mobile .area-form.search .ct .list {
  display: none;
}
.base-mobile .area-form.search .ft {
  position: initial;
}
.base-mobile .area-form.search .ft ul {
  margin-top: 8px;
}
.base-mobile .area-form.search .ft li {
  display: block;
}
.base-mobile .area-form.search .ft li.advanced {
  display: none;
}
.base-mobile .area-form.search .ft span {
  display: block;
}
.base-mobile .area-form.search .ft a {
  display: inline-block;
  padding: 5px 0;
  text-align: left;
  color: #ffffff;
  font-size: 0.9em;
  text-align: center;
  opacity: 0.7;
}
.base-header .area-form.search {
  position: relative;
}
@media screen and (max-width: 768px) {
  .base-header .area-form.search {
    display: none;
  }
}
.base-header .area-form.search.is-active .ct {
  display: block;
}
.base-header .area-form.search .hd a {
  width: 50px;
  height: 50px;
  background-image: url("../images/Icon_search.svg");
  background-size: 20px;
  display: block;
  background-color: #997950;
  border-radius: 0 0 10px 10px;
}
.base-header .area-form.search .ct {
  display: none;
  position: absolute;
  z-index: 1;
  right: 0;
  top: calc(50px + 3px);
  background-color: #2D2D2D;
  padding: 10px;
  box-sizing: border-box;
  border-radius: 0 0 3px 3px;
}
[data-js=false] .base-header .area-form.search .ct .fieldset {
  display: none;
}
.base-header .area-form.search .ct .fieldset span {
  display: block;
}
.base-header .area-form.search .ct .fieldset span.search {
  display: block;
}
.base-header .area-form.search .ct .fieldset span.search input {
  display: block;
  width: 360px;
  padding: 8px;
  border: 5px;
  background-color: transparent;
  border-bottom: 1px solid #CECECE;
  border-color: rgba(255, 255, 255, 0.5);
  color: #ffffff;
}
.base-header .area-form.search .ct .fieldset span.search input::placeholder {
  color: rgba(255, 255, 255, 0.5);
}
.base-header .area-form.search .ct .fieldset span.submit a {
  position: absolute;
  top: 0;
  right: 5px;
  bottom: 0;
  width: 40px;
  transition: 150ms;
  mask-image: url("/images/icon-pic/search.png");
  mask-size: 16px;
  mask-repeat: no-repeat;
  mask-position: center;
  -webkit-mask-image: url("/images/icon-pic/search.png");
  -webkit-mask-size: 30px;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  background-color: #ffffff;
  opacity: 0.5;
}
.base-header .area-form.search .ct .fieldset span.submit a:hover {
  opacity: 1;
}
.base-header .area-form.search .ct .list {
  display: none;
  position: absolute;
  top: 34px;
  right: 0;
  background-color: rgba(45, 45, 45, 0.6);
}
.base-header .area-form.search .ct .list ul {
  margin-top: 8px;
}
.base-header .area-form.search .ct .list li {
  display: inline-block;
}
.base-header .area-form.search .ct .list li + li {
  margin-top: 5px;
}
.base-header .area-form.search .ct .list span {
  display: block;
}
.base-header .area-form.search .ct .list a {
  display: block;
  padding: 5px;
  transition: 150ms;
  color: white;
}
.base-header .area-form.search .ct .list a:hover {
  color: #2D2D2D;
}
.base-header .area-form.search .ft {
  display: inline-block;
  vertical-align: middle;
  display: none;
}
.base-header .area-form.search .ft a {
  font-size: 0.9em;
  display: block;
  padding: 5px;
  text-align: center;
  border-radius: 3px;
  color: #ffffff;
}
.base-header .area-form.search .ft a:hover {
  opacity: 0.7;
}
.base-header .area-form.search .ft a:hover {
  color: #ffffff;
}
.area-form.search-hotkeyword.is-open .ct .list {
  display: block;
}
.area-form.search-hotkeyword .hd {
  flex: 0 0 100%;
}
.area-form.search-hotkeyword .ct {
  flex: 1;
}
.area-form.search-hotkeyword .ct > .in {
  position: relative;
}
.area-form.search-hotkeyword .ct .fieldset {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
[data-js=false] .area-form.search-hotkeyword .ct .fieldset {
  display: none;
}
.area-form.search-hotkeyword .ct .fieldset span {
  display: block;
}
.area-form.search-hotkeyword .ct .fieldset span + span {
  margin-left: 5px;
}
.area-form.search-hotkeyword .ct .fieldset span.search {
  flex: 1;
  max-width: 100%;
  display: block;
  box-sizing: border-box;
}
.area-form.search-hotkeyword .ct .fieldset span.search input {
  display: block;
  width: 100%;
  line-height: 1.5;
  padding: 5px 8px;
}
.area-form.search-hotkeyword .ct .fieldset span.submit {
  flex: 0 0 36px;
  max-width: 36px;
}
.area-form.search-hotkeyword .ct .fieldset span.submit a {
  display: block;
  position: relative;
  height: 36px;
  width: 36px;
  background-color: #997950;
  transition: 150ms;
  border-radius: 5px;
  background-image: linear-gradient(to left bottom, rgba(153, 121, 80, 0.2), #997950);
}
.area-form.search-hotkeyword .ct .fieldset span.submit a:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-image: url("../images/icon-pic/icon-w-search.svg");
  background-size: 24px;
  background-position: center center;
  background-repeat: no-repeat;
  top: 0;
  left: 0;
  position: absolute;
}
.area-form.search-hotkeyword .ct .fieldset span.submit a:hover, .area-form.search-hotkeyword .ct .fieldset span.submit a:focus {
  background-color: deeper(#997950);
}
.area-form.search-hotkeyword .ct .fieldset span.advanced a {
  height: 36px;
  width: 36px;
  position: relative;
}
.area-form.search-hotkeyword .ct .fieldset span.advanced a:before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-image: url("../images/icon-pic/icon-adv-w-search.svg");
  background-size: 24px;
  background-position: center center;
  background-repeat: no-repeat;
  top: 0;
  left: 0;
  position: absolute;
  filter: brightness(100%);
}
.area-form.search-hotkeyword .ct .list {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  display: none;
  width: 100%;
  box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
  border-radius: 5px;
  overflow: hidden;
  text-align: left;
  z-index: 2;
  animation-name: fade-in;
  animation-duration: 200ms;
  animation-iteration-count: 1;
}
.area-form.search-hotkeyword .ct .list span {
  display: block;
}
.area-form.search-hotkeyword .ct .list a {
  display: block;
  transition: 150ms;
  padding: 5px;
}
.area-form.search-hotkeyword .ct .list a:hover, .area-form.search-hotkeyword .ct .list a:focus {
  background-color: #2D2D2D;
  color: #2D2D2D;
  font-weight: bold;
}
.area-form.search-hotkeyword .ft {
  padding-left: 5px;
  display: flex;
  margin-top: 5px;
}
.area-form.search-hotkeyword .ft > .in {
  display: flex;
  white-space: nowrap;
}
.area-form.search-hotkeyword .ft ul {
  display: inline-flex;
  align-items: flex-start;
  justify-content: start;
  flex-wrap: wrap;
}
.area-form.search-hotkeyword .ft li + li {
  margin-left: 5px;
}
.area-form.search-hotkeyword .ft li + li:before {
  content: "、";
  display: inline-block;
}
.base-content .area-editor.address .hd {
  display: none;
}
.base-content .area-editor.address .ct {
  font-size: 0.9em;
}
.base-content .area-editor.address .ct a.is-map:after {
  font-size: inherit;
  color: inherit;
  margin-left: 5px;
}
.base-footer .area-editor.address {
  font-size: 0.9em;
  padding: 15px;
  color: #ffffff;
}
.base-footer .area-editor.address .hd {
  display: none;
}
.base-footer .area-editor.address .ct a.is-map:after {
  font-size: inherit;
  color: inherit;
  margin-left: 5px;
}
.area-customize.recitation {
  vertical-align: middle;
  display: inline-block;
}
.area-customize.recitation .hd {
  display: none;
}
.area-customize.recitation .ct #media div {
  padding: 1px;
  cursor: pointer;
  border: 1px solid #CECECE;
  border-radius: 3px;
}
.area-customize.recitation .ct #media div img {
  display: block;
  width: 22px !important;
  height: 22px !important;
  transition: 150ms;
}
.area-customize.recitation .ct #media:hover {
  background-color: #f0f0f0;
}
body:has(.intro-container) .group.page-content > .in > .ct > .in > div#app {
  display: grid;
  grid-template-areas: "a b b b b b b" "c c c c c c c";
  gap: 30px;
}
body:has(.intro-container) .group.page-content > .in > .ct > .in > div#app > div:first-child {
  grid-area: a;
}
body:has(.intro-container) .group.page-content > .in > .ct > .in > div#app > div:nth-child(2) {
  grid-area: b;
}
body:has(.intro-container) .group.page-content > .in > .ct > .in > div#app > div:last-child {
  grid-area: c;
}
@media screen and (max-width: 768px) {
  body:has(.intro-container) .group.page-content > .in > .ct > .in > div#app {
    display: block;
  }
}

.group.page-content {
  position: relative;
  margin: 8px 0 30px;
}
.area-customize.error {
  margin: 30px auto;
  max-width: 80%;
}
@media screen and (max-width: 768px) {
  .area-customize.error {
    max-width: 100%;
  }
}
.area-customize.error .ct {
  text-align: center;
}
.area-customize.error .ct .img {
  background-image: url("../images/img_status-error.png");
  padding-bottom: 160px;
  width: 100%;
  display: block;
}
@media screen and (max-width: 768px) {
  .area-customize.error .ct .img {
    padding-bottom: 120px;
  }
}
.area-customize.error .ct .essay {
  margin: 15px 0;
}
.area-customize.error .ct .caption {
  font-size: 1.4em;
  font-weight: 700;
  margin-bottom: 3px;
}
.area-customize.error .ct .P {
  font-size: 1.1em;
}

.area-customize.placeholder-shimmer {
  border: 15px solid #ffffff;
  box-sizing: border-box;
  background-color: #ffffff;
}
.area-customize.placeholder-shimmer .ct > .in .animated {
  width: 100%;
  background-image: linear-gradient(to right, #f0f0f0 5%, #CECECE 20%, #f0f0f0 35%);
  animation: placeholderShimmer 2s linear 0s infinite normal forwards;
}
@keyframes placeholderShimmer {
  0% {
    background-position: -500px 0;
  }
  100% {
    background-position: 500px 0;
  }
}
.area-customize.placeholder-shimmer .ct > .in .animated .mark, .area-customize.placeholder-shimmer .ct > .in .animated .caption, .area-customize.placeholder-shimmer .ct > .in .animated .label, .area-customize.placeholder-shimmer .ct > .in .animated .p {
  height: 15px;
  border-top: 12px solid #ffffff;
  position: relative;
}
.area-customize.placeholder-shimmer .ct > .in .animated .mark:after, .area-customize.placeholder-shimmer .ct > .in .animated .caption:after, .area-customize.placeholder-shimmer .ct > .in .animated .label:after, .area-customize.placeholder-shimmer .ct > .in .animated .p:after {
  position: absolute;
  right: 0;
  content: "";
  background: #ffffff;
  height: 15px;
}
.area-customize.placeholder-shimmer .ct > .in .animated .mark {
  border-top: none;
}
.area-customize.placeholder-shimmer .ct > .in .animated .mark:after {
  width: 70%;
}
.area-customize.placeholder-shimmer .ct > .in .animated .caption {
  height: 24px;
}
.area-customize.placeholder-shimmer .ct > .in .animated .caption::after {
  height: 24px;
}
.area-customize.placeholder-shimmer .ct > .in .animated .label:after {
  width: 80%;
}
.area-customize.loading {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 5;
  background-color: rgba(45, 45, 45, 0.5);
  display: flex;
  align-items: center;
  justify-content: center;
}
.area-customize.loading .loading {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.area-customize.loading .loading div {
  position: absolute;
  top: 33px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #ffffff;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.area-customize.loading .loading div:nth-child(1) {
  left: 8px;
  animation: lds-ellipsis1 0.4s infinite;
}
.area-customize.loading .loading div:nth-child(2) {
  left: 8px;
  animation: lds-ellipsis2 0.4s infinite;
}
.area-customize.loading .loading div:nth-child(3) {
  left: 32px;
  animation: lds-ellipsis2 0.4s infinite;
}
.area-customize.loading .loading div:nth-child(4) {
  left: 56px;
  animation: lds-ellipsis3 0.4s infinite;
}
@keyframes lds-ellipsis1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes lds-ellipsis3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes lds-ellipsis2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(24px, 0);
  }
}

.list-text.tab {
  margin-bottom: 20px;
}
.list-text.tab .hd {
  display: none;
}
.list-text.tab .ct {
  /*i*/
}
.list-text.tab .ct ul {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #CECECE;
}
.list-text.tab .ct li {
  position: relative;
  vertical-align: bottom;
  display: inline-block;
}
@media screen and (max-width: 768px) {
  .list-text.tab .ct li {
    margin-top: 3px;
  }
}
.list-text.tab .ct li.is-active {
  top: 2px;
}
@media screen and (max-width: 768px) {
  .list-text.tab .ct li.is-active {
    top: auto;
  }
}
.list-text.tab .ct li.is-active a {
  color: #997950;
  border-bottom: 2px solid #997950;
}
.list-text.tab .ct li:last-child a:after {
  display: none;
}
.list-text.tab .ct span {
  display: block;
  border: 1px solid transparent;
  border-bottom-width: 0;
  padding-bottom: 0;
}
@media screen and (max-width: 768px) {
  .list-text.tab .ct span {
    border-bottom-width: 1px;
    margin: 3px;
  }
}
.list-text.tab .ct a {
  display: block;
  padding: 15px;
  color: #343434;
  transition: 150ms;
  border-bottom-width: 0;
  text-align: center;
}
.list-text.tab .ct a:after {
  content: "";
  border-right: 1px solid #787878;
  position: absolute;
  right: 0;
  padding: 8px;
}
@media screen and (max-width: 768px) {
  .list-text.tab .ct a {
    border-bottom-width: 1px;
  }
}
.list-text.tab .ct a:hover {
  color: #646464;
}
.password-input .rules {
  order: 3;
}
.password-input .rules > li {
  margin: 5px 0px;
  border-width: 0;
  background-color: transparent;
  font-size: 0.95em;
  letter-spacing: 0.5px;
  margin-bottom: 4px;
  padding: 0;
  padding-left: 30px;
  position: relative;
}
.password-input .rules > li::before {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  border: 1px solid #CECECE;
  border-color: #00a267;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 50%;
  position: absolute;
  left: 8px;
  top: 2px;
}
.password-input .rules > li.pass {
  background-color: rgba(0, 162, 103, 0.1);
  color: #00a267;
}
.password-input .rules > li.pass::before {
  background-color: #00a267;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
}
@keyframes Vanish {
  0% {
    opacity: 1;
  }
  90% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    overflow: hidden;
    height: 0;
    padding: 0;
    font-size: 0;
  }
}

/*span*/
.password {
  position: relative;
  display: block;
  /*i*/
}
.password input {
  width: 100%;
  padding-right: 40px;
}
.password .mark {
  display: inline-block;
  font-size: 0.9em;
  color: #646464;
}
.password .password-open, .password .password-hide {
  padding: 15px;
  background-size: 24px;
  background-position: center;
  background-repeat: no-repeat;
  border: none;
  background-color: transparent;
  position: absolute;
  right: 10px !important;
  top: calc(50% - 15px);
  cursor: pointer;
}
.password .password-open:hover, .password .password-open:active, .password .password-hide:hover, .password .password-hide:active {
  background-color: transparent;
}
.password .password-open:focus, .password .password-hide:focus {
  background-color: transparent;
}
.password .password-open {
  background-image: url(../images/eshop/icon-eye-show.svg);
}
.password .password-hide {
  background-image: url(../images/eshop/icon-eye-hide.svg);
}

.area-customize.popuper .area-customize.status .ct > .in > div:before {
  width: 120px;
  height: 120px;
}
.area-customize.status .ct {
  text-align: center;
}
.area-customize.status .ct > .in > div:before {
  content: "​";
  max-width: 100%;
  width: 160px;
  height: 160px;
  display: block;
  margin: 15px auto;
}
.area-customize.status .ct > .in .caption {
  font-size: 1.4em;
  font-weight: 700;
  margin-bottom: 8px;
}
.area-customize.status .ct > .in .btn-list {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin: 15px 0;
}
.area-customize.status .ct > .in .btn-list .btn {
  color: #ffffff;
  margin: 15px 0;
  font-size: 1.1em;
}
.area-customize.status .ct > .in .nodata::before {
  background-image: url("../images/img_status-nodata.png");
}
.area-customize.status .ct > .in .success::before {
  background-image: url("../images/img_status-success.png");
}
.area-customize.status .ct > .in .error::before {
  background-image: url("../images/img_status-error.png");
}
.area-customize.status .ct > .in .info::before {
  background-image: url("../images/img_status-info.png");
}
.area-customize.status .ct > .in .warning::before {
  background-image: url("../images/img_status-warning.png");
}
.area-customize.status .ft {
  text-align: center;
  margin-top: 15px;
}
.area-customize.status .ft a {
  color: #ffffff;
}

span.simple-text.status, a.simple-text.status {
  display: inline-block;
  color: #343434;
  position: relative;
}
span.simple-text.status + span, span.simple-text.status + a, a.simple-text.status + span, a.simple-text.status + a {
  margin-left: 5px;
}
span.simple-text.status.icon-danger:before, a.simple-text.status.icon-danger:before {
  content: "​";
  background-image: url("../images/icon-status_danger.png");
  margin-right: 3px;
}
span.simple-text.status.icon-success:before, a.simple-text.status.icon-success:before {
  content: "​";
  background-image: url("../images/icon-status_success.png");
  margin-right: 3px;
}
span.simple-text.status.icon-warning:before, a.simple-text.status.icon-warning:before {
  content: "​";
  background-image: url("../images/icon-status_warning.png");
  margin-right: 3px;
}
span.simple-text.status.icon-info:before, a.simple-text.status.icon-info:before {
  content: "​";
  background-image: url("../images/icon-status_info.png");
  margin-right: 3px;
}
span.simple-text.status.icon-trash:before, a.simple-text.status.icon-trash:before {
  content: "​";
  background-image: url("../images/icon-status_trash.png");
  margin-right: 3px;
}
span.simple-text.status.icon-add:before, a.simple-text.status.icon-add:before {
  content: "​";
  background-image: url("../images/icon-status_add.png");
  margin-right: 3px;
}
span.simple-text.status.icon-top:before, a.simple-text.status.icon-top:before {
  content: "​";
  background-image: url("../images/icon-status_top.png");
  margin-right: 3px;
}
span.simple-text.status.icon-down:before, a.simple-text.status.icon-down:before {
  content: "​";
  background-image: url("../images/icon-status_down.png");
  margin-right: 3px;
}
span.simple-text.status.icon-chart:before, a.simple-text.status.icon-chart:before {
  content: "​";
  background-image: url("../images/icon-status_chart.png");
  margin-right: 3px;
}
span.simple-text.status.is-normal, a.simple-text.status.is-normal {
  color: #343434;
}
span.simple-text.status.is-premary, a.simple-text.status.is-premary {
  color: #ffffff;
}
span.simple-text.status.is-secondary, a.simple-text.status.is-secondary {
  color: #ffffff;
}
span.simple-text.status.is-info, a.simple-text.status.is-info {
  color: #0c7dea;
}
span.simple-text.status.is-warning, a.simple-text.status.is-warning {
  color: #b98a0c;
}
span.simple-text.status.is-expert, a.simple-text.status.is-expert {
  color: #5d68b9;
}
span.simple-text.status.is-danger, a.simple-text.status.is-danger {
  color: #ea5b60;
}
span.simple-text.status.is-success, a.simple-text.status.is-success {
  color: #0d7247;
}

div.simple-text.status {
  padding: 5px;
  margin: 3px 0;
  background-color: transparent;
  border: #787878;
  border-radius: 3px;
  box-sizing: border-box;
  width: 100%;
}
div.simple-text.status.font {
  padding-left: 30px;
}
div.simple-text.status.font:before {
  position: absolute;
  left: 8px;
  top: 10px;
}
div.simple-text.status.font:after {
  content: none;
}
div.simple-text.status.is-normal {
  background-color: transparent;
  border-color: #787878;
  color: #343434;
}
div.simple-text.status.is-premary {
  background-color: #997950;
  border-color: #997950;
  color: #ffffff;
}
div.simple-text.status.is-secondary {
  background-color: #2D2D2D;
  border-color: #2D2D2D;
  color: #ffffff;
}
div.simple-text.status.is-info {
  background-color: #deedfb;
  border-color: #0c7dea;
  color: #0c7dea;
}
div.simple-text.status.is-warning {
  background-color: #fff3d3;
  border-color: #FFBA00;
  color: #b98a0c;
}
div.simple-text.status.is-expert {
  background-color: #e6e8f6;
  border-color: #5d68b9;
  color: #5d68b9;
}
div.simple-text.status.is-danger {
  background-color: #ffe9ea;
  border-color: #ea5b60;
  color: #ea5b60;
}
div.simple-text.status.is-success {
  background-color: #d4f2e5;
  border-color: #0d7247;
  color: #0d7247;
}

[data-js=false] .simple-text.weather {
  display: none;
}
.simple-text.weather.is-type-1 .ct a {
  background-image: url("../images/weather_sunny.jpg");
}
.simple-text.weather.is-type-1 .ct a:before {
  background-image: url("../images/icon-pic/weather-type-1.svg");
}
.simple-text.weather.is-type-2 .ct a {
  background-image: url("../images/weather_sunny.jpg");
}
.simple-text.weather.is-type-2 .ct a:before {
  background-image: url("../images/icon-pic/weather-type-2.svg");
}
.simple-text.weather.is-type-3 .ct a {
  background-image: url("../images/weather_sunny.jpg");
}
.simple-text.weather.is-type-3 .ct a:before {
  background-image: url("../images/icon-pic/weather-type-3.svg");
}
.simple-text.weather.is-type-4 .ct a {
  background-image: url("../images/weather_sunny.jpg");
}
.simple-text.weather.is-type-4 .ct a:before {
  background-image: url("../images/icon-pic/weather-type-4.svg");
}
.simple-text.weather.is-type-5 .ct a {
  background-image: url("../images/weather_cloudy.jpg");
}
.simple-text.weather.is-type-5 .ct a:before {
  background-image: url("../images/icon-pic/weather-type-5.svg");
}
.simple-text.weather.is-type-6 .ct a {
  background-image: url("../images/weather_cloudy.jpg");
}
.simple-text.weather.is-type-6 .ct a:before {
  background-image: url("../images/icon-pic/weather-type-6.svg");
}
.simple-text.weather.is-type-7 .ct a {
  background-image: url("../images/weather_cloudy.jpg");
}
.simple-text.weather.is-type-7 .ct a:before {
  background-image: url("../images/icon-pic/weather-type-7.svg");
}
.simple-text.weather.is-type-8 .ct a {
  background-image: url("../images/weather_rain.jpg");
}
.simple-text.weather.is-type-8 .ct a:before {
  background-image: url("../images/icon-pic/weather-type-8.svg");
}
.simple-text.weather.is-type-9 .ct a {
  background-image: url("../images/weather_rain.jpg");
}
.simple-text.weather.is-type-9 .ct a:before {
  background-image: url("../images/icon-pic/weather-type-9.svg");
}
.simple-text.weather.is-type-10 .ct a {
  background-image: url("../images/weather_rain.jpg");
}
.simple-text.weather.is-type-10 .ct a:before {
  background-image: url("../images/icon-pic/weather-type-10.svg");
}
.simple-text.weather.is-type-11 .ct a {
  background-image: url("../images/weather_rain.jpg");
}
.simple-text.weather.is-type-11 .ct a:before {
  background-image: url("../images/icon-pic/weather-type-11.svg");
}
.simple-text.weather.is-type-12 .ct a {
  background-image: url("../images/weather_rain.jpg");
}
.simple-text.weather.is-type-12 .ct a:before {
  background-image: url("../images/icon-pic/weather-type-12.svg");
}
.simple-text.weather.is-type-13 .ct a {
  background-image: url("../images/weather_rain.jpg");
}
.simple-text.weather.is-type-13 .ct a:before {
  background-image: url("../images/icon-pic/weather-type-13.svg");
}
.simple-text.weather.is-type-14 .ct a {
  background-image: url("../images/weather_rain.jpg");
}
.simple-text.weather.is-type-14 .ct a:before {
  background-image: url("../images/icon-pic/weather-type-14.svg");
}
.simple-text.weather.is-type-15 .ct a {
  background-image: url("../images/weather_rain.jpg");
}
.simple-text.weather.is-type-15 .ct a:before {
  background-image: url("../images/icon-pic/weather-type-15.svg");
}
.simple-text.weather.is-type-16 .ct a {
  background-image: url("../images/weather_rain.jpg");
}
.simple-text.weather.is-type-16 .ct a:before {
  background-image: url("../images/icon-pic/weather-type-16.svg");
}
.simple-text.weather.is-type-17 .ct a {
  background-image: url("../images/weather_rain.jpg");
}
.simple-text.weather.is-type-17 .ct a:before {
  background-image: url("../images/icon-pic/weather-type-17.svg");
}
.simple-text.weather.is-type-18 .ct a {
  background-image: url("../images/weather_rain.jpg");
}
.simple-text.weather.is-type-18 .ct a:before {
  background-image: url("../images/icon-pic/weather-type-18.svg");
}
.simple-text.weather.is-type-19 .ct a {
  background-image: url("../images/weather_rain.jpg");
}
.simple-text.weather.is-type-19 .ct a:before {
  background-image: url("../images/icon-pic/weather-type-19.svg");
}
.simple-text.weather.is-type-20 .ct a {
  background-image: url("../images/weather_rain.jpg");
}
.simple-text.weather.is-type-20 .ct a:before {
  background-image: url("../images/icon-pic/weather-type-20.svg");
}
.simple-text.weather.is-type-21 .ct a {
  background-image: url("../images/weather_rain.jpg");
}
.simple-text.weather.is-type-21 .ct a:before {
  background-image: url("../images/icon-pic/weather-type-21.svg");
}
.simple-text.weather.is-type-22 .ct a {
  background-image: url("../images/weather_rain.jpg");
}
.simple-text.weather.is-type-22 .ct a:before {
  background-image: url("../images/icon-pic/weather-type-22.svg");
}
.simple-text.weather.is-type-23 .ct a {
  background-image: url("../images/weather_snow.jpg");
}
.simple-text.weather.is-type-23 .ct a:before {
  background-image: url("../images/icon-pic/weather-type-23.svg");
}
.simple-text.weather.is-type-24 .ct a {
  background-image: url("../images/weather_sunny.jpg");
}
.simple-text.weather.is-type-24 .ct a:before {
  background-image: url("../images/icon-pic/weather-type-24.svg");
}
.simple-text.weather.is-type-25 .ct a {
  background-image: url("../images/weather_sunny.jpg");
}
.simple-text.weather.is-type-25 .ct a:before {
  background-image: url("../images/icon-pic/weather-type-25.svg");
}
.simple-text.weather.is-type-26 .ct a {
  background-image: url("../images/weather_sunny.jpg");
}
.simple-text.weather.is-type-26 .ct a:before {
  background-image: url("../images/icon-pic/weather-type-26.svg");
}
.simple-text.weather.is-type-27 .ct a {
  background-image: url("../images/weather_sunny.jpg");
}
.simple-text.weather.is-type-27 .ct a:before {
  background-image: url("../images/icon-pic/weather-type-27.svg");
}
.simple-text.weather.is-type-28 .ct a {
  background-image: url("../images/weather_sunny.jpg");
}
.simple-text.weather.is-type-28 .ct a:before {
  background-image: url("../images/icon-pic/weather-type-28.svg");
}
.simple-text.weather.is-type-29 .ct a {
  background-image: url("../images/weather_rain.jpg");
}
.simple-text.weather.is-type-29 .ct a:before {
  background-image: url("../images/icon-pic/weather-type-29.svg");
}
.simple-text.weather.is-type-30 .ct a {
  background-image: url("../images/weather_rain.jpg");
}
.simple-text.weather.is-type-30 .ct a:before {
  background-image: url("../images/icon-pic/weather-type-30.svg");
}
.simple-text.weather.is-type-31 .ct a {
  background-image: url("../images/weather_rain.jpg");
}
.simple-text.weather.is-type-31 .ct a:before {
  background-image: url("../images/icon-pic/weather-type-31.svg");
}
.simple-text.weather.is-type-32 .ct a {
  background-image: url("../images/weather_rain.jpg");
}
.simple-text.weather.is-type-32 .ct a:before {
  background-image: url("../images/icon-pic/weather-type-32.svg");
}
.simple-text.weather.is-type-33 .ct a {
  background-image: url("../images/weather_rain.jpg");
}
.simple-text.weather.is-type-33 .ct a:before {
  background-image: url("../images/icon-pic/weather-type-33.svg");
}
.simple-text.weather.is-type-34 .ct a {
  background-image: url("../images/weather_rain.jpg");
}
.simple-text.weather.is-type-34 .ct a:before {
  background-image: url("../images/icon-pic/weather-type-34.svg");
}
.simple-text.weather.is-type-35 .ct a {
  background-image: url("../images/weather_rain.jpg");
}
.simple-text.weather.is-type-35 .ct a:before {
  background-image: url("../images/icon-pic/weather-type-35.svg");
}
.simple-text.weather.is-type-36 .ct a {
  background-image: url("../images/weather_rain.jpg");
}
.simple-text.weather.is-type-36 .ct a:before {
  background-image: url("../images/icon-pic/weather-type-36.svg");
}
.simple-text.weather.is-type-37 .ct a {
  background-image: url("../images/weather_snow.jpg");
}
.simple-text.weather.is-type-37 .ct a:before {
  background-image: url("../images/icon-pic/weather-type-37.svg");
}
.simple-text.weather.is-type-38 .ct a {
  background-image: url("../images/weather_rain.jpg");
}
.simple-text.weather.is-type-38 .ct a:before {
  background-image: url("../images/icon-pic/weather-type-38.svg");
}
.simple-text.weather.is-type-39 .ct a {
  background-image: url("../images/weather_rain.jpg");
}
.simple-text.weather.is-type-39 .ct a:before {
  background-image: url("../images/icon-pic/weather-type-39.svg");
}
.simple-text.weather.is-type-40 .ct a {
  background-image: url("../images/weather_snow.jpg");
}
.simple-text.weather.is-type-40 .ct a:before {
  background-image: url("../images/icon-pic/weather-type-40.svg");
}
.simple-text.weather.is-type-41 .ct a {
  background-image: url("../images/weather_rain.jpg");
}
.simple-text.weather.is-type-41 .ct a:before {
  background-image: url("../images/icon-pic/weather-type-41.svg");
}
.simple-text.weather.is-type-42 .ct a {
  background-image: url("../images/weather_snow.jpg");
}
.simple-text.weather.is-type-42 .ct a:before {
  background-image: url("../images/icon-pic/weather-type-42.svg");
}
.simple-text.weather .ct {
  /*i*/
}
.simple-text.weather .ct span {
  display: block;
}
.simple-text.weather .ct a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 8px;
  font-size: 3em;
  box-shadow: 0 0 0 inset;
  background-color: #646464;
  color: #ffffff;
  height: 100px;
  border-radius: 3px;
  padding-left: 100px;
  text-shadow: 0 1px 10px rgba(45, 45, 45, 0.5);
  font-weight: bold;
}
.simple-text.weather .ct a:before {
  content: "​";
  display: inline-block;
  width: 80px;
  height: 80px;
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: middle;
  position: absolute;
  left: 8px;
}
.simple-text.weather .ct .mark {
  border-radius: 3px;
  font-size: 1.1em;
  display: block;
  line-height: 1;
  font-weight: initial;
}
.group-list.slider[data-setLen="1"] .list-pic.link .ct ul li {
  max-width: calc(100% / 1) !important;
  flex: 0 0 calc(100% / 1) !important;
}
@media screen and (max-width: 1366px) {
  .group-list.slider[data-setLen="1"] .list-pic.link .ct ul li {
    flex: 0 0 33.33% !important;
    max-width: 33.33% !important;
  }
}
@media screen and (max-width: 768px) {
  .group-list.slider[data-setLen="1"] .list-pic.link .ct ul li {
    flex: 0 0 50% !important;
    max-width: 50% !important;
  }
}
@media screen and (max-width: 560px) {
  .group-list.slider[data-setLen="1"] .list-pic.link .ct ul li {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
}
.group-list.slider[data-setLen="2"] .list-pic.link .ct ul li {
  max-width: calc(100% / 2) !important;
  flex: 0 0 calc(100% / 2) !important;
}
@media screen and (max-width: 1366px) {
  .group-list.slider[data-setLen="2"] .list-pic.link .ct ul li {
    flex: 0 0 33.33% !important;
    max-width: 33.33% !important;
  }
}
@media screen and (max-width: 768px) {
  .group-list.slider[data-setLen="2"] .list-pic.link .ct ul li {
    flex: 0 0 50% !important;
    max-width: 50% !important;
  }
}
@media screen and (max-width: 560px) {
  .group-list.slider[data-setLen="2"] .list-pic.link .ct ul li {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
}
.group-list.slider[data-setLen="3"] .list-pic.link .ct ul li {
  max-width: calc(100% / 3) !important;
  flex: 0 0 calc(100% / 3) !important;
}
@media screen and (max-width: 1366px) {
  .group-list.slider[data-setLen="3"] .list-pic.link .ct ul li {
    flex: 0 0 33.33% !important;
    max-width: 33.33% !important;
  }
}
@media screen and (max-width: 768px) {
  .group-list.slider[data-setLen="3"] .list-pic.link .ct ul li {
    flex: 0 0 50% !important;
    max-width: 50% !important;
  }
}
@media screen and (max-width: 560px) {
  .group-list.slider[data-setLen="3"] .list-pic.link .ct ul li {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
}
.group-list.slider[data-setLen="4"] .list-pic.link .ct ul li {
  max-width: calc(100% / 4) !important;
  flex: 0 0 calc(100% / 4) !important;
}
@media screen and (max-width: 1366px) {
  .group-list.slider[data-setLen="4"] .list-pic.link .ct ul li {
    flex: 0 0 33.33% !important;
    max-width: 33.33% !important;
  }
}
@media screen and (max-width: 768px) {
  .group-list.slider[data-setLen="4"] .list-pic.link .ct ul li {
    flex: 0 0 50% !important;
    max-width: 50% !important;
  }
}
@media screen and (max-width: 560px) {
  .group-list.slider[data-setLen="4"] .list-pic.link .ct ul li {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
}
.group-list.slider[data-setLen="5"] .list-pic.link .ct ul li {
  max-width: calc(100% / 5) !important;
  flex: 0 0 calc(100% / 5) !important;
}
@media screen and (max-width: 1366px) {
  .group-list.slider[data-setLen="5"] .list-pic.link .ct ul li {
    flex: 0 0 33.33% !important;
    max-width: 33.33% !important;
  }
}
@media screen and (max-width: 768px) {
  .group-list.slider[data-setLen="5"] .list-pic.link .ct ul li {
    flex: 0 0 50% !important;
    max-width: 50% !important;
  }
}
@media screen and (max-width: 560px) {
  .group-list.slider[data-setLen="5"] .list-pic.link .ct ul li {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
}
.group-list.slider[data-setLen="6"] .list-pic.link .ct ul li {
  max-width: calc(100% / 6) !important;
  flex: 0 0 calc(100% / 6) !important;
}
@media screen and (max-width: 1366px) {
  .group-list.slider[data-setLen="6"] .list-pic.link .ct ul li {
    flex: 0 0 33.33% !important;
    max-width: 33.33% !important;
  }
}
@media screen and (max-width: 768px) {
  .group-list.slider[data-setLen="6"] .list-pic.link .ct ul li {
    flex: 0 0 50% !important;
    max-width: 50% !important;
  }
}
@media screen and (max-width: 560px) {
  .group-list.slider[data-setLen="6"] .list-pic.link .ct ul li {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
}
.group-list.slider[data-setLen="7"] .list-pic.link .ct ul li {
  max-width: calc(100% / 7) !important;
  flex: 0 0 calc(100% / 7) !important;
}
@media screen and (max-width: 1366px) {
  .group-list.slider[data-setLen="7"] .list-pic.link .ct ul li {
    flex: 0 0 33.33% !important;
    max-width: 33.33% !important;
  }
}
@media screen and (max-width: 768px) {
  .group-list.slider[data-setLen="7"] .list-pic.link .ct ul li {
    flex: 0 0 50% !important;
    max-width: 50% !important;
  }
}
@media screen and (max-width: 560px) {
  .group-list.slider[data-setLen="7"] .list-pic.link .ct ul li {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
}
.group-list.slider[data-setLen="8"] .list-pic.link .ct ul li {
  max-width: calc(100% / 8) !important;
  flex: 0 0 calc(100% / 8) !important;
}
@media screen and (max-width: 1366px) {
  .group-list.slider[data-setLen="8"] .list-pic.link .ct ul li {
    flex: 0 0 33.33% !important;
    max-width: 33.33% !important;
  }
}
@media screen and (max-width: 768px) {
  .group-list.slider[data-setLen="8"] .list-pic.link .ct ul li {
    flex: 0 0 50% !important;
    max-width: 50% !important;
  }
}
@media screen and (max-width: 560px) {
  .group-list.slider[data-setLen="8"] .list-pic.link .ct ul li {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
}
.group-list.slider[data-setLen="9"] .list-pic.link .ct ul li {
  max-width: calc(100% / 9) !important;
  flex: 0 0 calc(100% / 9) !important;
}
@media screen and (max-width: 1366px) {
  .group-list.slider[data-setLen="9"] .list-pic.link .ct ul li {
    flex: 0 0 33.33% !important;
    max-width: 33.33% !important;
  }
}
@media screen and (max-width: 768px) {
  .group-list.slider[data-setLen="9"] .list-pic.link .ct ul li {
    flex: 0 0 50% !important;
    max-width: 50% !important;
  }
}
@media screen and (max-width: 560px) {
  .group-list.slider[data-setLen="9"] .list-pic.link .ct ul li {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
}
.group-list.slider[data-setLen="10"] .list-pic.link .ct ul li {
  max-width: calc(100% / 10) !important;
  flex: 0 0 calc(100% / 10) !important;
}
@media screen and (max-width: 1366px) {
  .group-list.slider[data-setLen="10"] .list-pic.link .ct ul li {
    flex: 0 0 33.33% !important;
    max-width: 33.33% !important;
  }
}
@media screen and (max-width: 768px) {
  .group-list.slider[data-setLen="10"] .list-pic.link .ct ul li {
    flex: 0 0 50% !important;
    max-width: 50% !important;
  }
}
@media screen and (max-width: 560px) {
  .group-list.slider[data-setLen="10"] .list-pic.link .ct ul li {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
}
.list-pic.link .ct {
  /*i*/
}
.list-pic.link .ct ul {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: 0 calc(0 - 8px);
}
@media screen and (max-width: 1366px) {
  .list-pic.link .ct ul {
    margin: 0;
    flex-wrap: nowrap;
  }
}
[data-index][data-type="3"] .list-pic.link .ct ul[data-child="1"] > li {
  flex: 0 0 calc(100% / 1);
  max-width: calc(100% / 1);
}
@media screen and (max-width: 768px) and (min-width: 561px) {
  [data-index][data-type="3"] .list-pic.link .ct ul[data-child="1"] > li {
    flex: 0 0 calc(100% / 1);
    max-width: calc(100% / 1);
  }
}
@media screen and (max-width: 560px) {
  [data-index][data-type="3"] .list-pic.link .ct ul[data-child="1"] > li {
    flex: 0 0 100% !important;
    max-width: 100%;
    padding: 0;
  }
}
[data-index][data-type="3"] .list-pic.link .ct ul[data-child="2"] > li {
  flex: 0 0 calc(100% / 2);
  max-width: calc(100% / 2);
}
@media screen and (max-width: 768px) and (min-width: 561px) {
  [data-index][data-type="3"] .list-pic.link .ct ul[data-child="2"] > li {
    flex: 0 0 calc(100% / 2);
    max-width: calc(100% / 2);
  }
}
@media screen and (max-width: 560px) {
  [data-index][data-type="3"] .list-pic.link .ct ul[data-child="2"] > li {
    flex: 0 0 100% !important;
    max-width: 100%;
    padding: 0;
  }
}
[data-index][data-type="3"] .list-pic.link .ct ul[data-child="3"] > li {
  flex: 0 0 calc(100% / 3);
  max-width: calc(100% / 3);
}
@media screen and (max-width: 768px) and (min-width: 561px) {
  [data-index][data-type="3"] .list-pic.link .ct ul[data-child="3"] > li {
    flex: 0 0 calc(100% / 3);
    max-width: calc(100% / 3);
  }
}
@media screen and (max-width: 560px) {
  [data-index][data-type="3"] .list-pic.link .ct ul[data-child="3"] > li {
    flex: 0 0 100% !important;
    max-width: 100%;
    padding: 0;
  }
}
[data-index][data-type="3"] .list-pic.link .ct ul[data-child="4"] > li {
  flex: 0 0 25%;
  max-width: 25%;
}
@media screen and (max-width: 1366px) {
  [data-index][data-type="3"] .list-pic.link .ct ul[data-child="4"] > li {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media screen and (max-width: 560px) {
  [data-index][data-type="3"] .list-pic.link .ct ul[data-child="4"] > li {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0;
  }
  [data-index][data-type="3"] .list-pic.link .ct ul[data-child="4"] > li + li {
    padding-top: 15px;
  }
}
[data-index][data-type="3"] .list-pic.link .ct ul[data-child="5"] > li {
  flex: 0 0 25%;
  max-width: 25%;
}
@media screen and (max-width: 1366px) {
  [data-index][data-type="3"] .list-pic.link .ct ul[data-child="5"] > li {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media screen and (max-width: 560px) {
  [data-index][data-type="3"] .list-pic.link .ct ul[data-child="5"] > li {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0;
  }
  [data-index][data-type="3"] .list-pic.link .ct ul[data-child="5"] > li + li {
    padding-top: 15px;
  }
}
[data-index][data-type="3"] .list-pic.link .ct ul[data-child="6"] > li {
  flex: 0 0 25%;
  max-width: 25%;
}
@media screen and (max-width: 1366px) {
  [data-index][data-type="3"] .list-pic.link .ct ul[data-child="6"] > li {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media screen and (max-width: 560px) {
  [data-index][data-type="3"] .list-pic.link .ct ul[data-child="6"] > li {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0;
  }
  [data-index][data-type="3"] .list-pic.link .ct ul[data-child="6"] > li + li {
    padding-top: 15px;
  }
}
[data-index][data-type="3"] .list-pic.link .ct ul[data-child="7"] > li {
  flex: 0 0 25%;
  max-width: 25%;
}
@media screen and (max-width: 1366px) {
  [data-index][data-type="3"] .list-pic.link .ct ul[data-child="7"] > li {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media screen and (max-width: 560px) {
  [data-index][data-type="3"] .list-pic.link .ct ul[data-child="7"] > li {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0;
  }
  [data-index][data-type="3"] .list-pic.link .ct ul[data-child="7"] > li + li {
    padding-top: 15px;
  }
}
[data-index][data-type="3"] .list-pic.link .ct ul[data-child="8"] > li {
  flex: 0 0 25%;
  max-width: 25%;
}
@media screen and (max-width: 1366px) {
  [data-index][data-type="3"] .list-pic.link .ct ul[data-child="8"] > li {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media screen and (max-width: 560px) {
  [data-index][data-type="3"] .list-pic.link .ct ul[data-child="8"] > li {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0;
  }
  [data-index][data-type="3"] .list-pic.link .ct ul[data-child="8"] > li + li {
    padding-top: 15px;
  }
}
[data-index][data-type="3"] .list-pic.link .ct ul[data-child="9"] > li {
  flex: 0 0 25%;
  max-width: 25%;
}
@media screen and (max-width: 1366px) {
  [data-index][data-type="3"] .list-pic.link .ct ul[data-child="9"] > li {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media screen and (max-width: 560px) {
  [data-index][data-type="3"] .list-pic.link .ct ul[data-child="9"] > li {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0;
  }
  [data-index][data-type="3"] .list-pic.link .ct ul[data-child="9"] > li + li {
    padding-top: 15px;
  }
}
[data-index][data-type="3"] .list-pic.link .ct ul[data-child="10"] > li {
  flex: 0 0 25%;
  max-width: 25%;
}
@media screen and (max-width: 1366px) {
  [data-index][data-type="3"] .list-pic.link .ct ul[data-child="10"] > li {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media screen and (max-width: 560px) {
  [data-index][data-type="3"] .list-pic.link .ct ul[data-child="10"] > li {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0;
  }
  [data-index][data-type="3"] .list-pic.link .ct ul[data-child="10"] > li + li {
    padding-top: 15px;
  }
}
.list-pic.link .ct li {
  padding: 0 3px;
  box-sizing: border-box;
  flex: 0 0 100%;
}
.list-pic.link .ct span {
  position: relative;
  display: block;
  margin: 5px;
  background-color: #CECECE;
}
.list-pic.link .ct a {
  display: block;
  padding-bottom: 75%;
}
.list-pic.link .ct a:before {
  content: "​";
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: transparent;
  transition: 150ms;
}
.list-pic.link .ct a:hover:before {
  background-color: rgba(45, 45, 45, 0.5);
}
@media screen and (max-width: 768px) {
  .list-pic.link .ct a {
    background-color: transparent;
  }
}
.list-pic.link .ct img {
  display: none !important;
}
.list-pic.major-slider[data-setLen="1"] .ct ul {
  width: calc(50 * 100% / 1);
}
.list-pic.major-slider[data-setLen="2"] .ct ul {
  width: calc(50 * 100% / 2);
}
.list-pic.major-slider[data-setLen="3"] .ct ul {
  width: calc(50 * 100% / 3);
}
.list-pic.major-slider[data-setLen="4"] .ct ul {
  width: calc(50 * 100% / 4);
}
.list-pic.major-slider[data-setLen="5"] .ct ul {
  width: calc(50 * 100% / 5);
}
.list-pic.major-slider[data-setLen="6"] .ct ul {
  width: calc(50 * 100% / 6);
}
.list-pic.major-slider[data-setLen="7"] .ct ul {
  width: calc(50 * 100% / 7);
}
.list-pic.major-slider[data-setLen="8"] .ct ul {
  width: calc(50 * 100% / 8);
}
.list-pic.major-slider[data-setLen="9"] .ct ul {
  width: calc(50 * 100% / 9);
}
.list-pic.major-slider[data-setLen="10"] .ct ul {
  width: calc(50 * 100% / 10);
}
.list-pic.major-slider > .in .hd + .ct + .ft > .in ul li a {
  margin-top: 0;
}
.list-pic.major-slider > .in .hd + .ct + .ft > .in ul[data-child="2"] a {
  margin-top: 8px;
}
.list-pic.major-slider > .in .ct {
  /*i*/
}
.list-pic.major-slider > .in .ct .ctrl_btn {
  position: absolute;
  top: 60px;
  left: 15px;
  z-index: 2;
}
.list-pic.major-slider > .in .ct > .in {
  overflow: hidden;
  box-sizing: border-box;
}
[data-js=false] .list-pic.major-slider > .in .ct > .in {
  margin: 0;
}
[data-js=false] .list-pic.major-slider > .in .ct ul {
  width: 100%;
}
.list-pic.major-slider > .in .ct li {
  width: calc(100% / 50);
  display: inline-block;
  vertical-align: middle;
  box-sizing: border-box;
  padding: 8px;
}
[data-js=false] .list-pic.major-slider > .in .ct li {
  width: calc(100% / 5);
}
.list-pic.major-slider > .in .ct li a {
  display: block;
  position: relative;
  transition: 150ms;
  overflow: hidden;
}
.list-pic.major-slider > .in .ct span {
  display: block;
  background-image: none !important;
}
.list-pic.major-slider > .in .ct .caption {
  text-align: center;
  margin-top: 8px;
}
.list-pic.major-slider > .in .ct img {
  display: block;
  width: 100%;
  border-radius: 5px;
}
.list-pic.major-slider > .in .ct a {
  transition: 150ms;
}
.list-pic.major-slider > .in .ct a:hover {
  transform: scale(1.1);
}
.list-pic.major-slider > .in .ct .mark {
  display: none;
}
.list-pic.major-slider > .in .ft ul {
  text-align: right;
}
.list-pic.major-slider > .in .ft ul[data-child="3"] li.next a, .list-pic.major-slider > .in .ft ul[data-child="3"] li.prev a {
  top: calc(50% - 16px);
}
.list-pic.major-slider > .in .ft li.next, .list-pic.major-slider > .in .ft li.prev {
  display: none;
}
[data-js=false] .list-pic.major-slider > .in .ft li.next, [data-js=false] .list-pic.major-slider > .in .ft li.prev {
  display: none;
}
.list-pic.major-slider > .in .ft li.next a, .list-pic.major-slider > .in .ft li.prev a {
  position: absolute;
  top: 50%;
  display: block;
  padding: 0;
  width: 48px;
  height: 48px;
  transition: 150ms;
  margin-top: calc(-1 * 48px / 2);
  background-position: center center;
  background-repeat: no-repeat;
  background-color: rgba(45, 45, 45, 0.5);
  border-radius: calc(48px / 2);
}
.list-pic.major-slider > .in .ft li.next a:hover, .list-pic.major-slider > .in .ft li.next a:focus, .list-pic.major-slider > .in .ft li.prev a:hover, .list-pic.major-slider > .in .ft li.prev a:focus {
  background-color: #997950;
}
.list-pic.major-slider > .in .ft li.next a {
  right: 0;
  background-image: url("../images/icon-pic/icon_arrow-right-w.svg");
}
.list-pic.major-slider > .in .ft li.prev a {
  left: 0;
  background-image: url("../images/icon-pic/icon_arrow-left-w.svg");
}
.list-pic.major-slider > .in .ft a {
  background-size: calc(48px / 2);
}
.list-pic.major-slider.is-marquee > .in > .ct > .in {
  overflow: hidden;
  transition: 150ms;
  margin: 0 calc(48px + 20px);
  box-sizing: border-box;
}
.list-pic.major-slider.is-marquee > .in > .ft li.next, .list-pic.major-slider.is-marquee > .in > .ft li.prev {
  display: block;
}
@media screen and (max-width: 768px) {
  .list-pic.major-slider.is-marquee > .in > .ft li.next, .list-pic.major-slider.is-marquee > .in > .ft li.prev {
    display: block;
  }
}

[data-js=false] .area-form.link {
  display: none;
}
.area-form.link > .in .ct {
  /*input*/
}
.area-form.link > .in .ct > .in {
  position: relative;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
}
.area-form.link > .in .ct .select {
  flex: 0 0 calc(100% - 40px);
  max-width: calc(100% - 40px);
  padding-right: 8px;
  box-sizing: border-box;
}
.area-form.link > .in .ct label {
  display: none;
}
.area-form.link > .in .ct select {
  width: 100%;
  font-size: 1.125em;
  padding: 8px;
  overflow: hidden;
}
.area-form.link > .in .ct option {
  width: 100%;
}
.area-form.link > .in .ct .button {
  flex: 0 0 40px;
  max-width: 40px;
  height: 40px;
  position: relative;
}
.area-form.link > .in .ct .button:after {
  content: "​";
  display: inline-block;
  mask: url(../images/svg/icon_arrow-right.svg) no-repeat 50% 50%;
  -webkit-mask: url(../images/svg/icon_arrow-right.svg) no-repeat 50% 50%;
  mask-size: contain;
  -webkit-mask-size: contain;
  background-color: #2D2D2D;
  height: 40px;
  width: 40px;
  background-color: #ffffff !important;
  display: block;
  mask-size: 24px;
  -webkit-mask-size: 24px;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  left: 0;
}
.area-form.link > .in .ct [type=button] {
  background-position: center center;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
}
.area-form.link > .in .ct [type=button]:hover, .area-form.link > .in .ct [type=button]:focus {
  background-color: deeper(#997950);
}
.area-figure.album > .in .ct {
  background-color: #ffffff;
  /*a*/
  /*i*/
}
.area-figure.album > .in .ct .div {
  display: block;
  box-sizing: border-box;
}
.area-figure.album > .in .ct .div:hover .figcaption, .area-figure.album > .in .ct .div:focus .figcaption {
  color: #997950;
}
.area-figure.album > .in .ct .img {
  overflow: hidden;
  position: relative;
}
.area-figure.album > .in .ct .img:before {
  content: "";
  display: block;
  width: 36px;
  height: 36px;
  background-image: url("../images/icon-pic/icon-w-img.png");
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  right: 8px;
  bottom: 8px;
  display: none;
}
.area-figure.album > .in .ct .img span {
  padding-bottom: 75%;
  background-color: #787878;
  background-size: cover;
  display: block;
  overflow: hidden;
  box-sizing: border-box;
  transition: calc(150ms * 2);
}
.area-figure.album > .in .ct .img img {
  display: none;
}
.area-figure.album > .in .ct .essay {
  position: relative;
  padding: 15px;
  transition: 150ms;
}
.area-figure.album > .in .ct .figcaption {
  margin: 0;
  line-height: 1.875em;
  color: #2D2D2D;
  font-size: 1.125em;
  text-align: center;
  transition: 150ms;
}
.area-figure.album > .in .ct .label {
  display: none;
}
.area-figure.album > .in .ct .label ul {
  text-align: center;
}
.area-figure.album > .in .ct .label li {
  display: inline-block;
  vertical-align: middle;
}
.area-figure.album > .in .ct .label li + li {
  margin-left: 5px;
}
.area-figure.album > .in .ct .label li + li span .unit {
  font-style: inherit;
  background-color: #f0f0f0;
  margin-right: 0;
}
.area-figure.album > .in .ct .label span {
  display: block;
}
.area-figure.album > .in .ct .mark {
  margin-right: 0;
}
.area-figure.album > .in .ct .p {
  margin-top: 15px;
  text-align: left;
}
.area-figure.album > .in .ct .p p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-height: 1.5;
  font-size: 1.2em;
  max-height: 30px;
}
.area-figure.album > .in .ft ul {
  text-align: center;
}
.area-essay.message02 > .in .ct {
  /*a*/
  /*i*/
}
.area-essay.message02 > .in .ct .div {
  display: block;
  background-color: #ffffff;
  transition: calc(150ms * 2);
}
.area-essay.message02 > .in .ct .div:hover .caption, .area-essay.message02 > .in .ct .div:focus .caption {
  color: #997950;
}
.area-essay.message02 > .in .ct .img {
  position: relative;
}
.area-essay.message02 > .in .ct .img span {
  display: block;
  position: relative;
  padding-bottom: 75%;
  background-color: #fafafa;
}
.area-essay.message02 > .in .ct .img img {
  display: none;
}
.area-essay.message02 > .in .ct .essay {
  position: relative;
  padding: 15px;
}
.area-essay.message02 > .in .ct .caption {
  box-sizing: border-box;
  transition: 150ms;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  line-height: 1.5;
  font-size: 1.2em;
  font-weight: bold;
  height: 28px;
  margin-bottom: 0;
}
.area-essay.message02 > .in .ct .label ul {
  padding: 8px 0;
  text-align: center;
}
.area-essay.message02 > .in .ct .label ~ .p {
  padding-top: 5px;
}
.area-essay.message02 > .in .ct .p p {
  box-sizing: border-box;
  transition: 150ms;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-height: 1.7;
  font-size: 1em;
  height: 80px;
}
.font-size-large .area-essay.message02 > .in .ct .caption {
  height: 60px;
}
.font-size-large .area-essay.message02 > .in .ct .p p {
  height: 116px;
}

.base-module-area .area-essay.link .ct {
  /*a*/
  /*i*/
}
.base-module-area .area-essay.link .ct .div {
  display: block;
  overflow: hidden;
  position: relative;
}
.base-module-area .area-essay.link .ct .div:hover .img span, .base-module-area .area-essay.link .ct .div:focus .img span {
  overflow: hidden;
}
.base-module-area .area-essay.link .ct .div:hover .essay .caption, .base-module-area .area-essay.link .ct .div:focus .essay .caption {
  background-color: #997950;
}
.base-module-area .area-essay.link .ct .img span {
  display: block;
  padding-bottom: 75%;
  position: relative;
  background-color: #f0f0f0;
}
.base-module-area .area-essay.link .ct .img img {
  display: none;
}
.base-module-area .area-essay.link .ct .essay {
  box-sizing: border-box;
  transition: 150ms;
  position: relative;
}
.base-module-area .area-essay.link .ct .caption {
  margin-bottom: 0;
  text-align: center;
  font-weight: bold;
  font-size: 1.125em;
  position: absolute;
  width: 100%;
  top: -35px;
  left: 0;
  padding: 5px;
  box-sizing: border-box;
  background-color: rgba(153, 121, 80, 0.8);
  color: #ffffff;
}
.base-module-area .area-essay.link .ct .label {
  display: none;
}
.base-module-area .area-essay.link .ct .p {
  display: none;
}
.base-module-area .area-essay.link .ct .p p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-height: 1.7;
  height: 80px;
}
.base-page-area .area-essay.link .ct {
  /*a*/
  /*i*/
}
.base-page-area .area-essay.link .ct .div {
  position: relative;
  background-color: #f0f0f0;
  transition: 150ms;
}
.base-page-area .area-essay.link .ct .div:hover, .base-page-area .area-essay.link .ct .div:focus {
  background-color: #CECECE;
}
.base-page-area .area-essay.link .ct .img span {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  bottom: 0;
  width: 150px;
}
@media screen and (max-width: 560px) {
  .base-page-area .area-essay.link .ct .img span {
    position: static;
    width: auto;
  }
}
.base-page-area .area-essay.link .ct .img img {
  display: none;
}
@media screen and (max-width: 560px) {
  .base-page-area .area-essay.link .ct .img img {
    display: block;
    width: 100%;
  }
}
.base-page-area .area-essay.link .ct .essay {
  padding: 15px;
  padding-left: calc(150px + 15px);
}
@media screen and (max-width: 560px) {
  .base-page-area .area-essay.link .ct .essay {
    padding-left: 15px;
  }
}
.area-customize.icons-g2 .ct {
  /*a*/
}
.area-customize.icons-g2 .ct ul {
  display: flex;
  align-items: stretch;
  justify-content: center;
  flex-wrap: wrap;
}
@media screen and (max-width: 1440px) and (min-width: 1px) {
  .area-customize.icons-g2 .ct ul {
    justify-content: center;
  }
}
.area-customize.icons-g2 .ct li {
  flex-basis: 16.6667%;
  max-width: 16.6667%;
}
@media screen and (max-width: 1440px) and (min-width: 1281px) {
  .area-customize.icons-g2 .ct li {
    flex-basis: 25%;
    max-width: 25%;
  }
}
@media screen and (max-width: 1280px) and (min-width: 701px) {
  .area-customize.icons-g2 .ct li {
    flex-basis: 33.333%;
    max-width: 33.333%;
  }
}
@media screen and (max-width: 700px) and (min-width: 481px) {
  .area-customize.icons-g2 .ct li {
    flex-basis: 50%;
    max-width: 50%;
  }
}
@media screen and (max-width: 480px) and (min-width: 1px) {
  .area-customize.icons-g2 .ct li {
    flex-basis: 100%;
    max-width: 100%;
  }
}
.area-customize.icons-g2 .ct .div {
  display: block;
  padding: 8px;
  transition: 150ms;
  max-width: 240px;
  margin: 0 auto;
}
.area-customize.icons-g2 .ct .div:hover .img, .area-customize.icons-g2 .ct .div:focus .img {
  border-color: #997950;
}
.area-customize.icons-g2 .ct .div:hover .caption, .area-customize.icons-g2 .ct .div:focus .caption {
  color: #997950;
}
.area-customize.icons-g2 .ct .img {
  display: block;
  width: 150px;
  max-width: 100%;
  margin: 0 auto;
  transition: 150ms;
  border-radius: 50%;
  overflow: hidden;
  box-sizing: border-box;
}
.area-customize.icons-g2 .ct .img span {
  display: block;
  padding-bottom: 100%;
}
.area-customize.icons-g2 .ct .img img {
  display: none !important;
}
@media screen and (max-width: 1156px) and (min-width: 1px) {
  .area-customize.icons-g2 .ct .img {
    margin-bottom: 15px;
  }
}
.area-customize.icons-g2 .ct .mark {
  text-align: center;
  display: block;
  margin: 5px 0;
}
.area-customize.icons-g2 .ct .caption {
  padding: 8px;
  font-weight: bold;
  font-size: 1.125em;
  text-align: center;
  transition: 150ms;
}
.list-text.anchor .ct {
  /*i*/
}
.list-text.anchor .ct ul {
  border: 1px solid #CECECE;
}
.list-text.anchor .ct ul[data-child="2"] > li {
  width: calc(100% / 2);
  float: left;
}
.list-text.anchor .ct ul[data-child="3"] > li {
  width: calc(100% / 3);
  float: left;
}
.list-text.anchor .ct ul[data-child="4"] > li {
  width: calc(100% / 4);
  float: left;
}
.list-text.anchor .ct ul[data-child="5"] > li {
  width: calc(100% / 5);
  float: left;
}
.list-text.anchor .ct ul[data-child="6"] > li {
  width: calc(100% / 6);
  float: left;
}
.list-text.anchor .ct ul[data-child="7"] > li {
  width: calc(100% / 7);
  float: left;
}
.list-text.anchor .ct ul[data-child="8"] > li {
  width: calc(100% / 8);
  float: left;
}
.list-text.anchor .ct ul[data-child="9"] > li {
  width: calc(100% / 9);
  float: left;
}
.list-text.anchor .ct ul[data-child="10"] > li {
  width: calc(100% / 10);
  float: left;
}
.list-text.anchor .ct li {
  position: relative;
}
.list-text.anchor .ct li + li:before {
  content: "​";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 1px;
  background-color: #CECECE;
}
.list-text.anchor .ct span {
  display: block;
}
.list-text.anchor .ct a {
  display: block;
  padding: 5px;
  text-align: center;
  transition: 150ms;
}
.list-text.anchor .ct a:hover {
  background-color: #2D2D2D;
  color: #ffffff;
}
[data-js=false] .area-customize.pchouse-album03 {
  display: none;
}
.area-customize.pchouse-album03.is-auto > .bg-drop-layout > .in > .ct, .area-customize.pchouse-album03.is-auto > .in > .ct {
  position: relative;
}
.area-customize.pchouse-album03.show-ctrl .ctrl_btn a {
  opacity: 1;
}
.area-customize.pchouse-album03 .ctrl_btn {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
.area-customize.pchouse-album03 .ctrl_btn a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-right: 30px;
  color: #ffffff;
  opacity: 0;
}
.area-customize.pchouse-album03 .ctrl_btn a:before {
  background-position: right center;
}
.area-customize.pchouse-album03 .ctrl_btn a:hover, .area-customize.pchouse-album03 .ctrl_btn a:focus {
  color: #2D2D2D;
}
.area-customize.pchouse-album03 .ctrl_btn a:focus {
  opacity: 1;
}
.area-customize.pchouse-album03 .ct .slider-box {
  display: grid;
  grid-template-columns: 235px 1fr;
  width: 100%;
  grid-template-areas: "left right";
}
@media screen and (max-width: 560px) {
  .area-customize.pchouse-album03 .ct .slider-box {
    display: block;
  }
}
.area-customize.pchouse-album03 .ct .pic-area {
  grid-area: right;
  overflow: hidden;
  /*a*/
}
.area-customize.pchouse-album03 .ct .pic-area .div {
  position: relative;
  display: block;
  height: 100%;
}
.area-customize.pchouse-album03 .ct .pic-area .div:before {
  content: "";
  display: block;
  width: 36px;
  height: 36px;
  background-image: url("../images/icon-pic/icon-w-img.png");
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  right: 15px;
  bottom: 15px;
  z-index: 1;
}
.area-customize.pchouse-album03 .ct .pic-area img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.area-customize.pchouse-album03 .ct .list-area {
  grid-area: left;
  /*span*/
}
.area-customize.pchouse-album03 .ct .list-area ul {
  display: flex;
  grid-template-columns: 1fr;
  gap: 8px;
  flex-direction: column;
  height: 100%;
}
@media screen and (max-width: 560px) {
  .area-customize.pchouse-album03 .ct .list-area ul {
    gap: 0;
  }
}
.area-customize.pchouse-album03 .ct .list-area li {
  flex: 1;
}
@media screen and (max-width: 560px) {
  .area-customize.pchouse-album03 .ct .list-area li:last-child a {
    border-bottom: 1px solid #CECECE;
  }
}
.area-customize.pchouse-album03 .ct .list-area li.is-active a {
  background-color: #997950;
  border-color: #997950;
}
.area-customize.pchouse-album03 .ct .list-area li.is-active a:after {
  content: "​";
}
.area-customize.pchouse-album03 .ct .list-area li.is-active a:hover {
  background-color: deeper(#997950);
}
.area-customize.pchouse-album03 .ct .list-area li.is-active a:hover:after {
  border-left-color: deeper(#997950);
}
.area-customize.pchouse-album03 .ct .list-area li.is-active .caption, .area-customize.pchouse-album03 .ct .list-area li.is-active .p, .area-customize.pchouse-album03 .ct .list-area li.is-active .label {
  color: #ffffff;
}
@media screen and (max-width: 560px) {
  .area-customize.pchouse-album03 .ct .list-area li + li a {
    border-top: none;
  }
}
.area-customize.pchouse-album03 .ct .list-area a {
  display: block;
  padding: 8px 15px;
  box-sizing: border-box;
  border: 1px solid #CECECE;
  background-color: #ffffff;
  transition: 150ms;
  position: relative;
  height: 100%;
}
.area-customize.pchouse-album03 .ct .list-area a:before {
  content: "​";
  display: inline-block;
  width: 0;
  height: 100%;
  vertical-align: middle;
}
@media screen and (max-width: 560px) {
  .area-customize.pchouse-album03 .ct .list-area a:before {
    content: none;
  }
}
.area-customize.pchouse-album03 .ct .list-area a:after {
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: calc(-1 * 15px);
  width: 0;
  height: 0;
  border: 15px solid transparent;
  border-left-color: #997950;
  transition: 150ms;
}
@media screen and (max-width: 560px) {
  .area-customize.pchouse-album03 .ct .list-area a:after {
    display: none;
  }
}
.area-customize.pchouse-album03 .ct .list-area a:hover {
  background-color: #f0f0f0;
}
.area-customize.pchouse-album03 .ct .list-area img {
  display: none !important;
}
.area-customize.pchouse-album03 .ct .list-area .essay {
  display: inline-block;
  vertical-align: middle;
  max-width: 190px;
}
@media screen and (max-width: 560px) {
  .area-customize.pchouse-album03 .ct .list-area .essay {
    display: block;
    max-width: initial;
  }
}
.area-customize.pchouse-album03 .ct .list-area .caption {
  font-size: 1.1em;
  font-weight: 700;
  color: #997950;
  transition: 150ms;
  display: block;
}
.area-customize.pchouse-album03 .ct .list-area .p {
  font-style: normal;
  display: block;
  margin: 3px 0;
  color: #343434;
  font-size: 1em;
}
.area-customize.pchouse-album03 .ct .list-area .label {
  color: #646464;
  font-size: 0.8em;
}
.area-customize.pchouse-album .ct {
  /*a*/
  /*i*/
}
.area-customize.pchouse-album .ct > .in > ul {
  padding-left: 0;
  margin: 0;
  list-style: none;
}
.area-customize.pchouse-album .ct > .in > ul > li {
  display: block;
}
.area-customize.pchouse-album .ct > .in > ul > li + li {
  margin-top: 30px;
}
.area-customize.pchouse-album .ct .div {
  display: block;
  position: relative;
  overflow: hidden;
}
.area-customize.pchouse-album .ct .div:before {
  content: "";
  display: block;
  width: 36px;
  height: 36px;
  background-image: url("../images/icon-pic/icon-w-img.png");
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  left: 8px;
  top: 8px;
}
.area-customize.pchouse-album .ct .div:hover .essay, .area-customize.pchouse-album .ct .div:focus .essay {
  top: 0;
  background-color: rgba(45, 45, 45, 0.7);
}
.area-customize.pchouse-album .ct .div:hover .label span, .area-customize.pchouse-album .ct .div:focus .label span {
  padding-bottom: 5px;
  border-bottom: 3px solid #2D2D2D;
}
.area-customize.pchouse-album .ct .div:hover .p, .area-customize.pchouse-album .ct .div:focus .p {
  display: block;
}
.area-customize.pchouse-album .ct .img span {
  display: block;
  padding-bottom: 75%;
  background-size: cover;
}
.area-customize.pchouse-album .ct .img img {
  display: none !important;
}
.area-customize.pchouse-album .ct .essay {
  position: absolute;
  left: 0;
  top: calc(100% - 2rem - 20px);
  width: 100%;
  height: 100%;
  overflow: hidden;
  padding: 15px;
  box-sizing: border-box;
  background-color: rgba(45, 45, 45, 0.5);
  transition: calc(150ms * 2);
}
.area-customize.pchouse-album .ct .figcaption {
  text-align: center;
}
.area-customize.pchouse-album .ct .figcaption span {
  color: #ffffff;
  font-weight: 700;
}
.area-customize.pchouse-album .ct .label {
  text-align: center;
  margin: 8px 0;
}
.area-customize.pchouse-album .ct .label span {
  color: #ffffff;
  display: inline-block;
}
.area-customize.pchouse-album .ct .p {
  display: none;
  margin-top: 8px;
  padding-top: 8px;
}
.area-customize.pchouse-album .ct .p p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  line-height: 1.7;
  max-height: 120px;
  color: #ffffff;
}
[data-type="3"] > .in > .ct > .in > .area-customize.message02 > .in > .ct, [data-type="3"] > .in > .ct > .in > .bg-drop-layout > .g.row > div > .area-customize.message02 > .in > .ct, [data-type="2"] > .in > .ct > .in > ul > li .area-customize.message02 > .in > .ct, [data-type="2"] > .in > .ct > .in > .bg-drop-layout > .g.row > div > ul > li .area-customize.message02 > .in > .ct {
  background-color: #f0f0f0;
  padding: 15px;
  /*a*/
}
[data-type="3"] > .in > .ct > .in > .area-customize.message02 > .in > .ct > .in > ul > li, [data-type="3"] > .in > .ct > .in > .bg-drop-layout > .g.row > div > .area-customize.message02 > .in > .ct > .in > ul > li, [data-type="2"] > .in > .ct > .in > ul > li .area-customize.message02 > .in > .ct > .in > ul > li, [data-type="2"] > .in > .ct > .in > .bg-drop-layout > .g.row > div > ul > li .area-customize.message02 > .in > .ct > .in > ul > li {
  background-color: #ffffff;
}
[data-type="3"] > .in > .ct > .in > .area-customize.message02 > .in > .ct > .in > ul > li:first-child .div, [data-type="3"] > .in > .ct > .in > .bg-drop-layout > .g.row > div > .area-customize.message02 > .in > .ct > .in > ul > li:first-child .div, [data-type="2"] > .in > .ct > .in > ul > li .area-customize.message02 > .in > .ct > .in > ul > li:first-child .div, [data-type="2"] > .in > .ct > .in > .bg-drop-layout > .g.row > div > ul > li .area-customize.message02 > .in > .ct > .in > ul > li:first-child .div {
  padding: 0;
}
[data-type="3"] > .in > .ct > .in > .area-customize.message02 > .in > .ct > .in > ul > li:first-child .essay, [data-type="3"] > .in > .ct > .in > .bg-drop-layout > .g.row > div > .area-customize.message02 > .in > .ct > .in > ul > li:first-child .essay, [data-type="2"] > .in > .ct > .in > ul > li .area-customize.message02 > .in > .ct > .in > ul > li:first-child .essay, [data-type="2"] > .in > .ct > .in > .bg-drop-layout > .g.row > div > ul > li .area-customize.message02 > .in > .ct > .in > ul > li:first-child .essay {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 8px 0;
  background-color: rgba(45, 45, 45, 0.5);
}
[data-type="3"] > .in > .ct > .in > .area-customize.message02 > .in > .ct > .in > ul > li:first-child .label ul, [data-type="3"] > .in > .ct > .in > .bg-drop-layout > .g.row > div > .area-customize.message02 > .in > .ct > .in > ul > li:first-child .label ul, [data-type="2"] > .in > .ct > .in > ul > li .area-customize.message02 > .in > .ct > .in > ul > li:first-child .label ul, [data-type="2"] > .in > .ct > .in > .bg-drop-layout > .g.row > div > ul > li .area-customize.message02 > .in > .ct > .in > ul > li:first-child .label ul {
  border-color: transparent;
  border-right-color: #ffffff;
}
[data-type="3"] > .in > .ct > .in > .area-customize.message02 > .in > .ct > .in > ul > li:first-child .caption > span, [data-type="3"] > .in > .ct > .in > .bg-drop-layout > .g.row > div > .area-customize.message02 > .in > .ct > .in > ul > li:first-child .caption > span, [data-type="2"] > .in > .ct > .in > ul > li .area-customize.message02 > .in > .ct > .in > ul > li:first-child .caption > span, [data-type="2"] > .in > .ct > .in > .bg-drop-layout > .g.row > div > ul > li .area-customize.message02 > .in > .ct > .in > ul > li:first-child .caption > span {
  -webkit-line-clamp: 1;
  line-height: 1.5;
  max-height: 28px;
}
[data-type="3"] > .in > .ct > .in > .area-customize.message02 > .in > .ct > .in > ul > li:first-child span, [data-type="3"] > .in > .ct > .in > .bg-drop-layout > .g.row > div > .area-customize.message02 > .in > .ct > .in > ul > li:first-child span, [data-type="2"] > .in > .ct > .in > ul > li .area-customize.message02 > .in > .ct > .in > ul > li:first-child span, [data-type="2"] > .in > .ct > .in > .bg-drop-layout > .g.row > div > ul > li .area-customize.message02 > .in > .ct > .in > ul > li:first-child span {
  color: #ffffff;
}
[data-type="3"] > .in > .ct > .in > .area-customize.message02 > .in > .ct > .in > ul > li:nth-child(n+5), [data-type="3"] > .in > .ct > .in > .bg-drop-layout > .g.row > div > .area-customize.message02 > .in > .ct > .in > ul > li:nth-child(n+5), [data-type="2"] > .in > .ct > .in > ul > li .area-customize.message02 > .in > .ct > .in > ul > li:nth-child(n+5), [data-type="2"] > .in > .ct > .in > .bg-drop-layout > .g.row > div > ul > li .area-customize.message02 > .in > .ct > .in > ul > li:nth-child(n+5) {
  display: none;
}
[data-type="3"] > .in > .ct > .in > .area-customize.message02 > .in > .ct > .in > ul > li + li, [data-type="3"] > .in > .ct > .in > .bg-drop-layout > .g.row > div > .area-customize.message02 > .in > .ct > .in > ul > li + li, [data-type="2"] > .in > .ct > .in > ul > li .area-customize.message02 > .in > .ct > .in > ul > li + li, [data-type="2"] > .in > .ct > .in > .bg-drop-layout > .g.row > div > ul > li .area-customize.message02 > .in > .ct > .in > ul > li + li {
  padding: 3px 0;
  margin-top: 0;
  flex: 0 0 100%;
  max-width: 100%;
  box-sizing: border-box;
}
[data-type="3"] > .in > .ct > .in > .area-customize.message02 > .in > .ct > .in > ul > li + li + li, [data-type="3"] > .in > .ct > .in > .bg-drop-layout > .g.row > div > .area-customize.message02 > .in > .ct > .in > ul > li + li + li, [data-type="2"] > .in > .ct > .in > ul > li .area-customize.message02 > .in > .ct > .in > ul > li + li + li, [data-type="2"] > .in > .ct > .in > .bg-drop-layout > .g.row > div > ul > li .area-customize.message02 > .in > .ct > .in > ul > li + li + li {
  position: relative;
}
[data-type="3"] > .in > .ct > .in > .area-customize.message02 > .in > .ct > .in > ul > li + li + li:before, [data-type="3"] > .in > .ct > .in > .bg-drop-layout > .g.row > div > .area-customize.message02 > .in > .ct > .in > ul > li + li + li:before, [data-type="2"] > .in > .ct > .in > ul > li .area-customize.message02 > .in > .ct > .in > ul > li + li + li:before, [data-type="2"] > .in > .ct > .in > .bg-drop-layout > .g.row > div > ul > li .area-customize.message02 > .in > .ct > .in > ul > li + li + li:before {
  content: "";
  display: block;
  width: 100%;
  border-top: #787878 1px dashed;
  position: absolute;
  top: 0;
  left: 0;
}
[data-type="3"] > .in > .ct > .in > .area-customize.message02 > .in > .ct .div, [data-type="3"] > .in > .ct > .in > .bg-drop-layout > .g.row > div > .area-customize.message02 > .in > .ct .div, [data-type="2"] > .in > .ct > .in > ul > li .area-customize.message02 > .in > .ct .div, [data-type="2"] > .in > .ct > .in > .bg-drop-layout > .g.row > div > ul > li .area-customize.message02 > .in > .ct .div {
  position: relative;
  padding: 15px 0;
  transition: 150ms;
  display: block;
}
[data-type="3"] > .in > .ct > .in > .area-customize.message02 > .in > .ct .div:hover .caption, [data-type="3"] > .in > .ct > .in > .area-customize.message02 > .in > .ct .div:focus .caption, [data-type="3"] > .in > .ct > .in > .bg-drop-layout > .g.row > div > .area-customize.message02 > .in > .ct .div:hover .caption, [data-type="3"] > .in > .ct > .in > .bg-drop-layout > .g.row > div > .area-customize.message02 > .in > .ct .div:focus .caption, [data-type="2"] > .in > .ct > .in > ul > li .area-customize.message02 > .in > .ct .div:hover .caption, [data-type="2"] > .in > .ct > .in > ul > li .area-customize.message02 > .in > .ct .div:focus .caption, [data-type="2"] > .in > .ct > .in > .bg-drop-layout > .g.row > div > ul > li .area-customize.message02 > .in > .ct .div:hover .caption, [data-type="2"] > .in > .ct > .in > .bg-drop-layout > .g.row > div > ul > li .area-customize.message02 > .in > .ct .div:focus .caption {
  text-decoration: none;
  color: #997950;
}
[data-type="3"] > .in > .ct > .in > .area-customize.message02 > .in > .ct .img, [data-type="3"] > .in > .ct > .in > .bg-drop-layout > .g.row > div > .area-customize.message02 > .in > .ct .img, [data-type="2"] > .in > .ct > .in > ul > li .area-customize.message02 > .in > .ct .img, [data-type="2"] > .in > .ct > .in > .bg-drop-layout > .g.row > div > ul > li .area-customize.message02 > .in > .ct .img {
  display: block;
}
[data-type="3"] > .in > .ct > .in > .area-customize.message02 > .in > .ct .img span, [data-type="3"] > .in > .ct > .in > .bg-drop-layout > .g.row > div > .area-customize.message02 > .in > .ct .img span, [data-type="2"] > .in > .ct > .in > ul > li .area-customize.message02 > .in > .ct .img span, [data-type="2"] > .in > .ct > .in > .bg-drop-layout > .g.row > div > ul > li .area-customize.message02 > .in > .ct .img span {
  display: block;
}
[data-type="3"] > .in > .ct > .in > .area-customize.message02 > .in > .ct .img img, [data-type="3"] > .in > .ct > .in > .bg-drop-layout > .g.row > div > .area-customize.message02 > .in > .ct .img img, [data-type="2"] > .in > .ct > .in > ul > li .area-customize.message02 > .in > .ct .img img, [data-type="2"] > .in > .ct > .in > .bg-drop-layout > .g.row > div > ul > li .area-customize.message02 > .in > .ct .img img {
  display: block;
  width: 100%;
}
[data-type="3"] > .in > .ct > .in > .area-customize.message02 > .in > .ct .essay, [data-type="3"] > .in > .ct > .in > .bg-drop-layout > .g.row > div > .area-customize.message02 > .in > .ct .essay, [data-type="2"] > .in > .ct > .in > ul > li .area-customize.message02 > .in > .ct .essay, [data-type="2"] > .in > .ct > .in > .bg-drop-layout > .g.row > div > ul > li .area-customize.message02 > .in > .ct .essay {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
}
[data-type="3"] > .in > .ct > .in > .area-customize.message02 > .in > .ct .label, [data-type="3"] > .in > .ct > .in > .bg-drop-layout > .g.row > div > .area-customize.message02 > .in > .ct .label, [data-type="2"] > .in > .ct > .in > ul > li .area-customize.message02 > .in > .ct .label, [data-type="2"] > .in > .ct > .in > .bg-drop-layout > .g.row > div > ul > li .area-customize.message02 > .in > .ct .label {
  flex: 0 0 90px;
  max-width: 90px;
  border-right: #787878 1px solid;
}
[data-type="3"] > .in > .ct > .in > .area-customize.message02 > .in > .ct .label ul, [data-type="3"] > .in > .ct > .in > .bg-drop-layout > .g.row > div > .area-customize.message02 > .in > .ct .label ul, [data-type="2"] > .in > .ct > .in > ul > li .area-customize.message02 > .in > .ct .label ul, [data-type="2"] > .in > .ct > .in > .bg-drop-layout > .g.row > div > ul > li .area-customize.message02 > .in > .ct .label ul {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  height: 100%;
  border: 0;
}
[data-type="3"] > .in > .ct > .in > .area-customize.message02 > .in > .ct .label li, [data-type="3"] > .in > .ct > .in > .bg-drop-layout > .g.row > div > .area-customize.message02 > .in > .ct .label li, [data-type="2"] > .in > .ct > .in > ul > li .area-customize.message02 > .in > .ct .label li, [data-type="2"] > .in > .ct > .in > .bg-drop-layout > .g.row > div > ul > li .area-customize.message02 > .in > .ct .label li {
  flex: 0 0 100%;
  max-width: 100%;
}
[data-type="3"] > .in > .ct > .in > .area-customize.message02 > .in > .ct .label span, [data-type="3"] > .in > .ct > .in > .bg-drop-layout > .g.row > div > .area-customize.message02 > .in > .ct .label span, [data-type="2"] > .in > .ct > .in > ul > li .area-customize.message02 > .in > .ct .label span, [data-type="2"] > .in > .ct > .in > .bg-drop-layout > .g.row > div > ul > li .area-customize.message02 > .in > .ct .label span {
  display: block;
  text-align: center;
}
[data-type="3"] > .in > .ct > .in > .area-customize.message02 > .in > .ct .label i, [data-type="3"] > .in > .ct > .in > .bg-drop-layout > .g.row > div > .area-customize.message02 > .in > .ct .label i, [data-type="2"] > .in > .ct > .in > ul > li .area-customize.message02 > .in > .ct .label i, [data-type="2"] > .in > .ct > .in > .bg-drop-layout > .g.row > div > ul > li .area-customize.message02 > .in > .ct .label i {
  display: block;
  text-align: center;
  font-style: normal;
}
[data-type="3"] > .in > .ct > .in > .area-customize.message02 > .in > .ct .label i.y-m, [data-type="3"] > .in > .ct > .in > .bg-drop-layout > .g.row > div > .area-customize.message02 > .in > .ct .label i.y-m, [data-type="2"] > .in > .ct > .in > ul > li .area-customize.message02 > .in > .ct .label i.y-m, [data-type="2"] > .in > .ct > .in > .bg-drop-layout > .g.row > div > ul > li .area-customize.message02 > .in > .ct .label i.y-m {
  margin: 0;
  font-size: 1em;
}
[data-type="3"] > .in > .ct > .in > .area-customize.message02 > .in > .ct .label i.d, [data-type="3"] > .in > .ct > .in > .bg-drop-layout > .g.row > div > .area-customize.message02 > .in > .ct .label i.d, [data-type="2"] > .in > .ct > .in > ul > li .area-customize.message02 > .in > .ct .label i.d, [data-type="2"] > .in > .ct > .in > .bg-drop-layout > .g.row > div > ul > li .area-customize.message02 > .in > .ct .label i.d {
  font-weight: bold;
  font-size: 1.25em;
  line-height: 1;
}
[data-type="3"] > .in > .ct > .in > .area-customize.message02 > .in > .ct .caption, [data-type="3"] > .in > .ct > .in > .bg-drop-layout > .g.row > div > .area-customize.message02 > .in > .ct .caption, [data-type="2"] > .in > .ct > .in > ul > li .area-customize.message02 > .in > .ct .caption, [data-type="2"] > .in > .ct > .in > .bg-drop-layout > .g.row > div > ul > li .area-customize.message02 > .in > .ct .caption {
  text-overflow: initial;
  white-space: initial;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  overflow: hidden;
  flex: 0 0 calc(100% - 90px);
  max-width: calc(100% - 90px);
  padding: 0 15px;
  box-sizing: border-box;
}
[data-type="3"] > .in > .ct > .in > .area-customize.message02 > .in > .ct .caption span, [data-type="3"] > .in > .ct > .in > .bg-drop-layout > .g.row > div > .area-customize.message02 > .in > .ct .caption span, [data-type="2"] > .in > .ct > .in > ul > li .area-customize.message02 > .in > .ct .caption span, [data-type="2"] > .in > .ct > .in > .bg-drop-layout > .g.row > div > ul > li .area-customize.message02 > .in > .ct .caption span {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-height: 1.5;
  max-height: 56px;
  font-weight: bold;
  font-size: 1.125em;
}
@media screen and (max-width: 1920px) and (min-width: 1201px) {
  [data-type="3"] > .in > .ct > .in > .area-customize.message02 > .in > .ct, [data-type="3"] > .in > .ct > .in > .bg-drop-layout > .g.row > div > .area-customize.message02 > .in > .ct, [data-type="2"] > .in > .ct > .in > ul > li .area-customize.message02 > .in > .ct, [data-type="2"] > .in > .ct > .in > .bg-drop-layout > .g.row > div > ul > li .area-customize.message02 > .in > .ct {
    /*a*/
  }
  [data-type="3"] > .in > .ct > .in > .area-customize.message02 > .in > .ct > .in > ul, [data-type="3"] > .in > .ct > .in > .bg-drop-layout > .g.row > div > .area-customize.message02 > .in > .ct > .in > ul, [data-type="2"] > .in > .ct > .in > ul > li .area-customize.message02 > .in > .ct > .in > ul, [data-type="2"] > .in > .ct > .in > .bg-drop-layout > .g.row > div > ul > li .area-customize.message02 > .in > .ct > .in > ul {
    position: relative;
    display: grid;
    grid-template-areas: "one two" "one three" "one four";
    grid-template-columns: 360px 1fr;
  }
  [data-type="3"] > .in > .ct > .in > .area-customize.message02 > .in > .ct > .in > ul > li, [data-type="3"] > .in > .ct > .in > .bg-drop-layout > .g.row > div > .area-customize.message02 > .in > .ct > .in > ul > li, [data-type="2"] > .in > .ct > .in > ul > li .area-customize.message02 > .in > .ct > .in > ul > li, [data-type="2"] > .in > .ct > .in > .bg-drop-layout > .g.row > div > ul > li .area-customize.message02 > .in > .ct > .in > ul > li {
    background-color: #ffffff;
  }
  [data-type="3"] > .in > .ct > .in > .area-customize.message02 > .in > .ct > .in > ul > li:first-child, [data-type="3"] > .in > .ct > .in > .bg-drop-layout > .g.row > div > .area-customize.message02 > .in > .ct > .in > ul > li:first-child, [data-type="2"] > .in > .ct > .in > ul > li .area-customize.message02 > .in > .ct > .in > ul > li:first-child, [data-type="2"] > .in > .ct > .in > .bg-drop-layout > .g.row > div > ul > li .area-customize.message02 > .in > .ct > .in > ul > li:first-child {
    grid-area: one;
  }
  [data-type="3"] > .in > .ct > .in > .area-customize.message02 > .in > .ct > .in > ul > li:first-child .div, [data-type="3"] > .in > .ct > .in > .bg-drop-layout > .g.row > div > .area-customize.message02 > .in > .ct > .in > ul > li:first-child .div, [data-type="2"] > .in > .ct > .in > ul > li .area-customize.message02 > .in > .ct > .in > ul > li:first-child .div, [data-type="2"] > .in > .ct > .in > .bg-drop-layout > .g.row > div > ul > li .area-customize.message02 > .in > .ct > .in > ul > li:first-child .div {
    padding: 0;
  }
  [data-type="3"] > .in > .ct > .in > .area-customize.message02 > .in > .ct > .in > ul > li:first-child .essay, [data-type="3"] > .in > .ct > .in > .bg-drop-layout > .g.row > div > .area-customize.message02 > .in > .ct > .in > ul > li:first-child .essay, [data-type="2"] > .in > .ct > .in > ul > li .area-customize.message02 > .in > .ct > .in > ul > li:first-child .essay, [data-type="2"] > .in > .ct > .in > .bg-drop-layout > .g.row > div > ul > li .area-customize.message02 > .in > .ct > .in > ul > li:first-child .essay {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 8px 0;
    background-color: rgba(45, 45, 45, 0.5);
    height: auto;
  }
  [data-type="3"] > .in > .ct > .in > .area-customize.message02 > .in > .ct > .in > ul > li:first-child .label ul, [data-type="3"] > .in > .ct > .in > .bg-drop-layout > .g.row > div > .area-customize.message02 > .in > .ct > .in > ul > li:first-child .label ul, [data-type="2"] > .in > .ct > .in > ul > li .area-customize.message02 > .in > .ct > .in > ul > li:first-child .label ul, [data-type="2"] > .in > .ct > .in > .bg-drop-layout > .g.row > div > ul > li .area-customize.message02 > .in > .ct > .in > ul > li:first-child .label ul {
    border-color: transparent;
    border-right-color: #ffffff;
  }
  [data-type="3"] > .in > .ct > .in > .area-customize.message02 > .in > .ct > .in > ul > li:first-child .caption > span, [data-type="3"] > .in > .ct > .in > .bg-drop-layout > .g.row > div > .area-customize.message02 > .in > .ct > .in > ul > li:first-child .caption > span, [data-type="2"] > .in > .ct > .in > ul > li .area-customize.message02 > .in > .ct > .in > ul > li:first-child .caption > span, [data-type="2"] > .in > .ct > .in > .bg-drop-layout > .g.row > div > ul > li .area-customize.message02 > .in > .ct > .in > ul > li:first-child .caption > span {
    -webkit-line-clamp: 1;
    line-height: 1.5;
    max-height: 28px;
  }
  [data-type="3"] > .in > .ct > .in > .area-customize.message02 > .in > .ct > .in > ul > li:first-child span, [data-type="3"] > .in > .ct > .in > .bg-drop-layout > .g.row > div > .area-customize.message02 > .in > .ct > .in > ul > li:first-child span, [data-type="2"] > .in > .ct > .in > ul > li .area-customize.message02 > .in > .ct > .in > ul > li:first-child span, [data-type="2"] > .in > .ct > .in > .bg-drop-layout > .g.row > div > ul > li .area-customize.message02 > .in > .ct > .in > ul > li:first-child span {
    color: #ffffff;
  }
  [data-type="3"] > .in > .ct > .in > .area-customize.message02 > .in > .ct > .in > ul > li:nth-child(2), [data-type="3"] > .in > .ct > .in > .bg-drop-layout > .g.row > div > .area-customize.message02 > .in > .ct > .in > ul > li:nth-child(2), [data-type="2"] > .in > .ct > .in > ul > li .area-customize.message02 > .in > .ct > .in > ul > li:nth-child(2), [data-type="2"] > .in > .ct > .in > .bg-drop-layout > .g.row > div > ul > li .area-customize.message02 > .in > .ct > .in > ul > li:nth-child(2) {
    grid-area: two;
  }
  [data-type="3"] > .in > .ct > .in > .area-customize.message02 > .in > .ct > .in > ul > li:nth-child(3), [data-type="3"] > .in > .ct > .in > .bg-drop-layout > .g.row > div > .area-customize.message02 > .in > .ct > .in > ul > li:nth-child(3), [data-type="2"] > .in > .ct > .in > ul > li .area-customize.message02 > .in > .ct > .in > ul > li:nth-child(3), [data-type="2"] > .in > .ct > .in > .bg-drop-layout > .g.row > div > ul > li .area-customize.message02 > .in > .ct > .in > ul > li:nth-child(3) {
    grid-area: three;
  }
  [data-type="3"] > .in > .ct > .in > .area-customize.message02 > .in > .ct > .in > ul > li:nth-child(4), [data-type="3"] > .in > .ct > .in > .bg-drop-layout > .g.row > div > .area-customize.message02 > .in > .ct > .in > ul > li:nth-child(4), [data-type="2"] > .in > .ct > .in > ul > li .area-customize.message02 > .in > .ct > .in > ul > li:nth-child(4), [data-type="2"] > .in > .ct > .in > .bg-drop-layout > .g.row > div > ul > li .area-customize.message02 > .in > .ct > .in > ul > li:nth-child(4) {
    grid-area: four;
  }
  [data-type="3"] > .in > .ct > .in > .area-customize.message02 > .in > .ct > .in > ul > li + li, [data-type="3"] > .in > .ct > .in > .bg-drop-layout > .g.row > div > .area-customize.message02 > .in > .ct > .in > ul > li + li, [data-type="2"] > .in > .ct > .in > ul > li .area-customize.message02 > .in > .ct > .in > ul > li + li, [data-type="2"] > .in > .ct > .in > .bg-drop-layout > .g.row > div > ul > li .area-customize.message02 > .in > .ct > .in > ul > li + li {
    padding: 3px 0;
    margin-top: 0;
    box-sizing: border-box;
  }
  [data-type="3"] > .in > .ct > .in > .area-customize.message02 > .in > .ct > .in > ul > li + li + li, [data-type="3"] > .in > .ct > .in > .bg-drop-layout > .g.row > div > .area-customize.message02 > .in > .ct > .in > ul > li + li + li, [data-type="2"] > .in > .ct > .in > ul > li .area-customize.message02 > .in > .ct > .in > ul > li + li + li, [data-type="2"] > .in > .ct > .in > .bg-drop-layout > .g.row > div > ul > li .area-customize.message02 > .in > .ct > .in > ul > li + li + li {
    position: relative;
  }
  [data-type="3"] > .in > .ct > .in > .area-customize.message02 > .in > .ct > .in > ul > li + li + li:before, [data-type="3"] > .in > .ct > .in > .bg-drop-layout > .g.row > div > .area-customize.message02 > .in > .ct > .in > ul > li + li + li:before, [data-type="2"] > .in > .ct > .in > ul > li .area-customize.message02 > .in > .ct > .in > ul > li + li + li:before, [data-type="2"] > .in > .ct > .in > .bg-drop-layout > .g.row > div > ul > li .area-customize.message02 > .in > .ct > .in > ul > li + li + li:before {
    content: "";
    display: block;
    width: 100%;
    border-top: #787878 1px dashed;
    position: absolute;
    top: 0;
    left: 0;
  }
  [data-type="3"] > .in > .ct > .in > .area-customize.message02 > .in > .ct .div, [data-type="3"] > .in > .ct > .in > .bg-drop-layout > .g.row > div > .area-customize.message02 > .in > .ct .div, [data-type="2"] > .in > .ct > .in > ul > li .area-customize.message02 > .in > .ct .div, [data-type="2"] > .in > .ct > .in > .bg-drop-layout > .g.row > div > ul > li .area-customize.message02 > .in > .ct .div {
    position: relative;
    padding: 8px 0;
    transition: 150ms;
    box-sizing: border-box;
    height: 100%;
  }
  [data-type="3"] > .in > .ct > .in > .area-customize.message02 > .in > .ct .div:hover .caption, [data-type="3"] > .in > .ct > .in > .area-customize.message02 > .in > .ct .div:focus .caption, [data-type="3"] > .in > .ct > .in > .bg-drop-layout > .g.row > div > .area-customize.message02 > .in > .ct .div:hover .caption, [data-type="3"] > .in > .ct > .in > .bg-drop-layout > .g.row > div > .area-customize.message02 > .in > .ct .div:focus .caption, [data-type="2"] > .in > .ct > .in > ul > li .area-customize.message02 > .in > .ct .div:hover .caption, [data-type="2"] > .in > .ct > .in > ul > li .area-customize.message02 > .in > .ct .div:focus .caption, [data-type="2"] > .in > .ct > .in > .bg-drop-layout > .g.row > div > ul > li .area-customize.message02 > .in > .ct .div:hover .caption, [data-type="2"] > .in > .ct > .in > .bg-drop-layout > .g.row > div > ul > li .area-customize.message02 > .in > .ct .div:focus .caption {
    text-decoration: none;
    color: #997950;
  }
  [data-type="3"] > .in > .ct > .in > .area-customize.message02 > .in > .ct .img, [data-type="3"] > .in > .ct > .in > .bg-drop-layout > .g.row > div > .area-customize.message02 > .in > .ct .img, [data-type="2"] > .in > .ct > .in > ul > li .area-customize.message02 > .in > .ct .img, [data-type="2"] > .in > .ct > .in > .bg-drop-layout > .g.row > div > ul > li .area-customize.message02 > .in > .ct .img {
    display: block;
  }
  [data-type="3"] > .in > .ct > .in > .area-customize.message02 > .in > .ct .img span, [data-type="3"] > .in > .ct > .in > .bg-drop-layout > .g.row > div > .area-customize.message02 > .in > .ct .img span, [data-type="2"] > .in > .ct > .in > ul > li .area-customize.message02 > .in > .ct .img span, [data-type="2"] > .in > .ct > .in > .bg-drop-layout > .g.row > div > ul > li .area-customize.message02 > .in > .ct .img span {
    display: block;
  }
  [data-type="3"] > .in > .ct > .in > .area-customize.message02 > .in > .ct .img img, [data-type="3"] > .in > .ct > .in > .bg-drop-layout > .g.row > div > .area-customize.message02 > .in > .ct .img img, [data-type="2"] > .in > .ct > .in > ul > li .area-customize.message02 > .in > .ct .img img, [data-type="2"] > .in > .ct > .in > .bg-drop-layout > .g.row > div > ul > li .area-customize.message02 > .in > .ct .img img {
    display: block;
    width: 100%;
  }
  [data-type="3"] > .in > .ct > .in > .area-customize.message02 > .in > .ct .essay, [data-type="3"] > .in > .ct > .in > .bg-drop-layout > .g.row > div > .area-customize.message02 > .in > .ct .essay, [data-type="2"] > .in > .ct > .in > ul > li .area-customize.message02 > .in > .ct .essay, [data-type="2"] > .in > .ct > .in > .bg-drop-layout > .g.row > div > ul > li .area-customize.message02 > .in > .ct .essay {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    height: 100%;
  }
  [data-type="3"] > .in > .ct > .in > .area-customize.message02 > .in > .ct .label, [data-type="3"] > .in > .ct > .in > .bg-drop-layout > .g.row > div > .area-customize.message02 > .in > .ct .label, [data-type="2"] > .in > .ct > .in > ul > li .area-customize.message02 > .in > .ct .label, [data-type="2"] > .in > .ct > .in > .bg-drop-layout > .g.row > div > ul > li .area-customize.message02 > .in > .ct .label {
    flex: 0 0 90px;
    max-width: 90px;
    border-right: #787878 1px solid;
  }
  [data-type="3"] > .in > .ct > .in > .area-customize.message02 > .in > .ct .label ul, [data-type="3"] > .in > .ct > .in > .bg-drop-layout > .g.row > div > .area-customize.message02 > .in > .ct .label ul, [data-type="2"] > .in > .ct > .in > ul > li .area-customize.message02 > .in > .ct .label ul, [data-type="2"] > .in > .ct > .in > .bg-drop-layout > .g.row > div > ul > li .area-customize.message02 > .in > .ct .label ul {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    height: 100%;
    border: 0;
  }
  [data-type="3"] > .in > .ct > .in > .area-customize.message02 > .in > .ct .label li, [data-type="3"] > .in > .ct > .in > .bg-drop-layout > .g.row > div > .area-customize.message02 > .in > .ct .label li, [data-type="2"] > .in > .ct > .in > ul > li .area-customize.message02 > .in > .ct .label li, [data-type="2"] > .in > .ct > .in > .bg-drop-layout > .g.row > div > ul > li .area-customize.message02 > .in > .ct .label li {
    flex: 0 0 100%;
    max-width: 100%;
  }
  [data-type="3"] > .in > .ct > .in > .area-customize.message02 > .in > .ct .label i, [data-type="3"] > .in > .ct > .in > .bg-drop-layout > .g.row > div > .area-customize.message02 > .in > .ct .label i, [data-type="2"] > .in > .ct > .in > ul > li .area-customize.message02 > .in > .ct .label i, [data-type="2"] > .in > .ct > .in > .bg-drop-layout > .g.row > div > ul > li .area-customize.message02 > .in > .ct .label i {
    display: block;
    text-align: center;
    font-style: normal;
  }
  [data-type="3"] > .in > .ct > .in > .area-customize.message02 > .in > .ct .label i.y-m, [data-type="3"] > .in > .ct > .in > .bg-drop-layout > .g.row > div > .area-customize.message02 > .in > .ct .label i.y-m, [data-type="2"] > .in > .ct > .in > ul > li .area-customize.message02 > .in > .ct .label i.y-m, [data-type="2"] > .in > .ct > .in > .bg-drop-layout > .g.row > div > ul > li .area-customize.message02 > .in > .ct .label i.y-m {
    margin: 0;
    font-size: 1em;
  }
  [data-type="3"] > .in > .ct > .in > .area-customize.message02 > .in > .ct .label i.d, [data-type="3"] > .in > .ct > .in > .bg-drop-layout > .g.row > div > .area-customize.message02 > .in > .ct .label i.d, [data-type="2"] > .in > .ct > .in > ul > li .area-customize.message02 > .in > .ct .label i.d, [data-type="2"] > .in > .ct > .in > .bg-drop-layout > .g.row > div > ul > li .area-customize.message02 > .in > .ct .label i.d {
    font-weight: bold;
    font-size: 1.25em;
    line-height: 1;
  }
  [data-type="3"] > .in > .ct > .in > .area-customize.message02 > .in > .ct .caption, [data-type="3"] > .in > .ct > .in > .bg-drop-layout > .g.row > div > .area-customize.message02 > .in > .ct .caption, [data-type="2"] > .in > .ct > .in > ul > li .area-customize.message02 > .in > .ct .caption, [data-type="2"] > .in > .ct > .in > .bg-drop-layout > .g.row > div > ul > li .area-customize.message02 > .in > .ct .caption {
    text-overflow: initial;
    white-space: initial;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    overflow: hidden;
    flex: 0 0 calc(100% - 90px);
    max-width: calc(100% - 90px);
    padding: 0 15px;
    box-sizing: border-box;
  }
  [data-type="3"] > .in > .ct > .in > .area-customize.message02 > .in > .ct .caption span, [data-type="3"] > .in > .ct > .in > .bg-drop-layout > .g.row > div > .area-customize.message02 > .in > .ct .caption span, [data-type="2"] > .in > .ct > .in > ul > li .area-customize.message02 > .in > .ct .caption span, [data-type="2"] > .in > .ct > .in > .bg-drop-layout > .g.row > div > ul > li .area-customize.message02 > .in > .ct .caption span {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.5;
    max-height: 56px;
    font-weight: bold;
    font-size: 1.125em;
  }
}
[data-type="1"][data-child] .area-customize.message02 > .in .ct {
  background-color: #f0f0f0;
  padding: 15px;
  /*a*/
}
[data-type="1"][data-child] .area-customize.message02 > .in .ct > .in > ul > li {
  position: static;
  background-color: #ffffff;
  width: 100%;
}
[data-type="1"][data-child] .area-customize.message02 > .in .ct > .in > ul > li:first-child .essay {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(45, 45, 45, 0.5);
  padding: 0;
}
[data-type="1"][data-child] .area-customize.message02 > .in .ct > .in > ul > li:first-child .label ul {
  border-color: transparent;
  border-right-color: #ffffff;
}
[data-type="1"][data-child] .area-customize.message02 > .in .ct > .in > ul > li:first-child span {
  color: #ffffff;
  font-size: 1em;
}
[data-type="1"][data-child] .area-customize.message02 > .in .ct > .in > ul > li + li {
  margin-top: 8px;
}
[data-type="1"][data-child] .area-customize.message02 > .in .ct > .in > ul > li + li + li:before {
  display: none;
}
[data-type="1"][data-child] .area-customize.message02 > .in .ct .div {
  padding: 0;
  position: relative;
}
[data-type="1"][data-child] .area-customize.message02 > .in .ct .img {
  display: block;
}
[data-type="1"][data-child] .area-customize.message02 > .in .ct .img span {
  display: block;
}
[data-type="1"][data-child] .area-customize.message02 > .in .ct .img img {
  display: block;
  width: 100%;
}
[data-type="1"][data-child] .area-customize.message02 > .in .ct .essay {
  display: flex;
  align-items: stretch;
  padding: 5px 0;
}
[data-type="1"][data-child] .area-customize.message02 > .in .ct .label {
  flex: 0 0 90px;
  max-width: 90px;
  border-right: 1px solid #CECECE;
}
[data-type="1"][data-child] .area-customize.message02 > .in .ct .label ul {
  padding: 5px 0;
  box-sizing: border-box;
}
[data-type="1"][data-child] .area-customize.message02 > .in .ct .label li {
  padding: 3px 0;
}
[data-type="1"][data-child] .area-customize.message02 > .in .ct .label span {
  display: block;
  text-align: center;
}
[data-type="1"][data-child] .area-customize.message02 > .in .ct .label i {
  display: block;
  text-align: center;
  font-style: normal;
  line-height: 1;
}
[data-type="1"][data-child] .area-customize.message02 > .in .ct .label i.d {
  font-weight: bold;
  font-size: 1.25em;
  line-height: 1;
}
[data-type="1"][data-child] .area-customize.message02 > .in .ct .caption {
  padding: 0 15px;
  display: flex;
  align-items: center;
  width: calc(100% - 90px);
  box-sizing: border-box;
}
[data-type="1"][data-child] .area-customize.message02 > .in .ct .caption span {
  display: block;
  max-height: 56px;
  font-weight: bold;
  font-size: 1em;
}
@media screen and (max-width: 1920px) and (min-width: 901px) {
  [data-type="1"][data-child="1"] .area-customize.message02 > .in .ct {
    /*a*/
  }
  [data-type="1"][data-child="1"] .area-customize.message02 > .in .ct > .in > ul {
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding-left: 375px;
  }
  [data-type="1"][data-child="1"] .area-customize.message02 > .in .ct > .in > ul > li {
    background-color: #ffffff;
  }
  [data-type="1"][data-child="1"] .area-customize.message02 > .in .ct > .in > ul > li:first-child {
    position: absolute;
    width: 360px;
    top: 0;
    left: 0;
  }
  [data-type="1"][data-child="1"] .area-customize.message02 > .in .ct > .in > ul > li:first-child .div {
    padding: 0;
  }
  [data-type="1"][data-child="1"] .area-customize.message02 > .in .ct > .in > ul > li:first-child .essay {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 8px 0;
    background-color: rgba(45, 45, 45, 0.5);
  }
  [data-type="1"][data-child="1"] .area-customize.message02 > .in .ct > .in > ul > li:first-child .label ul {
    border-color: transparent;
    border-right-color: #ffffff;
  }
  [data-type="1"][data-child="1"] .area-customize.message02 > .in .ct > .in > ul > li:first-child .caption > span {
    -webkit-line-clamp: 1;
    line-height: 1.5;
    max-height: 28px;
  }
  [data-type="1"][data-child="1"] .area-customize.message02 > .in .ct > .in > ul > li:first-child span {
    color: #ffffff;
  }
  [data-type="1"][data-child="1"] .area-customize.message02 > .in .ct > .in > ul > li + li {
    padding: 3px 0;
    margin-top: 0;
    flex: 0 0 100%;
    max-width: 100%;
    box-sizing: border-box;
  }
  [data-type="1"][data-child="1"] .area-customize.message02 > .in .ct > .in > ul > li + li + li {
    position: relative;
  }
  [data-type="1"][data-child="1"] .area-customize.message02 > .in .ct > .in > ul > li + li + li:before {
    content: "";
    display: block;
    width: 100%;
    border-top: #787878 1px dashed;
    position: absolute;
    top: 0;
    left: 0;
  }
  [data-type="1"][data-child="1"] .area-customize.message02 > .in .ct .div {
    position: relative;
    padding: 8px 0;
    transition: 150ms;
  }
  [data-type="1"][data-child="1"] .area-customize.message02 > .in .ct .div:hover .caption, [data-type="1"][data-child="1"] .area-customize.message02 > .in .ct .div:focus .caption {
    text-decoration: none;
    color: #997950;
  }
  [data-type="1"][data-child="1"] .area-customize.message02 > .in .ct .img {
    display: block;
  }
  [data-type="1"][data-child="1"] .area-customize.message02 > .in .ct .img span {
    display: block;
  }
  [data-type="1"][data-child="1"] .area-customize.message02 > .in .ct .img img {
    display: block;
    width: 100%;
  }
  [data-type="1"][data-child="1"] .area-customize.message02 > .in .ct .essay {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
  }
  [data-type="1"][data-child="1"] .area-customize.message02 > .in .ct .label {
    flex: 0 0 90px;
    max-width: 90px;
    border-right: #787878 1px solid;
  }
  [data-type="1"][data-child="1"] .area-customize.message02 > .in .ct .label ul {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    height: 100%;
    border: 0;
  }
  [data-type="1"][data-child="1"] .area-customize.message02 > .in .ct .label li {
    flex: 0 0 100%;
    max-width: 100%;
  }
  [data-type="1"][data-child="1"] .area-customize.message02 > .in .ct .label span {
    display: block;
    text-align: center;
  }
  [data-type="1"][data-child="1"] .area-customize.message02 > .in .ct .label i {
    display: block;
    text-align: center;
    font-style: normal;
  }
  [data-type="1"][data-child="1"] .area-customize.message02 > .in .ct .label i.y-m {
    margin: 0;
    font-size: 1em;
  }
  [data-type="1"][data-child="1"] .area-customize.message02 > .in .ct .label i.d {
    font-weight: bold;
    font-size: 1.25em;
    line-height: 1;
  }
  [data-type="1"][data-child="1"] .area-customize.message02 > .in .ct .caption {
    text-overflow: initial;
    white-space: initial;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    overflow: hidden;
    flex: 0 0 calc(100% - 90px);
    max-width: calc(100% - 90px);
    padding: 0 15px;
    box-sizing: border-box;
  }
  [data-type="1"][data-child="1"] .area-customize.message02 > .in .ct .caption span {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.5;
    max-height: 56px;
    font-weight: bold;
    font-size: 1.125em;
  }
}
.area-customize.message02 > .in .ct {
  /*i*/
}
.area-customize.message02 > .in .ct .category {
  margin-right: 3px;
}
.area-customize.message02 .mark.time .yy, .area-customize.message02 .mark.time .mm {
  display: inline-block !important;
}
.area-customize.message02 .mark.time .mm::before {
  content: "/";
}
.area-customize.message02 .mark.time .dd {
  font-size: 1.6em;
  font-weight: 700;
  line-height: 1;
}

.area-customize.calendar-active .hd h4 {
  display: none;
}
.area-customize.calendar-active .ct > .in {
  position: relative;
}
.area-customize.calendar-active .ct > .in .label {
  position: absolute;
  right: 0;
  top: -8px;
}
@media screen and (max-width: 560px) {
  .area-customize.calendar-active .ct > .in .label ul {
    text-align: center;
  }
}
.area-customize.calendar-active .ct > .in .label li {
  display: inline-block;
}
.area-customize.calendar-active .ct > .in .label li + li {
  margin-left: 3px;
}
.area-customize.calendar-active .ct > .in .label span {
  display: block;
}
.area-customize.calendar-active .ct > .in .label a {
  padding: 5px 10px;
}
.area-customize.calendar-active .ct .heading:has(.search-tool) {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: space-between;
}
.area-customize.calendar-active .ct .heading:has(.search-tool) .search-tool {
  flex: 1;
  margin: 8px;
}
.area-customize.calendar-active .ct .heading:has(.search-tool) .search-tool .area-form.search > .in {
  justify-content: flex-start;
}
@media screen and (max-width: 560px) {
  .area-customize.calendar-active .ct .heading:has(.search-tool) {
    flex-direction: column-reverse;
  }
  .area-customize.calendar-active .ct .heading:has(.search-tool) .fieldset > .search {
    width: unset !important;
  }
  .area-customize.calendar-active .ct .heading:has(.search-tool) .fieldset > .search > .search-input {
    border: 1px solid #CECECE !important;
  }
}
.area-customize.calendar-active .ct .heading:has(.search-tool) .label {
  position: relative;
  top: unset;
  right: unset;
}
.area-customize.calendar-active .ct .caption {
  font-size: 1.4em;
  font-weight: 700;
}
.area-customize.calendar-active .ct .search .ct {
  flex: unset;
}
.area-customize.calendar-active .ct .week > ul {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  /*ul*/
}
@media screen and (max-width: 1200px) and (min-width: 1px) {
  .area-customize.calendar-active .ct .week > ul {
    display: block;
  }
}
.area-customize.calendar-active .ct .week > ul > li {
  padding: 8px;
  box-sizing: border-box;
}
.area-customize.calendar-active .ct .week > ul > li:has(.prev-mounth) {
  background-color: #f0f0f0;
  filter: grayscale(50%);
}
.area-customize.calendar-active .ct .week > ul > li:has(.prev-mounth) .date {
  background-color: #f0f0f0;
  color: #787878;
}
.area-customize.calendar-active .ct .week > ul > li:has(.prev-mounth) .date span {
  color: #787878;
}
.area-customize.calendar-active .ct .week > ul .date {
  color: #997950;
  border-bottom: 1px solid #CECECE;
  padding-bottom: 8px;
  background-color: #ffffff;
  position: sticky;
  top: 0;
  font-weight: 700;
}
.area-customize.calendar-active .ct .week > ul .date span {
  font-size: 1.1em;
  color: #343434;
  margin: 0 8px;
}
.area-customize.calendar-active .ct .week > ul .event-list {
  margin-top: 8px;
}
.area-customize.calendar-active .ct .week > ul .event-list li {
  margin-bottom: 15px;
}
.area-customize.calendar-active .ct .week > ul .event-list li a {
  display: block;
  padding: 8px;
  box-sizing: border-box;
  background-color: rgba(45, 45, 45, 0.5);
  border-radius: 3px;
}
.area-customize.calendar-active .ct .week > ul .event-list li + li {
  margin-top: 8px;
}
.area-customize.calendar-active .ct .week > ul .event-list .title {
  font-weight: 700;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.area-customize.calendar-active .ct .week > ul .event-list .mark {
  margin-bottom: 3px;
}
.area-customize.calendar-active .ct .week > ul .event-list .p {
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  color: #646464;
}
.area-customize.calendar-active .ct .week > ul .event-list .p + .p {
  margin-top: 3px;
}
.area-customize.calendar-detail02 .hd h4 {
  display: none;
}
.area-customize.calendar-detail02 .ct .caption {
  font-size: 1.1em;
  color: #343434;
  text-align: center;
}
.area-customize.calendar-detail02 .ct .caption span {
  color: inherit;
}
.area-customize.calendar-detail02 .ct .caption a {
  color: inherit;
  font-size: 1em;
}
.area-customize.calendar-detail02 .ct .heading {
  position: relative;
  width: 320px;
  margin: 15px auto;
}
.area-customize.calendar-detail02 .ct .list {
  /*i*/
}
.area-customize.calendar-detail02 .ct .list ul {
  text-align: center;
}
.area-customize.calendar-detail02 .ct .list li {
  display: inline-block;
}
.area-customize.calendar-detail02 .ct .list li a {
  border: 1px solid transparent;
}
.area-customize.calendar-detail02 .ct .list li + li {
  margin-left: 5px;
}
.area-customize.calendar-detail02 .ct .list li.event a {
  border: 1px solid #997950;
}
.area-customize.calendar-detail02 .ct .list li.is-active a {
  color: #ffffff !important;
  background-color: rgb(169.4034334764, 135.164806867, 91.2965665236);
}
.area-customize.calendar-detail02 .ct .list li.is-active a:before {
  background-color: #ffffff;
}
.area-customize.calendar-detail02 .ct .list li.is-today a {
  color: #997950;
  font-weight: 700;
}
.area-customize.calendar-detail02 .ct .list li.is-today a:before {
  background-color: #997950;
}
.area-customize.calendar-detail02 .ct .list span {
  display: block;
}
.area-customize.calendar-detail02 .ct .list a {
  position: relative;
  display: block;
  height: calc(30px * 2);
  width: 30px;
  line-height: 30px;
  text-align: center;
  border-radius: 3px;
  background-color: #f0f0f0;
  transition: 150ms;
}
.area-customize.calendar-detail02 .ct .list a:hover {
  background-color: hsl(33.698630137, 31.330472103%, 94.1176470588%);
  color: inherit;
}
.area-customize.calendar-detail02 .ct .list a:before {
  content: "​";
  position: absolute;
  top: 30px;
  left: 3px;
  right: 3px;
  height: 1px;
  background-color: #787878;
}
.area-customize.calendar-detail02 .ct .list .mark {
  position: absolute;
  top: 30px;
  right: 0;
  bottom: 0;
  left: 0;
}
.area-customize.calendar-detail02 .ct .label li.prev a {
  left: 0;
  background-image: url("../images/icon-pic/away-b-left.png");
}
.area-customize.calendar-detail02 .ct .label li.next a {
  right: 0;
  background-image: url("../images/icon-pic/away-b-right.png");
}
.area-customize.calendar-detail02 .ct .label a {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 30px;
  background-position: center;
  background-repeat: no-repeat;
  transition: 150ms;
}
.area-customize.calendar-detail02 .ct .label a:hover {
  transform: scale(1.2);
}
.area-customize.calendar-detail02 .ct .table {
  margin: 5px 0;
}
@media screen and (max-width: 768px) {
  .area-customize.calendar-detail02 .ct .table {
    display: block;
  }
}
.area-customize.calendar-detail02 .ct .table table {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .area-customize.calendar-detail02 .ct .table tbody {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .area-customize.calendar-detail02 .ct .table tr + tr {
    margin-top: 8px;
  }
}
@media screen and (max-width: 768px) {
  .area-customize.calendar-detail02 .ct .table tr {
    display: flex;
    flex-direction: column;
    border: 1px solid #CECECE;
  }
}
@media screen and (max-width: 768px) {
  .area-customize.calendar-detail02 .ct .table tr:first-child {
    display: none;
  }
}
.area-customize.calendar-detail02 .ct .table tr:nth-child(odd) {
  background-color: #f0f0f0;
}
.area-customize.calendar-detail02 .ct .table tr:hover {
  background-color: hsl(33.698630137, 31.330472103%, 94.1176470588%);
}
.area-customize.calendar-detail02 .ct .table tr a:hover {
  color: inherit;
}
.area-customize.calendar-detail02 .ct .table th {
  border-top: 3px solid #787878;
  border-bottom: 1px solid #787878;
  background-color: #CECECE;
}
@media screen and (max-width: 560px) {
  .area-customize.calendar-detail02 .ct .table th {
    display: none;
  }
}
.area-customize.calendar-detail02 .ct .table td {
  /*i*/
}
@media screen and (max-width: 768px) {
  .area-customize.calendar-detail02 .ct .table td + td {
    border-top: 1px solid #CECECE;
    border-top-style: dotted;
  }
}
@media screen and (max-width: 768px) {
  .area-customize.calendar-detail02 .ct .table td {
    display: block;
  }
}
.area-customize.calendar-detail02 .ct .table td .mark {
  display: inline-block;
  background-color: #2D2D2D;
  padding: 3px 8px;
  border-radius: 30px;
  color: #ffffff;
  font-size: 0.9em;
}
.area-customize.calendar-detail02 .ct .table th, .area-customize.calendar-detail02 .ct .table td {
  padding: 8px 5px;
  text-align: left;
}
.area-customize.calendar-detail02 .ct .table th:before, .area-customize.calendar-detail02 .ct .table td:before {
  display: inline-block;
  color: #646464;
}
.area-customize.calendar-detail .hd h4 {
  display: none;
}
.area-customize.calendar-detail .ct .heading:has(.search-tool) {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .area-customize.calendar-detail .ct .heading:has(.search-tool) {
    flex-direction: column-reverse;
    gap: 8px;
  }
}
.area-customize.calendar-detail .ct .heading:has(.search-tool) .label {
  margin-bottom: 0;
}
.area-customize.calendar-detail .ct .heading:has(.search-tool) .search-tool {
  flex: 1;
  margin: 0 15px;
}
.area-customize.calendar-detail .ct .label {
  float: right;
  margin-bottom: 5px;
}
[data-js=false] .area-customize.calendar-detail .ct .label {
  display: none;
}
@media screen and (max-width: 560px) {
  .area-customize.calendar-detail .ct .label {
    float: none;
  }
}
@media screen and (max-width: 560px) {
  .area-customize.calendar-detail .ct .label ul {
    text-align: center;
  }
}
.area-customize.calendar-detail .ct .label li {
  display: inline-block;
}
.area-customize.calendar-detail .ct .label li + li {
  margin-left: 3px;
}
.area-customize.calendar-detail .ct .label span {
  display: block;
}
.area-customize.calendar-detail .ct .label a {
  padding: 5px 10px;
}
.area-customize.calendar-detail .ct .caption {
  overflow: hidden;
  font-size: 1.1em;
  color: #343434;
}
@media screen and (max-width: 560px) {
  .area-customize.calendar-detail .ct .caption {
    text-align: center;
    margin-bottom: 0;
    margin-top: 5px;
  }
}
.area-customize.calendar-detail .ct .caption span {
  color: inherit;
}
.area-customize.calendar-detail .ct .caption a {
  color: inherit;
  font-size: 1em;
}
.area-customize.calendar-detail .ct .table {
  margin-top: 5px;
  /*a*/
}
.area-customize.calendar-detail .ct .table table {
  table-layout: fixed;
  width: 100%;
}
.area-customize.calendar-detail .ct .table td {
  transition: 150ms;
  vertical-align: top;
  color: #343434;
}
.area-customize.calendar-detail .ct .table td > div {
  min-height: 120px;
}
@media screen and (max-width: 560px) {
  .area-customize.calendar-detail .ct .table td > div {
    min-height: auto;
  }
}
.area-customize.calendar-detail .ct .table th, .area-customize.calendar-detail .ct .table td {
  border: 1px solid #CECECE;
  padding: 8px;
  background-color: #ffffff;
}
@media screen and (max-width: 560px) {
  .area-customize.calendar-detail .ct .table th, .area-customize.calendar-detail .ct .table td {
    text-align: center;
    border: none;
  }
}
.area-customize.calendar-detail .ct .table th {
  font-weight: 700;
}
.area-customize.calendar-detail .ct .table th span {
  display: block;
}
@media screen and (max-width: 560px) {
  .area-customize.calendar-detail .ct .table th span {
    min-height: 40px;
  }
}
.area-customize.calendar-detail .ct .table .prev-mounth {
  background-color: #f1f1f1;
  /*a*/
}
@media screen and (max-width: 560px) {
  .area-customize.calendar-detail .ct .table .prev-mounth {
    background-color: #ffffff !important;
  }
}
.area-customize.calendar-detail .ct .table .prev-mounth a {
  color: #787878 !important;
}
@media screen and (max-width: 560px) {
  .area-customize.calendar-detail .ct .table .prev-mounth .mark {
    color: #787878 !important;
  }
}
.area-customize.calendar-detail .ct .table .next-mounth {
  background-color: #f7f7f7;
  /*a*/
}
@media screen and (max-width: 560px) {
  .area-customize.calendar-detail .ct .table .next-mounth {
    background-color: #ffffff !important;
  }
}
.area-customize.calendar-detail .ct .table .next-mounth a {
  color: #787878 !important;
}
.area-customize.calendar-detail .ct .table .weekend {
  /*a*/
}
@media screen and (max-width: 560px) {
  .area-customize.calendar-detail .ct .table .weekend .mark {
    color: #343434;
  }
}
.area-customize.calendar-detail .ct .table .weekend.prev-mounth, .area-customize.calendar-detail .ct .table .weekend.next-mounth {
  /*a*/
}
@media screen and (max-width: 560px) {
  .area-customize.calendar-detail .ct .table .weekend.prev-mounth .mark, .area-customize.calendar-detail .ct .table .weekend.next-mounth .mark {
    color: #4c4c4c;
  }
}
.area-customize.calendar-detail .ct .table .today {
  /*a*/
}
.area-customize.calendar-detail .ct .table .today .list a {
  color: #997950;
}
.area-customize.calendar-detail .ct .table .today .list a:before {
  background-color: #997950;
}
.area-customize.calendar-detail .ct .table .today .mark {
  font-weight: 700;
  color: #997950;
  border: 1px solid #CECECE;
  border-color: #997950;
  background-color: #ffffff;
}
@media screen and (max-width: 560px) {
  .area-customize.calendar-detail .ct .table .today .mark {
    border: none;
    background-color: #997950;
    color: #ffffff;
  }
}
.area-customize.calendar-detail .ct .table .is-active {
  /*a*/
}
.area-customize.calendar-detail .ct .table .is-active .list a:before {
  background-color: #2D2D2D;
}
.area-customize.calendar-detail .ct .table .is-active .mark {
  background-color: #2D2D2D;
}
@media screen and (max-width: 560px) {
  .area-customize.calendar-detail .ct .table .is-active .mark {
    background-color: transparent;
    border: 1px solid #2D2D2D;
    color: #2D2D2D;
  }
}
.area-customize.calendar-detail .ct .table .list {
  margin-top: 5px;
}
@media screen and (max-width: 560px) {
  .area-customize.calendar-detail .ct .table .list ul {
    width: 8px;
    height: 8px;
    border-radius: 8px;
    background-color: #2D2D2D;
    margin: 0 auto;
  }
  .area-customize.calendar-detail .ct .table .list ul li {
    display: none;
  }
}
.area-customize.calendar-detail .ct .table .list span {
  display: block;
}
.area-customize.calendar-detail .ct .table .list a {
  position: relative;
  display: block;
  padding: 3px;
  padding-left: 15px;
  border-radius: 3px;
}
.area-customize.calendar-detail .ct .table .list a:hover {
  background-color: #ffffff;
  color: #997950;
}
.area-customize.calendar-detail .ct .table .list a:before {
  content: "​";
  display: block;
  position: absolute;
  top: 12px;
  left: 6px;
  width: 3px;
  height: 3px;
  background-color: #787878;
}
.area-customize.calendar-detail .ct .table .mark {
  background-color: #e5e5e5;
}
@media screen and (max-width: 560px) {
  .area-customize.calendar-detail .ct .table .mark {
    display: block;
    font-size: 1em;
    color: #343434;
    padding: 0;
    background-color: transparent;
    width: 30px;
    height: 30px;
    border-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
  }
}
.area-customize.calendar-detail .ct .table .mark:hover {
  text-decoration: underline;
}
.area-customize.calendar-detail .ct .event-list {
  display: none;
}
@media screen and (max-width: 560px) {
  .area-customize.calendar-detail .ct .event-list {
    display: block;
  }
}
.area-customize.calendar-detail .ct .event-list .heading {
  position: relative;
  width: 320px;
  margin: 15px auto;
  display: flex;
  justify-content: center;
}
.area-customize.calendar-detail .ct .event-list .heading .list {
  flex: 1;
  /*i*/
}
.area-customize.calendar-detail .ct .event-list .heading .list ul {
  text-align: center;
}
.area-customize.calendar-detail .ct .event-list .heading .list li {
  display: inline-block;
}
.area-customize.calendar-detail .ct .event-list .heading .list li + li {
  margin-left: 5px;
}
.area-customize.calendar-detail .ct .event-list .heading .list li.is-active a {
  color: #ffffff;
  background-color: deeper(#997950);
}
.area-customize.calendar-detail .ct .event-list .heading .list li.is-active a:before {
  background-color: #ffffff;
}
.area-customize.calendar-detail .ct .event-list .heading .list li.is-today a {
  color: #997950;
  font-weight: 700;
}
.area-customize.calendar-detail .ct .event-list .heading .list li.is-today a:before {
  background-color: #997950;
}
.area-customize.calendar-detail .ct .event-list .heading .list span {
  display: block;
}
.area-customize.calendar-detail .ct .event-list .heading .list a {
  position: relative;
  display: block;
  height: calc(30px * 2);
  width: 30px;
  line-height: 30px;
  text-align: center;
  border-radius: 3px;
  background-color: #f0f0f0;
  transition: 150ms;
}
.area-customize.calendar-detail .ct .event-list .heading .list a:hover {
  background-color: hsl(33.698630137, 31.330472103%, 94.1176470588%);
  color: inherit;
}
.area-customize.calendar-detail .ct .event-list .heading .list a:before {
  content: "​";
  position: absolute;
  top: 30px;
  left: 3px;
  right: 3px;
  height: 1px;
  background-color: #787878;
}
.area-customize.calendar-detail .ct .event-list .heading .list .mark {
  position: absolute;
  top: 30px;
  right: 0;
  bottom: 0;
  left: 0;
}
.area-customize.calendar-detail .ct .event-list .heading .label li.prev a {
  left: 0;
  background-image: url("../images/icon-pic/away-b-left.png");
}
.area-customize.calendar-detail .ct .event-list .heading .label li.next a {
  right: 0;
  background-image: url("../images/icon-pic/away-b-right.png");
}
.area-customize.calendar-detail .ct .event-list .heading .label a {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 30px;
  background-position: center;
  background-repeat: no-repeat;
  transition: 150ms;
  border: none !important;
  background-color: transparent !important;
}
.area-customize.calendar-detail .ct .event-list .heading .label a:hover {
  transform: scale(1.2);
}
.area-customize.calendar-detail .ct .event-list > ul > li + li {
  margin-top: 5px;
}
.area-customize.calendar-detail .ct .event-list ul li a {
  display: flex;
  align-items: center;
  background-color: #ffffff;
  border-radius: 3px;
}
.area-customize.calendar-detail .ct .event-list ul li a .date {
  flex: 0 0 80px;
  width: 120px;
  padding: 8px;
  text-align: center;
  box-sizing: border-box;
}
.area-customize.calendar-detail .ct .event-list ul li a .date .yy {
  font-size: 1.4em;
  font-weight: 700;
  display: block;
}
.area-customize.calendar-detail .ct .event-list ul li a .date .mm:after {
  content: "/";
  margin: 0 0 0 5px;
}
.area-customize.calendar-detail .ct .event-list ul li a .title {
  border-left: 2px solid #2D2D2D;
  padding: 8px;
  box-sizing: border-box;
  flex: 1;
  width: calc(100% - 120px);
  display: flex;
  flex-direction: column;
}
.area-customize.calendar-detail .ct .event-list ul li a .mark {
  width: fit-content;
}
.area-customize.video-list02.cus-video-list > .in > .ct > .in {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.area-customize.video-list02.cus-video-list > .in > .ct > .in .video-block {
  flex: 0 0 40%;
  max-width: 40%;
  padding-right: 15px;
  box-sizing: border-box;
}
.area-customize.video-list02.cus-video-list > .in > .ct > .in .video-block .video {
  position: relative;
  float: none;
  width: 100%;
}
.area-customize.video-list02.cus-video-list > .in > .ct > .in .video-block .video.is-active {
  padding-bottom: 75%;
}
.area-customize.video-list02.cus-video-list > .in > .ct > .in .video-block .video.is-active iframe {
  display: block;
  border: 0;
  width: 100%;
  height: 100% !important;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.area-customize.video-list02.cus-video-list > .in > .ct > .in .video-block .video.is-active:has(video) {
  padding-bottom: 0;
}
.area-customize.video-list02.cus-video-list > .in > .ct > .in .video-block .video.default {
  padding-bottom: 0 !important;
}
.area-customize.video-list02.cus-video-list > .in > .ct > .in .video-block .video.default img {
  width: 100%;
}
.area-customize.video-list02.cus-video-list > .in > .ct > .in .video-block .video-essay {
  padding: 8px;
}
.area-customize.video-list02.cus-video-list > .in > .ct > .in .video-block .video-essay .div:hover .essay .caption, .area-customize.video-list02.cus-video-list > .in > .ct > .in .video-block .video-essay .div:focus .essay .caption {
  color: #997950;
}
.area-customize.video-list02.cus-video-list > .in > .ct > .in .video-block .video-essay .div .essay .caption {
  font-size: 1.125em;
  font-weight: bold;
}
.area-customize.video-list02.cus-video-list > .in > .ct > .in .video-block .video-essay .div .essay .label {
  margin: 8px 0;
}
.area-customize.video-list02.cus-video-list > .in > .ct > .in .video-block .video-essay .div .essay .p p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-height: 1.7;
  max-height: 80px;
}
.area-customize.video-list02.cus-video-list > .in > .ct > .in .list {
  flex: 0 0 60%;
  max-width: 60%;
  padding-left: 15px;
  box-sizing: border-box;
  overflow: initial;
}
.area-customize.video-list02.cus-video-list > .in > .ct > .in .list ul {
  height: 100%;
  margin: calc(0 - 8px) 0;
}
.area-customize.video-list02.cus-video-list > .in > .ct > .in .list ul li {
  height: 25%;
  padding: 8px 0;
  box-sizing: border-box;
}
.area-customize.video-list02.cus-video-list > .in > .ct > .in .list ul li:nth-child(n+5) {
  display: none;
}
.area-customize.video-list02.cus-video-list > .in > .ct > .in .list ul li + li {
  margin-top: 0;
}
@media screen and (max-width: 768px) {
  .area-customize.video-list02.cus-video-list > .in > .ct > .in .video-block {
    flex: 0 0 100%;
    max-width: 100%;
    padding-right: 0;
    padding-bottom: 15px;
  }
  .area-customize.video-list02.cus-video-list > .in > .ct > .in .list {
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 0;
  }
}
.area-customize.video-list02 .ct > .in .video {
  display: block;
  width: 50%;
  float: left;
  /*a*/
  /*i*/
}
@media screen and (max-width: 1366px) {
  .area-customize.video-list02 .ct > .in .video {
    width: auto;
    float: none;
  }
}
.area-customize.video-list02 .ct > .in .video video {
  width: 100%;
  background-color: #2D2D2D;
}
.area-customize.video-list02 .ct > .in .video object {
  min-height: 45px;
  width: 100%;
}
.area-customize.video-list02 .ct > .in .video span {
  display: block;
}
.area-customize.video-list02 .ct > .in .video iframe {
  display: block;
  width: 100%;
}
.area-customize.video-list02 .ct > .in .video .div {
  transition: 150ms;
}
.area-customize.video-list02 .ct > .in .video .essay {
  margin-top: 15px;
}
.area-customize.video-list02 .ct > .in .video .essay:hover .caption {
  color: #997950;
}
.area-customize.video-list02 .ct > .in .video .caption {
  font-size: 1.1em;
  color: #997950;
}
.area-customize.video-list02 .ct > .in .video .p {
  margin-top: 8px;
}
.area-customize.video-list02 .ct > .in .video .label {
  margin-top: 8px;
}
.area-customize.video-list02 .ct > .in .list {
  overflow: hidden;
  padding-left: 15px;
  /*a*/
  /*i*/
}
@media screen and (max-width: 768px) {
  .area-customize.video-list02 .ct > .in .list {
    margin-top: 15px;
    padding-left: 0;
  }
}
.area-customize.video-list02 .ct > .in .list li + li {
  margin-top: 15px;
}
@media screen and (max-width: 560px) {
  .area-customize.video-list02 .ct > .in .list li + li {
    border-top: 1px solid #CECECE;
    margin-top: 0;
  }
}
.area-customize.video-list02 .ct > .in .list .div {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  position: relative;
  background-color: rgba(45, 45, 45, 0.01);
  transition: 150ms;
}
@media screen and (max-width: 768px) {
  .area-customize.video-list02 .ct > .in .list .div {
    align-items: center;
  }
}
.area-customize.video-list02 .ct > .in .list .div:hover, .area-customize.video-list02 .ct > .in .list .div:focus {
  background-color: #f0f0f0;
}
.area-customize.video-list02 .ct > .in .list .div:hover .figcaption, .area-customize.video-list02 .ct > .in .list .div:focus .figcaption {
  color: #997950;
}
.area-customize.video-list02 .ct > .in .list .img {
  flex: 0 0 144px;
  max-width: 144px;
  position: relative;
}
@media screen and (max-width: 560px) {
  .area-customize.video-list02 .ct > .in .list .img {
    display: none;
  }
}
.area-customize.video-list02 .ct > .in .list .img span {
  display: block;
  padding-bottom: 75%;
}
.area-customize.video-list02 .ct > .in .list .img img {
  display: none;
}
.area-customize.video-list02 .ct > .in .list .essay {
  flex: 0 0 calc(100% - 144px);
  max-width: calc(100% - 144px);
  padding: 8px;
  box-sizing: border-box;
}
@media screen and (max-width: 560px) {
  .area-customize.video-list02 .ct > .in .list .essay {
    margin-left: 0;
    flex: 1;
    max-width: 100%;
  }
}
.area-customize.video-list02 .ct > .in .list .figcaption {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-height: 1.5;
  max-height: 64px;
  font-weight: bold;
  font-size: 1.125em;
}
@media screen and (max-width: 560px) {
  .area-customize.video-list02 .ct > .in .list .figcaption {
    max-height: initial;
  }
}
.area-customize.video-list02 .ct > .in .list .label span {
  display: block;
  padding: 5px;
  padding-left: 30px;
  position: relative;
}
.area-customize.video-list02 .ct > .in .list .label span:before {
  content: "​";
  display: block;
  width: 20px;
  height: 20px;
  background-image: url("../images/icon-pic/icon_calendar.svg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 5px;
  top: 6px;
}
@media screen and (max-width: 768px) {
  .area-customize.video-list02 .ft {
    margin-top: 30px;
  }
}
@media screen and (max-width: 768px) {
  .area-customize.video-list02 .ft {
    margin-top: 0;
  }
}
.area-customize.video-list02 .ft ul {
  margin-left: 40%;
}
@media screen and (max-width: 768px) {
  .area-customize.video-list02 .ft ul {
    margin-left: 0;
  }
}
.area-customize.video-list02 .ft li {
  padding-left: 15px;
}
@media screen and (max-width: 768px) {
  .area-customize.video-list02 .ft li {
    padding-left: 0;
  }
}
.area-customize.video-list02 .ft span {
  display: block;
}
.area-customize.video-list02 .ft a {
  display: block;
  text-align: center;
  padding: 8px;
  border-radius: 5px;
  color: #ffffff;
  transition: 150ms;
  background-color: #997950;
}
.area-customize.video-list02 .ft a:hover, .area-customize.video-list02 .ft a:focus {
  background-color: deeper(#997950);
}

.area-customize.video[data-child="2"] > .in > .ct > .in {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: 0 calc(0 - 15px);
}
@media screen and (max-width: 560px) {
  .area-customize.video[data-child="2"] > .in > .ct > .in {
    margin: 0;
  }
}
.area-customize.video[data-child="2"] > .in > .ct > .in > .video-item {
  flex: 0 0 calc(100% / 2);
  max-width: calc(100% / 2);
  padding: 0 15px;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) and (min-width: 561px) {
  .area-customize.video[data-child="2"] > .in > .ct > .in > .video-item {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media screen and (max-width: 560px) {
  .area-customize.video[data-child="2"] > .in > .ct > .in > .video-item {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0;
  }
}
.area-customize.video[data-child="3"] > .in > .ct > .in {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: 0 calc(0 - 15px);
}
@media screen and (max-width: 560px) {
  .area-customize.video[data-child="3"] > .in > .ct > .in {
    margin: 0;
  }
}
.area-customize.video[data-child="3"] > .in > .ct > .in > .video-item {
  flex: 0 0 calc(100% / 3);
  max-width: calc(100% / 3);
  padding: 0 15px;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) and (min-width: 561px) {
  .area-customize.video[data-child="3"] > .in > .ct > .in > .video-item {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media screen and (max-width: 560px) {
  .area-customize.video[data-child="3"] > .in > .ct > .in > .video-item {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0;
  }
}
.area-customize.video[data-child="4"] > .in > .ct > .in {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: 0 calc(0 - 15px);
}
@media screen and (max-width: 560px) {
  .area-customize.video[data-child="4"] > .in > .ct > .in {
    margin: 0;
  }
}
.area-customize.video[data-child="4"] > .in > .ct > .in > .video-item {
  flex: 0 0 calc(100% / 4);
  max-width: calc(100% / 4);
  padding: 0 15px;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) and (min-width: 561px) {
  .area-customize.video[data-child="4"] > .in > .ct > .in > .video-item {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media screen and (max-width: 560px) {
  .area-customize.video[data-child="4"] > .in > .ct > .in > .video-item {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0;
  }
}
.area-customize.video[data-child="5"] > .in > .ct > .in {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: 0 calc(0 - 15px);
}
@media screen and (max-width: 560px) {
  .area-customize.video[data-child="5"] > .in > .ct > .in {
    margin: 0;
  }
}
.area-customize.video[data-child="5"] > .in > .ct > .in > .video-item {
  flex: 0 0 25%;
  max-width: 25%;
  padding: 0 15px;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) and (min-width: 561px) {
  .area-customize.video[data-child="5"] > .in > .ct > .in > .video-item {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media screen and (max-width: 560px) {
  .area-customize.video[data-child="5"] > .in > .ct > .in > .video-item {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0;
  }
  .area-customize.video[data-child="5"] > .in > .ct > .in > .video-item + .video-item {
    padding-top: 15px;
  }
}
.area-customize.video[data-child="5"] > .in > .ct > .in > .video-item video {
  width: 100% !important;
  height: 75%;
}
.area-customize.video[data-child="6"] > .in > .ct > .in {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: 0 calc(0 - 15px);
}
@media screen and (max-width: 560px) {
  .area-customize.video[data-child="6"] > .in > .ct > .in {
    margin: 0;
  }
}
.area-customize.video[data-child="6"] > .in > .ct > .in > .video-item {
  flex: 0 0 25%;
  max-width: 25%;
  padding: 0 15px;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) and (min-width: 561px) {
  .area-customize.video[data-child="6"] > .in > .ct > .in > .video-item {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media screen and (max-width: 560px) {
  .area-customize.video[data-child="6"] > .in > .ct > .in > .video-item {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0;
  }
  .area-customize.video[data-child="6"] > .in > .ct > .in > .video-item + .video-item {
    padding-top: 15px;
  }
}
.area-customize.video[data-child="6"] > .in > .ct > .in > .video-item video {
  width: 100% !important;
  height: 75%;
}
.area-customize.video[data-child="7"] > .in > .ct > .in {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: 0 calc(0 - 15px);
}
@media screen and (max-width: 560px) {
  .area-customize.video[data-child="7"] > .in > .ct > .in {
    margin: 0;
  }
}
.area-customize.video[data-child="7"] > .in > .ct > .in > .video-item {
  flex: 0 0 25%;
  max-width: 25%;
  padding: 0 15px;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) and (min-width: 561px) {
  .area-customize.video[data-child="7"] > .in > .ct > .in > .video-item {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media screen and (max-width: 560px) {
  .area-customize.video[data-child="7"] > .in > .ct > .in > .video-item {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0;
  }
  .area-customize.video[data-child="7"] > .in > .ct > .in > .video-item + .video-item {
    padding-top: 15px;
  }
}
.area-customize.video[data-child="7"] > .in > .ct > .in > .video-item video {
  width: 100% !important;
  height: 75%;
}
.area-customize.video[data-child="8"] > .in > .ct > .in {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: 0 calc(0 - 15px);
}
@media screen and (max-width: 560px) {
  .area-customize.video[data-child="8"] > .in > .ct > .in {
    margin: 0;
  }
}
.area-customize.video[data-child="8"] > .in > .ct > .in > .video-item {
  flex: 0 0 25%;
  max-width: 25%;
  padding: 0 15px;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) and (min-width: 561px) {
  .area-customize.video[data-child="8"] > .in > .ct > .in > .video-item {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media screen and (max-width: 560px) {
  .area-customize.video[data-child="8"] > .in > .ct > .in > .video-item {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0;
  }
  .area-customize.video[data-child="8"] > .in > .ct > .in > .video-item + .video-item {
    padding-top: 15px;
  }
}
.area-customize.video[data-child="8"] > .in > .ct > .in > .video-item video {
  width: 100% !important;
  height: 75%;
}
.area-customize.video[data-child="9"] > .in > .ct > .in {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: 0 calc(0 - 15px);
}
@media screen and (max-width: 560px) {
  .area-customize.video[data-child="9"] > .in > .ct > .in {
    margin: 0;
  }
}
.area-customize.video[data-child="9"] > .in > .ct > .in > .video-item {
  flex: 0 0 25%;
  max-width: 25%;
  padding: 0 15px;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) and (min-width: 561px) {
  .area-customize.video[data-child="9"] > .in > .ct > .in > .video-item {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media screen and (max-width: 560px) {
  .area-customize.video[data-child="9"] > .in > .ct > .in > .video-item {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0;
  }
  .area-customize.video[data-child="9"] > .in > .ct > .in > .video-item + .video-item {
    padding-top: 15px;
  }
}
.area-customize.video[data-child="9"] > .in > .ct > .in > .video-item video {
  width: 100% !important;
  height: 75%;
}
.area-customize.video[data-child="10"] > .in > .ct > .in {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: 0 calc(0 - 15px);
}
@media screen and (max-width: 560px) {
  .area-customize.video[data-child="10"] > .in > .ct > .in {
    margin: 0;
  }
}
.area-customize.video[data-child="10"] > .in > .ct > .in > .video-item {
  flex: 0 0 25%;
  max-width: 25%;
  padding: 0 15px;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) and (min-width: 561px) {
  .area-customize.video[data-child="10"] > .in > .ct > .in > .video-item {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media screen and (max-width: 560px) {
  .area-customize.video[data-child="10"] > .in > .ct > .in > .video-item {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0;
  }
  .area-customize.video[data-child="10"] > .in > .ct > .in > .video-item + .video-item {
    padding-top: 15px;
  }
}
.area-customize.video[data-child="10"] > .in > .ct > .in > .video-item video {
  width: 100% !important;
  height: 75%;
}
.area-customize.video > .in .ct {
  background-color: #ffffff;
}
.area-customize.video > .in .ct .video {
  position: relative;
}
.area-customize.video > .in .ct .video iframe {
  width: 100%;
  display: block;
  border: 0;
  height: 100% !important;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.area-customize.video > .in .ct .video.is-active + .video-essay {
  padding-top: 8px;
}
.area-customize.video > .in .ct .video video {
  width: 100%;
  max-height: 100%;
  height: 400px;
  display: block;
  background-color: #2D2D2D;
}
.area-customize.video > .in .ct .div {
  /*i*/
}
.area-customize.video > .in .ct .div .essay {
  position: relative;
  padding: 8px 15px 15px;
  transition: 150ms;
}
.area-customize.video > .in .ct .div .caption {
  margin: 0;
  color: #2D2D2D;
  font-size: 1.125em;
  text-align: center;
  transition: 150ms;
}
.area-customize.video > .in .ct .div .label {
  margin: 8px 0;
}
.area-customize.video > .in .ct .div .label ul {
  text-align: center;
}
.area-customize.video > .in .ct .div .label li {
  display: inline-block;
  vertical-align: middle;
}
.area-customize.video > .in .ct .div .label span {
  display: block;
}
.area-customize.video > .in .ct .div .mark {
  margin-right: 0;
}
.area-customize.video > .in .ct .div .p {
  text-align: left;
}
.area-customize.video > .in .ct .div .p p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-height: 1.7;
  max-height: 80px;
}
.simple-text.message .ct {
  /*i*/
}
.simple-text.message .ct span {
  border-bottom: none;
}
.simple-text.message .ct span:hover a {
  color: #343434;
}
.simple-text.message .ct a {
  display: block;
  font-weight: 700;
  word-break: break-word;
  line-height: 1.2;
  overflow: hidden;
  flex-direction: column-reverse;
}
.simple-text.message .ct a span:first-child {
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  font-weight: 700;
}
.simple-text.message .ct a span + span {
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  font-weight: 400;
  color: #787878;
}
@media screen and (max-width: 768px) {
  .simple-text.message .ct a {
    white-space: unset;
  }
  .simple-text.message .ct a span + span {
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }
}
.simple-text.message .ct .mark {
  display: flex;
  width: fit-content;
  align-items: center;
  justify-content: center;
  color: #787878;
  font-weight: 400;
  opacity: 0.5;
  gap: 5px;
}
.simple-text.message .ct .mark::before {
  content: url("../images/icon-pic/clock.png");
  display: block;
  opacity: 0.7;
  height: 17px;
}
.group-list.major-slider.top-banner .area-essay.slider a, .group-list.major-slider.top-banner .simple-pic.default a {
  height: 480px;
}
.group-list.major-slider.top-banner .area-essay.slider a img, .group-list.major-slider.top-banner .simple-pic.default a img {
  object-fit: cover;
  max-height: 100%;
  height: 100%;
}
@media screen and (max-width: 1022px) and (min-width: 1px) {
  .group-list.major-slider.top-banner .area-essay.slider a, .group-list.major-slider.top-banner .simple-pic.default a {
    height: 500px;
  }
}
@media screen and (max-width: 768px) {
  .group-list.major-slider.top-banner .area-essay.slider a, .group-list.major-slider.top-banner .simple-pic.default a {
    height: 250px;
  }
  .group-list.major-slider.top-banner .area-essay.slider .essay, .group-list.major-slider.top-banner .simple-pic.default .essay {
    display: none;
  }
}
.group-list.major-slider.is-auto > .in > .ct {
  position: relative;
}
.group-list.major-slider .ctrl_btn {
  position: absolute;
  top: 15px;
  left: 15px;
  z-index: 2;
}
.group-list.major-slider > .in > .hd + .ct + .ft li.next a, .group-list.major-slider > .in > .hd + .ct + .ft li.prev a {
  margin-top: 0;
}
.group-list.major-slider > .in > .hd + .ct + .ft li.more {
  display: none;
}
.group-list.major-slider > .in > .ct > .in > ul > li + li {
  display: none;
}
[data-js=false] .group-list.major-slider > .in > .ct > .in > ul > li + li {
  display: block;
  margin-top: 8px;
}
.group-list.major-slider > .in > .ct > .in > ul > li > [data-index][data-type] > .in > .hd {
  display: none;
}
.group-list.major-slider > .in > .ct > .in > ul > li > [data-index][data-type] > .in > .ft {
  display: none;
}
.group-list.major-slider > .in > .ft ul {
  height: 0;
  padding: 0 8px;
  text-align: center;
  display: flex;
  justify-content: center;
}
.group-list.major-slider > .in > .ft li.more {
  display: none;
}
.group-list.major-slider > .in > .ft li.is-img {
  display: inline-block;
  margin: 5px 3px;
  vertical-align: middle;
  border-radius: 8px;
  transition: 150ms;
  position: relative;
  top: -64px;
  z-index: 2;
}
@media screen and (max-width: 560px) {
  .group-list.major-slider > .in > .ft li.is-img {
    top: -40px !important;
  }
}
.group-list.major-slider > .in > .ft li.is-img.is-active a {
  border-color: #ffaa00;
}
.group-list.major-slider > .in > .ft li.is-img.is-active a:hover, .group-list.major-slider > .in > .ft li.is-img.is-active a:focus {
  border-color: deeper(#ffaa00);
}
.group-list.major-slider > .in > .ft li.is-img.is-active a:before {
  opacity: 0;
}
.group-list.major-slider > .in > .ft li.is-img span {
  display: block;
  position: relative;
  width: 48px;
  padding-bottom: 100%;
  border-radius: 8px;
}
.group-list.major-slider > .in > .ft li.is-img a {
  transition: 150ms;
  border: 1px solid #CECECE;
  border-color: #ffffff;
  border-width: 5px;
  border-radius: 8px;
  box-shadow: 6px 6px 10px rgba(45, 45, 45, 0.3);
}
@media screen and (max-width: 560px) {
  .group-list.major-slider > .in > .ft li.is-img a {
    box-shadow: none;
  }
}
.group-list.major-slider > .in > .ft li.is-img a:hover, .group-list.major-slider > .in > .ft li.is-img a:focus {
  border-color: #787878;
}
@media screen and (max-width: 768px) {
  .group-list.major-slider > .in > .ft li.is-img {
    top: -15px;
    border-radius: 20px;
  }
  .group-list.major-slider > .in > .ft li.is-img span {
    width: 20px;
    background-image: none !important;
  }
  .group-list.major-slider > .in > .ft li.is-img span a {
    background-color: #787878;
    border-radius: 20px;
    border: 0;
  }
  .group-list.major-slider > .in > .ft li.is-img span a:hover, .group-list.major-slider > .in > .ft li.is-img span a:focus {
    background-color: deeper(#787878);
  }
  .group-list.major-slider > .in > .ft li.is-img.is-active span a {
    border: 0;
    background-color: #997950;
  }
  .group-list.major-slider > .in > .ft li.is-img.is-active span a:hover, .group-list.major-slider > .in > .ft li.is-img.is-active span a:focus {
    background-color: deeper(#997950);
  }
}
.group-list.major-slider > .in > .ft li.is-dot {
  display: inline-block;
  margin: 8px 3px;
  vertical-align: middle;
  position: relative;
  top: -45px;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  .group-list.major-slider > .in > .ft li.is-dot {
    display: none;
  }
}
.group-list.major-slider > .in > .ft li.is-dot.is-active a {
  background-color: #ffffff;
}
.group-list.major-slider > .in > .ft li.is-dot span {
  display: block;
}
.group-list.major-slider > .in > .ft li.is-dot a {
  display: block;
  width: 14px;
  height: 14px;
  transition: 150ms;
  border: 1px solid #ffffff;
  border-radius: 50%;
  box-sizing: border-box;
  z-index: 1;
}
.group-list.major-slider > .in > .ft li.is-dot a:hover, .group-list.major-slider > .in > .ft li.is-dot a:focus {
  background-color: #ffffff;
}
.is-stack > .in > .ct > .in {
  position: relative;
  margin-top: -50px;
  z-index: 2;
}
.is-stack.stack-content > .in > .hd {
  position: relative;
  z-index: 1;
}
.is-stack.stack-content > .in > .ct > .group-list.major-slider {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.is-stack.stack-content > .in > .ct > .group-list.major-slider .in,
.is-stack.stack-content > .in > .ct > .group-list.major-slider .ct,
.is-stack.stack-content > .in > .ct > .group-list.major-slider ul,
.is-stack.stack-content > .in > .ct > .group-list.major-slider li,
.is-stack.stack-content > .in > .ct > .group-list.major-slider span {
  height: 100%;
}
.is-stack.stack-content > .in > .ct > .group-list.major-slider > .in {
  margin-top: 0;
}
.is-stack.stack-content > .in > .ct > .group-list.major-slider > .in > .ct > .in a {
  width: 100%;
  height: 100%;
}
.is-stack.stack-content > .in > .ct > .group-list.major-slider span {
  background-size: cover;
}
.is-stack.stack-content > .in > .ct > .group-list.major-slider img {
  display: none !important;
}
.is-stack.stack-content > .in > .ct > .group-list.major-slider .ft {
  display: none;
}
.is-stack.stack-content > .in > .ct > .in {
  background-color: transparent !important;
  box-shadow: none !important;
}
.is-stack.stack-w30 > .in > .ct > .in {
  width: 30%;
  margin-right: auto;
  margin-left: auto;
  border-radius: 3px;
  background-color: #ffffff;
  box-shadow: 0 0 8px #787878;
  padding: 15px;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .is-stack.stack-w30 > .in > .ct > .in {
    width: 50%;
  }
}
.is-stack.stack-w50 > .in > .ct > .in {
  width: 50%;
  margin-right: auto;
  margin-left: auto;
  border-radius: 3px;
  background-color: #ffffff;
  box-shadow: 0 0 8px #787878;
  padding: 15px;
  box-sizing: border-box;
}
.is-stack.stack-center > .in > .ct > .in {
  margin-right: auto !important;
  margin-left: auto !important;
}
.is-stack.stack-left > .in > .ct > .in {
  margin-left: 30px;
}
.is-stack.stack-right > .in > .ct > .in {
  margin-right: 30px;
}

.group-list.slider > .bg-drop-layout > .in > .ct > .in > ul > li + li, .group-list.slider > .in > .ct > .in > ul > li + li {
  display: none;
}
[data-js=false] .group-list.slider > .bg-drop-layout > .in > .ct > .in > ul > li + li, [data-js=false] .group-list.slider > .in > .ct > .in > ul > li + li {
  display: block;
  margin-top: 8px;
}
.base-module-area .group-list.link > .in > .ct > .in > ul > li {
  width: calc(100% / 4);
  display: inline-block;
  vertical-align: top;
}
.base-module-area .group-list.link[data-setLen="1"] > .in > .ct > .in > ul > li {
  width: calc(100% / 1);
  display: inline-block;
  vertical-align: top;
}
.base-module-area .group-list.link[data-setLen="2"] > .in > .ct > .in > ul > li {
  width: calc(100% / 2);
  display: inline-block;
  vertical-align: top;
}
.base-module-area .group-list.link[data-setLen="3"] > .in > .ct > .in > ul > li {
  width: calc(100% / 3);
  display: inline-block;
  vertical-align: top;
}
.base-module-area .group-list.link[data-setLen="4"] > .in > .ct > .in > ul > li {
  width: calc(100% / 4);
  display: inline-block;
  vertical-align: top;
}
.base-module-area .group-list.link[data-setLen="5"] > .in > .ct > .in > ul > li {
  width: calc(100% / 5);
  display: inline-block;
  vertical-align: top;
}
.base-module-area .group-list.link[data-setLen="6"] > .in > .ct > .in > ul > li {
  width: calc(100% / 6);
  display: inline-block;
  vertical-align: top;
}
.base-module-area .group-list.link[data-setLen="7"] > .in > .ct > .in > ul > li {
  width: calc(100% / 7);
  display: inline-block;
  vertical-align: top;
}
.base-module-area .group-list.link[data-setLen="8"] > .in > .ct > .in > ul > li {
  width: calc(100% / 8);
  display: inline-block;
  vertical-align: top;
}
.base-module-area .group-list.link[data-setLen="9"] > .in > .ct > .in > ul > li {
  width: calc(100% / 9);
  display: inline-block;
  vertical-align: top;
}
.base-module-area .group-list.link[data-setLen="10"] > .in > .ct > .in > ul > li {
  width: calc(100% / 10);
  display: inline-block;
  vertical-align: top;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .base-module-area .group-list.link > .bg-drop-layout > .in > .ct > .in > ul > li, .base-module-area .group-list.link > .in > .ct > .in > ul > li {
    max-width: none !important;
    width: calc(100% / 3) !important;
    clear: none;
  }
  .base-module-area .group-list.link > .bg-drop-layout > .in > .ct > .in > ul > li:nth-child(3n+1), .base-module-area .group-list.link > .in > .ct > .in > ul > li:nth-child(3n+1) {
    clear: left;
  }
}
@media screen and (max-width: 768px) and (min-width: 561px) {
  .base-module-area .group-list.link > .bg-drop-layout > .in > .ct > .in > ul > li, .base-module-area .group-list.link > .in > .ct > .in > ul > li {
    max-width: none !important;
    width: calc(100% / 2) !important;
    clear: none;
  }
  .base-module-area .group-list.link > .bg-drop-layout > .in > .ct > .in > ul > li:nth-child(2n+1), .base-module-area .group-list.link > .in > .ct > .in > ul > li:nth-child(2n+1) {
    clear: left;
  }
}
@media screen and (max-width: 560px) {
  .base-module-area .group-list.link > .bg-drop-layout > .in > .ct > .in > ul > li, .base-module-area .group-list.link > .in > .ct > .in > ul > li {
    max-width: none !important;
    width: calc(100% / 1) !important;
    clear: none;
  }
  .base-module-area .group-list.link > .bg-drop-layout > .in > .ct > .in > ul > li:nth-child(1n+1), .base-module-area .group-list.link > .in > .ct > .in > ul > li:nth-child(1n+1) {
    clear: left;
  }
}
.base-page-area .group-list.link > .bg-drop-layout > .in > .ct > .in > ul > li, .base-page-area .group-list.link > .in > .ct > .in > ul > li {
  display: inline-block;
  vertical-align: top;
  width: 25%;
  padding: 8px;
  box-sizing: border-box;
  vertical-align: top;
}
@media screen and (max-width: 768px) {
  .base-page-area .group-list.link > .bg-drop-layout > .in > .ct > .in > ul > li, .base-page-area .group-list.link > .in > .ct > .in > ul > li {
    width: 33.3333%;
  }
}
@media screen and (max-width: 560px) {
  .base-page-area .group-list.link > .bg-drop-layout > .in > .ct > .in > ul > li, .base-page-area .group-list.link > .in > .ct > .in > ul > li {
    width: 100%;
  }
}
.base-page-area .group-list.link > .bg-drop-layout > .in > .ct > .in > ul > li + li, .base-page-area .group-list.link > .in > .ct > .in > ul > li + li {
  margin-top: 5px;
}
.group-list.message > .bg-drop-layout > .in > .ct > .in, .group-list.message > .in > .ct > .in {
  border: 1px solid #CECECE;
  border-color: #997950;
  background-color: #ffffff;
  padding: 15px;
  border-radius: 15px;
}
.group-list.message > .bg-drop-layout > .in > .ct > .in > ul > li + li, .group-list.message > .in > .ct > .in > ul > li + li {
  margin-top: 5px;
}
.group-list.message > .bg-drop-layout > .in > .ct > .in > ul > li:last-child .ct a, .group-list.message > .in > .ct > .in > ul > li:last-child .ct a {
  border: none !important;
}
.group-list.marquee[data-setLen="1"] > .in > ul {
  width: calc(50 * 100% / 1);
}
.group-list.marquee[data-setLen="1"] > .in > ul li {
  flex: 0 0 calc(100% / 1);
  width: calc(100% / 1);
}
.group-list.marquee[data-setLen="1"] > .in > .ct > .in > ul {
  width: calc(50 * 100% / 1);
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .group-list.marquee[data-setLen="1"] > .in > .ct > .in > ul {
    max-width: none !important;
    width: calc(5000% / 3) !important;
    clear: none;
  }
  .group-list.marquee[data-setLen="1"] > .in > .ct > .in > ul:nth-child(3n+1) {
    clear: left;
  }
}
@media screen and (max-width: 768px) and (min-width: 561px) {
  .group-list.marquee[data-setLen="1"] > .in > .ct > .in > ul {
    max-width: none !important;
    width: calc(5000% / 3) !important;
    clear: none;
  }
  .group-list.marquee[data-setLen="1"] > .in > .ct > .in > ul:nth-child(3n+1) {
    clear: left;
  }
}
@media screen and (max-width: 560px) {
  .group-list.marquee[data-setLen="1"] > .in > .ct > .in > ul {
    max-width: none !important;
    width: calc(5000% / 1) !important;
    clear: none;
  }
  .group-list.marquee[data-setLen="1"] > .in > .ct > .in > ul:nth-child(1n+1) {
    clear: left;
  }
}
[data-js=false] .group-list.marquee[data-setLen="1"] > .in > .ct > .in > ul {
  width: 100%;
}
.group-list.marquee[data-setLen="1"] > .in > .ct > .in > ul > li {
  width: calc(100% / 50);
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  padding: 8px;
}
[data-js=false] .group-list.marquee[data-setLen="1"] > .in > .ct > .in > ul > li {
  display: block;
  width: calc(100% / 5);
}
.group-list.marquee[data-setLen="1"] > .in > .ct > .in > ul [data-setlen="1"] > .in > .ct > .in > ul > li {
  width: calc(100% / 1);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="1"] > .in > .ct > .in > ul [data-setlen="2"] > .in > .ct > .in > ul > li {
  width: calc(100% / 2);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="1"] > .in > .ct > .in > ul [data-setlen="3"] > .in > .ct > .in > ul > li {
  width: calc(100% / 3);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="1"] > .in > .ct > .in > ul [data-setlen="4"] > .in > .ct > .in > ul > li {
  width: calc(100% / 4);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="1"] > .in > .ct > .in > ul [data-setlen="5"] > .in > .ct > .in > ul > li {
  width: calc(100% / 5);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="1"] > .in > .ct > .in > ul [data-setlen="6"] > .in > .ct > .in > ul > li {
  width: calc(100% / 6);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="1"] > .in > .ct > .in > ul [data-setlen="7"] > .in > .ct > .in > ul > li {
  width: calc(100% / 7);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="1"] > .in > .ct > .in > ul [data-setlen="8"] > .in > .ct > .in > ul > li {
  width: calc(100% / 8);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="1"] > .in > .ct > .in > ul [data-setlen="9"] > .in > .ct > .in > ul > li {
  width: calc(100% / 9);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="1"] > .in > .ct > .in > ul [data-setlen="10"] > .in > .ct > .in > ul > li {
  width: calc(100% / 10);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="1"] > .in > .ct > .in > ul [data-setlen="11"] > .in > .ct > .in > ul > li {
  width: calc(100% / 11);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="1"] > .in > .ct > .in > ul [data-setlen="12"] > .in > .ct > .in > ul > li {
  width: calc(100% / 12);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="1"] > .in > .ct > .in > ul [data-setlen="13"] > .in > .ct > .in > ul > li {
  width: calc(100% / 13);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="1"] > .in > .ct > .in > ul [data-setlen="14"] > .in > .ct > .in > ul > li {
  width: calc(100% / 14);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="1"] > .in > .ct > .in > ul [data-setlen="15"] > .in > .ct > .in > ul > li {
  width: calc(100% / 15);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="1"] > .in > .ct > .in > ul [data-setlen="16"] > .in > .ct > .in > ul > li {
  width: calc(100% / 16);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="1"] > .in > .ct > .in > ul [data-setlen="17"] > .in > .ct > .in > ul > li {
  width: calc(100% / 17);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="1"] > .in > .ct > .in > ul [data-setlen="18"] > .in > .ct > .in > ul > li {
  width: calc(100% / 18);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="1"] > .in > .ct > .in > ul [data-setlen="19"] > .in > .ct > .in > ul > li {
  width: calc(100% / 19);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="1"] > .in > .ct > .in > ul [data-setlen="20"] > .in > .ct > .in > ul > li {
  width: calc(100% / 20);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="1"] > .in > .ct > .in > ul [data-setlen="21"] > .in > .ct > .in > ul > li {
  width: calc(100% / 21);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="1"] > .in > .ct > .in > ul [data-setlen="22"] > .in > .ct > .in > ul > li {
  width: calc(100% / 22);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="1"] > .in > .ct > .in > ul [data-setlen="23"] > .in > .ct > .in > ul > li {
  width: calc(100% / 23);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="1"] > .in > .ct > .in > ul [data-setlen="24"] > .in > .ct > .in > ul > li {
  width: calc(100% / 24);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="1"] > .in > .ct > .in > ul [data-setlen="25"] > .in > .ct > .in > ul > li {
  width: calc(100% / 25);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="1"] > .in > .ct > .in > ul [data-setlen="26"] > .in > .ct > .in > ul > li {
  width: calc(100% / 26);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="1"] > .in > .ct > .in > ul [data-setlen="27"] > .in > .ct > .in > ul > li {
  width: calc(100% / 27);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="1"] > .in > .ct > .in > ul [data-setlen="28"] > .in > .ct > .in > ul > li {
  width: calc(100% / 28);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="1"] > .in > .ct > .in > ul [data-setlen="29"] > .in > .ct > .in > ul > li {
  width: calc(100% / 29);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="1"] > .in > .ct > .in > ul [data-setlen="30"] > .in > .ct > .in > ul > li {
  width: calc(100% / 30);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="1"] > .in > .ct > .in > ul [data-setlen="31"] > .in > .ct > .in > ul > li {
  width: calc(100% / 31);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="1"] > .in > .ct > .in > ul [data-setlen="32"] > .in > .ct > .in > ul > li {
  width: calc(100% / 32);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="1"] > .in > .ct > .in > ul [data-setlen="33"] > .in > .ct > .in > ul > li {
  width: calc(100% / 33);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="1"] > .in > .ct > .in > ul [data-setlen="34"] > .in > .ct > .in > ul > li {
  width: calc(100% / 34);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="1"] > .in > .ct > .in > ul [data-setlen="35"] > .in > .ct > .in > ul > li {
  width: calc(100% / 35);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="1"] > .in > .ct > .in > ul [data-setlen="36"] > .in > .ct > .in > ul > li {
  width: calc(100% / 36);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="1"] > .in > .ct > .in > ul [data-setlen="37"] > .in > .ct > .in > ul > li {
  width: calc(100% / 37);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="1"] > .in > .ct > .in > ul [data-setlen="38"] > .in > .ct > .in > ul > li {
  width: calc(100% / 38);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="1"] > .in > .ct > .in > ul [data-setlen="39"] > .in > .ct > .in > ul > li {
  width: calc(100% / 39);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="1"] > .in > .ct > .in > ul [data-setlen="40"] > .in > .ct > .in > ul > li {
  width: calc(100% / 40);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="1"] > .in > .ct > .in > ul [data-setlen="41"] > .in > .ct > .in > ul > li {
  width: calc(100% / 41);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="1"] > .in > .ct > .in > ul [data-setlen="42"] > .in > .ct > .in > ul > li {
  width: calc(100% / 42);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="1"] > .in > .ct > .in > ul [data-setlen="43"] > .in > .ct > .in > ul > li {
  width: calc(100% / 43);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="1"] > .in > .ct > .in > ul [data-setlen="44"] > .in > .ct > .in > ul > li {
  width: calc(100% / 44);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="1"] > .in > .ct > .in > ul [data-setlen="45"] > .in > .ct > .in > ul > li {
  width: calc(100% / 45);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="1"] > .in > .ct > .in > ul [data-setlen="46"] > .in > .ct > .in > ul > li {
  width: calc(100% / 46);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="1"] > .in > .ct > .in > ul [data-setlen="47"] > .in > .ct > .in > ul > li {
  width: calc(100% / 47);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="1"] > .in > .ct > .in > ul [data-setlen="48"] > .in > .ct > .in > ul > li {
  width: calc(100% / 48);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="1"] > .in > .ct > .in > ul [data-setlen="49"] > .in > .ct > .in > ul > li {
  width: calc(100% / 49);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="1"] > .in > .ct > .in > ul [data-setlen="50"] > .in > .ct > .in > ul > li {
  width: calc(100% / 50);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="2"] > .in > ul {
  width: calc(50 * 100% / 2);
}
.group-list.marquee[data-setLen="2"] > .in > ul li {
  flex: 0 0 calc(100% / 2);
  width: calc(100% / 2);
}
.group-list.marquee[data-setLen="2"] > .in > .ct > .in > ul {
  width: calc(50 * 100% / 2);
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .group-list.marquee[data-setLen="2"] > .in > .ct > .in > ul {
    max-width: none !important;
    width: calc(5000% / 3) !important;
    clear: none;
  }
  .group-list.marquee[data-setLen="2"] > .in > .ct > .in > ul:nth-child(3n+1) {
    clear: left;
  }
}
@media screen and (max-width: 768px) and (min-width: 561px) {
  .group-list.marquee[data-setLen="2"] > .in > .ct > .in > ul {
    max-width: none !important;
    width: calc(5000% / 3) !important;
    clear: none;
  }
  .group-list.marquee[data-setLen="2"] > .in > .ct > .in > ul:nth-child(3n+1) {
    clear: left;
  }
}
@media screen and (max-width: 560px) {
  .group-list.marquee[data-setLen="2"] > .in > .ct > .in > ul {
    max-width: none !important;
    width: calc(5000% / 1) !important;
    clear: none;
  }
  .group-list.marquee[data-setLen="2"] > .in > .ct > .in > ul:nth-child(1n+1) {
    clear: left;
  }
}
[data-js=false] .group-list.marquee[data-setLen="2"] > .in > .ct > .in > ul {
  width: 100%;
}
.group-list.marquee[data-setLen="2"] > .in > .ct > .in > ul > li {
  width: calc(100% / 50);
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  padding: 8px;
}
[data-js=false] .group-list.marquee[data-setLen="2"] > .in > .ct > .in > ul > li {
  display: block;
  width: calc(100% / 5);
}
.group-list.marquee[data-setLen="2"] > .in > .ct > .in > ul [data-setlen="1"] > .in > .ct > .in > ul > li {
  width: calc(100% / 1);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="2"] > .in > .ct > .in > ul [data-setlen="2"] > .in > .ct > .in > ul > li {
  width: calc(100% / 2);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="2"] > .in > .ct > .in > ul [data-setlen="3"] > .in > .ct > .in > ul > li {
  width: calc(100% / 3);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="2"] > .in > .ct > .in > ul [data-setlen="4"] > .in > .ct > .in > ul > li {
  width: calc(100% / 4);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="2"] > .in > .ct > .in > ul [data-setlen="5"] > .in > .ct > .in > ul > li {
  width: calc(100% / 5);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="2"] > .in > .ct > .in > ul [data-setlen="6"] > .in > .ct > .in > ul > li {
  width: calc(100% / 6);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="2"] > .in > .ct > .in > ul [data-setlen="7"] > .in > .ct > .in > ul > li {
  width: calc(100% / 7);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="2"] > .in > .ct > .in > ul [data-setlen="8"] > .in > .ct > .in > ul > li {
  width: calc(100% / 8);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="2"] > .in > .ct > .in > ul [data-setlen="9"] > .in > .ct > .in > ul > li {
  width: calc(100% / 9);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="2"] > .in > .ct > .in > ul [data-setlen="10"] > .in > .ct > .in > ul > li {
  width: calc(100% / 10);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="2"] > .in > .ct > .in > ul [data-setlen="11"] > .in > .ct > .in > ul > li {
  width: calc(100% / 11);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="2"] > .in > .ct > .in > ul [data-setlen="12"] > .in > .ct > .in > ul > li {
  width: calc(100% / 12);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="2"] > .in > .ct > .in > ul [data-setlen="13"] > .in > .ct > .in > ul > li {
  width: calc(100% / 13);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="2"] > .in > .ct > .in > ul [data-setlen="14"] > .in > .ct > .in > ul > li {
  width: calc(100% / 14);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="2"] > .in > .ct > .in > ul [data-setlen="15"] > .in > .ct > .in > ul > li {
  width: calc(100% / 15);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="2"] > .in > .ct > .in > ul [data-setlen="16"] > .in > .ct > .in > ul > li {
  width: calc(100% / 16);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="2"] > .in > .ct > .in > ul [data-setlen="17"] > .in > .ct > .in > ul > li {
  width: calc(100% / 17);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="2"] > .in > .ct > .in > ul [data-setlen="18"] > .in > .ct > .in > ul > li {
  width: calc(100% / 18);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="2"] > .in > .ct > .in > ul [data-setlen="19"] > .in > .ct > .in > ul > li {
  width: calc(100% / 19);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="2"] > .in > .ct > .in > ul [data-setlen="20"] > .in > .ct > .in > ul > li {
  width: calc(100% / 20);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="2"] > .in > .ct > .in > ul [data-setlen="21"] > .in > .ct > .in > ul > li {
  width: calc(100% / 21);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="2"] > .in > .ct > .in > ul [data-setlen="22"] > .in > .ct > .in > ul > li {
  width: calc(100% / 22);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="2"] > .in > .ct > .in > ul [data-setlen="23"] > .in > .ct > .in > ul > li {
  width: calc(100% / 23);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="2"] > .in > .ct > .in > ul [data-setlen="24"] > .in > .ct > .in > ul > li {
  width: calc(100% / 24);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="2"] > .in > .ct > .in > ul [data-setlen="25"] > .in > .ct > .in > ul > li {
  width: calc(100% / 25);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="2"] > .in > .ct > .in > ul [data-setlen="26"] > .in > .ct > .in > ul > li {
  width: calc(100% / 26);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="2"] > .in > .ct > .in > ul [data-setlen="27"] > .in > .ct > .in > ul > li {
  width: calc(100% / 27);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="2"] > .in > .ct > .in > ul [data-setlen="28"] > .in > .ct > .in > ul > li {
  width: calc(100% / 28);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="2"] > .in > .ct > .in > ul [data-setlen="29"] > .in > .ct > .in > ul > li {
  width: calc(100% / 29);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="2"] > .in > .ct > .in > ul [data-setlen="30"] > .in > .ct > .in > ul > li {
  width: calc(100% / 30);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="2"] > .in > .ct > .in > ul [data-setlen="31"] > .in > .ct > .in > ul > li {
  width: calc(100% / 31);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="2"] > .in > .ct > .in > ul [data-setlen="32"] > .in > .ct > .in > ul > li {
  width: calc(100% / 32);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="2"] > .in > .ct > .in > ul [data-setlen="33"] > .in > .ct > .in > ul > li {
  width: calc(100% / 33);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="2"] > .in > .ct > .in > ul [data-setlen="34"] > .in > .ct > .in > ul > li {
  width: calc(100% / 34);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="2"] > .in > .ct > .in > ul [data-setlen="35"] > .in > .ct > .in > ul > li {
  width: calc(100% / 35);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="2"] > .in > .ct > .in > ul [data-setlen="36"] > .in > .ct > .in > ul > li {
  width: calc(100% / 36);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="2"] > .in > .ct > .in > ul [data-setlen="37"] > .in > .ct > .in > ul > li {
  width: calc(100% / 37);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="2"] > .in > .ct > .in > ul [data-setlen="38"] > .in > .ct > .in > ul > li {
  width: calc(100% / 38);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="2"] > .in > .ct > .in > ul [data-setlen="39"] > .in > .ct > .in > ul > li {
  width: calc(100% / 39);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="2"] > .in > .ct > .in > ul [data-setlen="40"] > .in > .ct > .in > ul > li {
  width: calc(100% / 40);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="2"] > .in > .ct > .in > ul [data-setlen="41"] > .in > .ct > .in > ul > li {
  width: calc(100% / 41);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="2"] > .in > .ct > .in > ul [data-setlen="42"] > .in > .ct > .in > ul > li {
  width: calc(100% / 42);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="2"] > .in > .ct > .in > ul [data-setlen="43"] > .in > .ct > .in > ul > li {
  width: calc(100% / 43);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="2"] > .in > .ct > .in > ul [data-setlen="44"] > .in > .ct > .in > ul > li {
  width: calc(100% / 44);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="2"] > .in > .ct > .in > ul [data-setlen="45"] > .in > .ct > .in > ul > li {
  width: calc(100% / 45);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="2"] > .in > .ct > .in > ul [data-setlen="46"] > .in > .ct > .in > ul > li {
  width: calc(100% / 46);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="2"] > .in > .ct > .in > ul [data-setlen="47"] > .in > .ct > .in > ul > li {
  width: calc(100% / 47);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="2"] > .in > .ct > .in > ul [data-setlen="48"] > .in > .ct > .in > ul > li {
  width: calc(100% / 48);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="2"] > .in > .ct > .in > ul [data-setlen="49"] > .in > .ct > .in > ul > li {
  width: calc(100% / 49);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="2"] > .in > .ct > .in > ul [data-setlen="50"] > .in > .ct > .in > ul > li {
  width: calc(100% / 50);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="3"] > .in > ul {
  width: calc(50 * 100% / 3);
}
.group-list.marquee[data-setLen="3"] > .in > ul li {
  flex: 0 0 calc(100% / 3);
  width: calc(100% / 3);
}
.group-list.marquee[data-setLen="3"] > .in > .ct > .in > ul {
  width: calc(50 * 100% / 3);
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .group-list.marquee[data-setLen="3"] > .in > .ct > .in > ul {
    max-width: none !important;
    width: calc(5000% / 3) !important;
    clear: none;
  }
  .group-list.marquee[data-setLen="3"] > .in > .ct > .in > ul:nth-child(3n+1) {
    clear: left;
  }
}
@media screen and (max-width: 768px) and (min-width: 561px) {
  .group-list.marquee[data-setLen="3"] > .in > .ct > .in > ul {
    max-width: none !important;
    width: calc(5000% / 3) !important;
    clear: none;
  }
  .group-list.marquee[data-setLen="3"] > .in > .ct > .in > ul:nth-child(3n+1) {
    clear: left;
  }
}
@media screen and (max-width: 560px) {
  .group-list.marquee[data-setLen="3"] > .in > .ct > .in > ul {
    max-width: none !important;
    width: calc(5000% / 1) !important;
    clear: none;
  }
  .group-list.marquee[data-setLen="3"] > .in > .ct > .in > ul:nth-child(1n+1) {
    clear: left;
  }
}
[data-js=false] .group-list.marquee[data-setLen="3"] > .in > .ct > .in > ul {
  width: 100%;
}
.group-list.marquee[data-setLen="3"] > .in > .ct > .in > ul > li {
  width: calc(100% / 50);
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  padding: 8px;
}
[data-js=false] .group-list.marquee[data-setLen="3"] > .in > .ct > .in > ul > li {
  display: block;
  width: calc(100% / 5);
}
.group-list.marquee[data-setLen="3"] > .in > .ct > .in > ul [data-setlen="1"] > .in > .ct > .in > ul > li {
  width: calc(100% / 1);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="3"] > .in > .ct > .in > ul [data-setlen="2"] > .in > .ct > .in > ul > li {
  width: calc(100% / 2);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="3"] > .in > .ct > .in > ul [data-setlen="3"] > .in > .ct > .in > ul > li {
  width: calc(100% / 3);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="3"] > .in > .ct > .in > ul [data-setlen="4"] > .in > .ct > .in > ul > li {
  width: calc(100% / 4);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="3"] > .in > .ct > .in > ul [data-setlen="5"] > .in > .ct > .in > ul > li {
  width: calc(100% / 5);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="3"] > .in > .ct > .in > ul [data-setlen="6"] > .in > .ct > .in > ul > li {
  width: calc(100% / 6);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="3"] > .in > .ct > .in > ul [data-setlen="7"] > .in > .ct > .in > ul > li {
  width: calc(100% / 7);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="3"] > .in > .ct > .in > ul [data-setlen="8"] > .in > .ct > .in > ul > li {
  width: calc(100% / 8);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="3"] > .in > .ct > .in > ul [data-setlen="9"] > .in > .ct > .in > ul > li {
  width: calc(100% / 9);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="3"] > .in > .ct > .in > ul [data-setlen="10"] > .in > .ct > .in > ul > li {
  width: calc(100% / 10);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="3"] > .in > .ct > .in > ul [data-setlen="11"] > .in > .ct > .in > ul > li {
  width: calc(100% / 11);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="3"] > .in > .ct > .in > ul [data-setlen="12"] > .in > .ct > .in > ul > li {
  width: calc(100% / 12);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="3"] > .in > .ct > .in > ul [data-setlen="13"] > .in > .ct > .in > ul > li {
  width: calc(100% / 13);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="3"] > .in > .ct > .in > ul [data-setlen="14"] > .in > .ct > .in > ul > li {
  width: calc(100% / 14);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="3"] > .in > .ct > .in > ul [data-setlen="15"] > .in > .ct > .in > ul > li {
  width: calc(100% / 15);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="3"] > .in > .ct > .in > ul [data-setlen="16"] > .in > .ct > .in > ul > li {
  width: calc(100% / 16);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="3"] > .in > .ct > .in > ul [data-setlen="17"] > .in > .ct > .in > ul > li {
  width: calc(100% / 17);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="3"] > .in > .ct > .in > ul [data-setlen="18"] > .in > .ct > .in > ul > li {
  width: calc(100% / 18);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="3"] > .in > .ct > .in > ul [data-setlen="19"] > .in > .ct > .in > ul > li {
  width: calc(100% / 19);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="3"] > .in > .ct > .in > ul [data-setlen="20"] > .in > .ct > .in > ul > li {
  width: calc(100% / 20);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="3"] > .in > .ct > .in > ul [data-setlen="21"] > .in > .ct > .in > ul > li {
  width: calc(100% / 21);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="3"] > .in > .ct > .in > ul [data-setlen="22"] > .in > .ct > .in > ul > li {
  width: calc(100% / 22);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="3"] > .in > .ct > .in > ul [data-setlen="23"] > .in > .ct > .in > ul > li {
  width: calc(100% / 23);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="3"] > .in > .ct > .in > ul [data-setlen="24"] > .in > .ct > .in > ul > li {
  width: calc(100% / 24);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="3"] > .in > .ct > .in > ul [data-setlen="25"] > .in > .ct > .in > ul > li {
  width: calc(100% / 25);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="3"] > .in > .ct > .in > ul [data-setlen="26"] > .in > .ct > .in > ul > li {
  width: calc(100% / 26);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="3"] > .in > .ct > .in > ul [data-setlen="27"] > .in > .ct > .in > ul > li {
  width: calc(100% / 27);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="3"] > .in > .ct > .in > ul [data-setlen="28"] > .in > .ct > .in > ul > li {
  width: calc(100% / 28);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="3"] > .in > .ct > .in > ul [data-setlen="29"] > .in > .ct > .in > ul > li {
  width: calc(100% / 29);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="3"] > .in > .ct > .in > ul [data-setlen="30"] > .in > .ct > .in > ul > li {
  width: calc(100% / 30);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="3"] > .in > .ct > .in > ul [data-setlen="31"] > .in > .ct > .in > ul > li {
  width: calc(100% / 31);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="3"] > .in > .ct > .in > ul [data-setlen="32"] > .in > .ct > .in > ul > li {
  width: calc(100% / 32);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="3"] > .in > .ct > .in > ul [data-setlen="33"] > .in > .ct > .in > ul > li {
  width: calc(100% / 33);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="3"] > .in > .ct > .in > ul [data-setlen="34"] > .in > .ct > .in > ul > li {
  width: calc(100% / 34);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="3"] > .in > .ct > .in > ul [data-setlen="35"] > .in > .ct > .in > ul > li {
  width: calc(100% / 35);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="3"] > .in > .ct > .in > ul [data-setlen="36"] > .in > .ct > .in > ul > li {
  width: calc(100% / 36);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="3"] > .in > .ct > .in > ul [data-setlen="37"] > .in > .ct > .in > ul > li {
  width: calc(100% / 37);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="3"] > .in > .ct > .in > ul [data-setlen="38"] > .in > .ct > .in > ul > li {
  width: calc(100% / 38);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="3"] > .in > .ct > .in > ul [data-setlen="39"] > .in > .ct > .in > ul > li {
  width: calc(100% / 39);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="3"] > .in > .ct > .in > ul [data-setlen="40"] > .in > .ct > .in > ul > li {
  width: calc(100% / 40);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="3"] > .in > .ct > .in > ul [data-setlen="41"] > .in > .ct > .in > ul > li {
  width: calc(100% / 41);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="3"] > .in > .ct > .in > ul [data-setlen="42"] > .in > .ct > .in > ul > li {
  width: calc(100% / 42);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="3"] > .in > .ct > .in > ul [data-setlen="43"] > .in > .ct > .in > ul > li {
  width: calc(100% / 43);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="3"] > .in > .ct > .in > ul [data-setlen="44"] > .in > .ct > .in > ul > li {
  width: calc(100% / 44);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="3"] > .in > .ct > .in > ul [data-setlen="45"] > .in > .ct > .in > ul > li {
  width: calc(100% / 45);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="3"] > .in > .ct > .in > ul [data-setlen="46"] > .in > .ct > .in > ul > li {
  width: calc(100% / 46);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="3"] > .in > .ct > .in > ul [data-setlen="47"] > .in > .ct > .in > ul > li {
  width: calc(100% / 47);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="3"] > .in > .ct > .in > ul [data-setlen="48"] > .in > .ct > .in > ul > li {
  width: calc(100% / 48);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="3"] > .in > .ct > .in > ul [data-setlen="49"] > .in > .ct > .in > ul > li {
  width: calc(100% / 49);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="3"] > .in > .ct > .in > ul [data-setlen="50"] > .in > .ct > .in > ul > li {
  width: calc(100% / 50);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="4"] > .in > ul {
  width: calc(50 * 100% / 4);
}
.group-list.marquee[data-setLen="4"] > .in > ul li {
  flex: 0 0 calc(100% / 4);
  width: calc(100% / 4);
}
.group-list.marquee[data-setLen="4"] > .in > .ct > .in > ul {
  width: calc(50 * 100% / 4);
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .group-list.marquee[data-setLen="4"] > .in > .ct > .in > ul {
    max-width: none !important;
    width: calc(5000% / 3) !important;
    clear: none;
  }
  .group-list.marquee[data-setLen="4"] > .in > .ct > .in > ul:nth-child(3n+1) {
    clear: left;
  }
}
@media screen and (max-width: 768px) and (min-width: 561px) {
  .group-list.marquee[data-setLen="4"] > .in > .ct > .in > ul {
    max-width: none !important;
    width: calc(5000% / 3) !important;
    clear: none;
  }
  .group-list.marquee[data-setLen="4"] > .in > .ct > .in > ul:nth-child(3n+1) {
    clear: left;
  }
}
@media screen and (max-width: 560px) {
  .group-list.marquee[data-setLen="4"] > .in > .ct > .in > ul {
    max-width: none !important;
    width: calc(5000% / 1) !important;
    clear: none;
  }
  .group-list.marquee[data-setLen="4"] > .in > .ct > .in > ul:nth-child(1n+1) {
    clear: left;
  }
}
[data-js=false] .group-list.marquee[data-setLen="4"] > .in > .ct > .in > ul {
  width: 100%;
}
.group-list.marquee[data-setLen="4"] > .in > .ct > .in > ul > li {
  width: calc(100% / 50);
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  padding: 8px;
}
[data-js=false] .group-list.marquee[data-setLen="4"] > .in > .ct > .in > ul > li {
  display: block;
  width: calc(100% / 5);
}
.group-list.marquee[data-setLen="4"] > .in > .ct > .in > ul [data-setlen="1"] > .in > .ct > .in > ul > li {
  width: calc(100% / 1);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="4"] > .in > .ct > .in > ul [data-setlen="2"] > .in > .ct > .in > ul > li {
  width: calc(100% / 2);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="4"] > .in > .ct > .in > ul [data-setlen="3"] > .in > .ct > .in > ul > li {
  width: calc(100% / 3);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="4"] > .in > .ct > .in > ul [data-setlen="4"] > .in > .ct > .in > ul > li {
  width: calc(100% / 4);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="4"] > .in > .ct > .in > ul [data-setlen="5"] > .in > .ct > .in > ul > li {
  width: calc(100% / 5);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="4"] > .in > .ct > .in > ul [data-setlen="6"] > .in > .ct > .in > ul > li {
  width: calc(100% / 6);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="4"] > .in > .ct > .in > ul [data-setlen="7"] > .in > .ct > .in > ul > li {
  width: calc(100% / 7);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="4"] > .in > .ct > .in > ul [data-setlen="8"] > .in > .ct > .in > ul > li {
  width: calc(100% / 8);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="4"] > .in > .ct > .in > ul [data-setlen="9"] > .in > .ct > .in > ul > li {
  width: calc(100% / 9);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="4"] > .in > .ct > .in > ul [data-setlen="10"] > .in > .ct > .in > ul > li {
  width: calc(100% / 10);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="4"] > .in > .ct > .in > ul [data-setlen="11"] > .in > .ct > .in > ul > li {
  width: calc(100% / 11);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="4"] > .in > .ct > .in > ul [data-setlen="12"] > .in > .ct > .in > ul > li {
  width: calc(100% / 12);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="4"] > .in > .ct > .in > ul [data-setlen="13"] > .in > .ct > .in > ul > li {
  width: calc(100% / 13);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="4"] > .in > .ct > .in > ul [data-setlen="14"] > .in > .ct > .in > ul > li {
  width: calc(100% / 14);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="4"] > .in > .ct > .in > ul [data-setlen="15"] > .in > .ct > .in > ul > li {
  width: calc(100% / 15);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="4"] > .in > .ct > .in > ul [data-setlen="16"] > .in > .ct > .in > ul > li {
  width: calc(100% / 16);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="4"] > .in > .ct > .in > ul [data-setlen="17"] > .in > .ct > .in > ul > li {
  width: calc(100% / 17);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="4"] > .in > .ct > .in > ul [data-setlen="18"] > .in > .ct > .in > ul > li {
  width: calc(100% / 18);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="4"] > .in > .ct > .in > ul [data-setlen="19"] > .in > .ct > .in > ul > li {
  width: calc(100% / 19);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="4"] > .in > .ct > .in > ul [data-setlen="20"] > .in > .ct > .in > ul > li {
  width: calc(100% / 20);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="4"] > .in > .ct > .in > ul [data-setlen="21"] > .in > .ct > .in > ul > li {
  width: calc(100% / 21);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="4"] > .in > .ct > .in > ul [data-setlen="22"] > .in > .ct > .in > ul > li {
  width: calc(100% / 22);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="4"] > .in > .ct > .in > ul [data-setlen="23"] > .in > .ct > .in > ul > li {
  width: calc(100% / 23);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="4"] > .in > .ct > .in > ul [data-setlen="24"] > .in > .ct > .in > ul > li {
  width: calc(100% / 24);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="4"] > .in > .ct > .in > ul [data-setlen="25"] > .in > .ct > .in > ul > li {
  width: calc(100% / 25);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="4"] > .in > .ct > .in > ul [data-setlen="26"] > .in > .ct > .in > ul > li {
  width: calc(100% / 26);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="4"] > .in > .ct > .in > ul [data-setlen="27"] > .in > .ct > .in > ul > li {
  width: calc(100% / 27);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="4"] > .in > .ct > .in > ul [data-setlen="28"] > .in > .ct > .in > ul > li {
  width: calc(100% / 28);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="4"] > .in > .ct > .in > ul [data-setlen="29"] > .in > .ct > .in > ul > li {
  width: calc(100% / 29);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="4"] > .in > .ct > .in > ul [data-setlen="30"] > .in > .ct > .in > ul > li {
  width: calc(100% / 30);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="4"] > .in > .ct > .in > ul [data-setlen="31"] > .in > .ct > .in > ul > li {
  width: calc(100% / 31);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="4"] > .in > .ct > .in > ul [data-setlen="32"] > .in > .ct > .in > ul > li {
  width: calc(100% / 32);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="4"] > .in > .ct > .in > ul [data-setlen="33"] > .in > .ct > .in > ul > li {
  width: calc(100% / 33);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="4"] > .in > .ct > .in > ul [data-setlen="34"] > .in > .ct > .in > ul > li {
  width: calc(100% / 34);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="4"] > .in > .ct > .in > ul [data-setlen="35"] > .in > .ct > .in > ul > li {
  width: calc(100% / 35);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="4"] > .in > .ct > .in > ul [data-setlen="36"] > .in > .ct > .in > ul > li {
  width: calc(100% / 36);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="4"] > .in > .ct > .in > ul [data-setlen="37"] > .in > .ct > .in > ul > li {
  width: calc(100% / 37);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="4"] > .in > .ct > .in > ul [data-setlen="38"] > .in > .ct > .in > ul > li {
  width: calc(100% / 38);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="4"] > .in > .ct > .in > ul [data-setlen="39"] > .in > .ct > .in > ul > li {
  width: calc(100% / 39);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="4"] > .in > .ct > .in > ul [data-setlen="40"] > .in > .ct > .in > ul > li {
  width: calc(100% / 40);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="4"] > .in > .ct > .in > ul [data-setlen="41"] > .in > .ct > .in > ul > li {
  width: calc(100% / 41);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="4"] > .in > .ct > .in > ul [data-setlen="42"] > .in > .ct > .in > ul > li {
  width: calc(100% / 42);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="4"] > .in > .ct > .in > ul [data-setlen="43"] > .in > .ct > .in > ul > li {
  width: calc(100% / 43);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="4"] > .in > .ct > .in > ul [data-setlen="44"] > .in > .ct > .in > ul > li {
  width: calc(100% / 44);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="4"] > .in > .ct > .in > ul [data-setlen="45"] > .in > .ct > .in > ul > li {
  width: calc(100% / 45);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="4"] > .in > .ct > .in > ul [data-setlen="46"] > .in > .ct > .in > ul > li {
  width: calc(100% / 46);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="4"] > .in > .ct > .in > ul [data-setlen="47"] > .in > .ct > .in > ul > li {
  width: calc(100% / 47);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="4"] > .in > .ct > .in > ul [data-setlen="48"] > .in > .ct > .in > ul > li {
  width: calc(100% / 48);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="4"] > .in > .ct > .in > ul [data-setlen="49"] > .in > .ct > .in > ul > li {
  width: calc(100% / 49);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="4"] > .in > .ct > .in > ul [data-setlen="50"] > .in > .ct > .in > ul > li {
  width: calc(100% / 50);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="5"] > .in > ul {
  width: calc(50 * 100% / 5);
}
.group-list.marquee[data-setLen="5"] > .in > ul li {
  flex: 0 0 calc(100% / 5);
  width: calc(100% / 5);
}
.group-list.marquee[data-setLen="5"] > .in > .ct > .in > ul {
  width: calc(50 * 100% / 5);
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .group-list.marquee[data-setLen="5"] > .in > .ct > .in > ul {
    max-width: none !important;
    width: calc(5000% / 3) !important;
    clear: none;
  }
  .group-list.marquee[data-setLen="5"] > .in > .ct > .in > ul:nth-child(3n+1) {
    clear: left;
  }
}
@media screen and (max-width: 768px) and (min-width: 561px) {
  .group-list.marquee[data-setLen="5"] > .in > .ct > .in > ul {
    max-width: none !important;
    width: calc(5000% / 3) !important;
    clear: none;
  }
  .group-list.marquee[data-setLen="5"] > .in > .ct > .in > ul:nth-child(3n+1) {
    clear: left;
  }
}
@media screen and (max-width: 560px) {
  .group-list.marquee[data-setLen="5"] > .in > .ct > .in > ul {
    max-width: none !important;
    width: calc(5000% / 1) !important;
    clear: none;
  }
  .group-list.marquee[data-setLen="5"] > .in > .ct > .in > ul:nth-child(1n+1) {
    clear: left;
  }
}
[data-js=false] .group-list.marquee[data-setLen="5"] > .in > .ct > .in > ul {
  width: 100%;
}
.group-list.marquee[data-setLen="5"] > .in > .ct > .in > ul > li {
  width: calc(100% / 50);
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  padding: 8px;
}
[data-js=false] .group-list.marquee[data-setLen="5"] > .in > .ct > .in > ul > li {
  display: block;
  width: calc(100% / 5);
}
.group-list.marquee[data-setLen="5"] > .in > .ct > .in > ul [data-setlen="1"] > .in > .ct > .in > ul > li {
  width: calc(100% / 1);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="5"] > .in > .ct > .in > ul [data-setlen="2"] > .in > .ct > .in > ul > li {
  width: calc(100% / 2);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="5"] > .in > .ct > .in > ul [data-setlen="3"] > .in > .ct > .in > ul > li {
  width: calc(100% / 3);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="5"] > .in > .ct > .in > ul [data-setlen="4"] > .in > .ct > .in > ul > li {
  width: calc(100% / 4);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="5"] > .in > .ct > .in > ul [data-setlen="5"] > .in > .ct > .in > ul > li {
  width: calc(100% / 5);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="5"] > .in > .ct > .in > ul [data-setlen="6"] > .in > .ct > .in > ul > li {
  width: calc(100% / 6);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="5"] > .in > .ct > .in > ul [data-setlen="7"] > .in > .ct > .in > ul > li {
  width: calc(100% / 7);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="5"] > .in > .ct > .in > ul [data-setlen="8"] > .in > .ct > .in > ul > li {
  width: calc(100% / 8);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="5"] > .in > .ct > .in > ul [data-setlen="9"] > .in > .ct > .in > ul > li {
  width: calc(100% / 9);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="5"] > .in > .ct > .in > ul [data-setlen="10"] > .in > .ct > .in > ul > li {
  width: calc(100% / 10);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="5"] > .in > .ct > .in > ul [data-setlen="11"] > .in > .ct > .in > ul > li {
  width: calc(100% / 11);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="5"] > .in > .ct > .in > ul [data-setlen="12"] > .in > .ct > .in > ul > li {
  width: calc(100% / 12);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="5"] > .in > .ct > .in > ul [data-setlen="13"] > .in > .ct > .in > ul > li {
  width: calc(100% / 13);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="5"] > .in > .ct > .in > ul [data-setlen="14"] > .in > .ct > .in > ul > li {
  width: calc(100% / 14);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="5"] > .in > .ct > .in > ul [data-setlen="15"] > .in > .ct > .in > ul > li {
  width: calc(100% / 15);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="5"] > .in > .ct > .in > ul [data-setlen="16"] > .in > .ct > .in > ul > li {
  width: calc(100% / 16);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="5"] > .in > .ct > .in > ul [data-setlen="17"] > .in > .ct > .in > ul > li {
  width: calc(100% / 17);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="5"] > .in > .ct > .in > ul [data-setlen="18"] > .in > .ct > .in > ul > li {
  width: calc(100% / 18);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="5"] > .in > .ct > .in > ul [data-setlen="19"] > .in > .ct > .in > ul > li {
  width: calc(100% / 19);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="5"] > .in > .ct > .in > ul [data-setlen="20"] > .in > .ct > .in > ul > li {
  width: calc(100% / 20);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="5"] > .in > .ct > .in > ul [data-setlen="21"] > .in > .ct > .in > ul > li {
  width: calc(100% / 21);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="5"] > .in > .ct > .in > ul [data-setlen="22"] > .in > .ct > .in > ul > li {
  width: calc(100% / 22);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="5"] > .in > .ct > .in > ul [data-setlen="23"] > .in > .ct > .in > ul > li {
  width: calc(100% / 23);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="5"] > .in > .ct > .in > ul [data-setlen="24"] > .in > .ct > .in > ul > li {
  width: calc(100% / 24);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="5"] > .in > .ct > .in > ul [data-setlen="25"] > .in > .ct > .in > ul > li {
  width: calc(100% / 25);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="5"] > .in > .ct > .in > ul [data-setlen="26"] > .in > .ct > .in > ul > li {
  width: calc(100% / 26);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="5"] > .in > .ct > .in > ul [data-setlen="27"] > .in > .ct > .in > ul > li {
  width: calc(100% / 27);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="5"] > .in > .ct > .in > ul [data-setlen="28"] > .in > .ct > .in > ul > li {
  width: calc(100% / 28);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="5"] > .in > .ct > .in > ul [data-setlen="29"] > .in > .ct > .in > ul > li {
  width: calc(100% / 29);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="5"] > .in > .ct > .in > ul [data-setlen="30"] > .in > .ct > .in > ul > li {
  width: calc(100% / 30);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="5"] > .in > .ct > .in > ul [data-setlen="31"] > .in > .ct > .in > ul > li {
  width: calc(100% / 31);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="5"] > .in > .ct > .in > ul [data-setlen="32"] > .in > .ct > .in > ul > li {
  width: calc(100% / 32);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="5"] > .in > .ct > .in > ul [data-setlen="33"] > .in > .ct > .in > ul > li {
  width: calc(100% / 33);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="5"] > .in > .ct > .in > ul [data-setlen="34"] > .in > .ct > .in > ul > li {
  width: calc(100% / 34);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="5"] > .in > .ct > .in > ul [data-setlen="35"] > .in > .ct > .in > ul > li {
  width: calc(100% / 35);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="5"] > .in > .ct > .in > ul [data-setlen="36"] > .in > .ct > .in > ul > li {
  width: calc(100% / 36);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="5"] > .in > .ct > .in > ul [data-setlen="37"] > .in > .ct > .in > ul > li {
  width: calc(100% / 37);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="5"] > .in > .ct > .in > ul [data-setlen="38"] > .in > .ct > .in > ul > li {
  width: calc(100% / 38);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="5"] > .in > .ct > .in > ul [data-setlen="39"] > .in > .ct > .in > ul > li {
  width: calc(100% / 39);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="5"] > .in > .ct > .in > ul [data-setlen="40"] > .in > .ct > .in > ul > li {
  width: calc(100% / 40);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="5"] > .in > .ct > .in > ul [data-setlen="41"] > .in > .ct > .in > ul > li {
  width: calc(100% / 41);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="5"] > .in > .ct > .in > ul [data-setlen="42"] > .in > .ct > .in > ul > li {
  width: calc(100% / 42);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="5"] > .in > .ct > .in > ul [data-setlen="43"] > .in > .ct > .in > ul > li {
  width: calc(100% / 43);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="5"] > .in > .ct > .in > ul [data-setlen="44"] > .in > .ct > .in > ul > li {
  width: calc(100% / 44);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="5"] > .in > .ct > .in > ul [data-setlen="45"] > .in > .ct > .in > ul > li {
  width: calc(100% / 45);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="5"] > .in > .ct > .in > ul [data-setlen="46"] > .in > .ct > .in > ul > li {
  width: calc(100% / 46);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="5"] > .in > .ct > .in > ul [data-setlen="47"] > .in > .ct > .in > ul > li {
  width: calc(100% / 47);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="5"] > .in > .ct > .in > ul [data-setlen="48"] > .in > .ct > .in > ul > li {
  width: calc(100% / 48);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="5"] > .in > .ct > .in > ul [data-setlen="49"] > .in > .ct > .in > ul > li {
  width: calc(100% / 49);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="5"] > .in > .ct > .in > ul [data-setlen="50"] > .in > .ct > .in > ul > li {
  width: calc(100% / 50);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="6"] > .in > ul {
  width: calc(50 * 100% / 6);
}
.group-list.marquee[data-setLen="6"] > .in > ul li {
  flex: 0 0 calc(100% / 6);
  width: calc(100% / 6);
}
.group-list.marquee[data-setLen="6"] > .in > .ct > .in > ul {
  width: calc(50 * 100% / 6);
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .group-list.marquee[data-setLen="6"] > .in > .ct > .in > ul {
    max-width: none !important;
    width: calc(5000% / 3) !important;
    clear: none;
  }
  .group-list.marquee[data-setLen="6"] > .in > .ct > .in > ul:nth-child(3n+1) {
    clear: left;
  }
}
@media screen and (max-width: 768px) and (min-width: 561px) {
  .group-list.marquee[data-setLen="6"] > .in > .ct > .in > ul {
    max-width: none !important;
    width: calc(5000% / 3) !important;
    clear: none;
  }
  .group-list.marquee[data-setLen="6"] > .in > .ct > .in > ul:nth-child(3n+1) {
    clear: left;
  }
}
@media screen and (max-width: 560px) {
  .group-list.marquee[data-setLen="6"] > .in > .ct > .in > ul {
    max-width: none !important;
    width: calc(5000% / 1) !important;
    clear: none;
  }
  .group-list.marquee[data-setLen="6"] > .in > .ct > .in > ul:nth-child(1n+1) {
    clear: left;
  }
}
[data-js=false] .group-list.marquee[data-setLen="6"] > .in > .ct > .in > ul {
  width: 100%;
}
.group-list.marquee[data-setLen="6"] > .in > .ct > .in > ul > li {
  width: calc(100% / 50);
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  padding: 8px;
}
[data-js=false] .group-list.marquee[data-setLen="6"] > .in > .ct > .in > ul > li {
  display: block;
  width: calc(100% / 5);
}
.group-list.marquee[data-setLen="6"] > .in > .ct > .in > ul [data-setlen="1"] > .in > .ct > .in > ul > li {
  width: calc(100% / 1);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="6"] > .in > .ct > .in > ul [data-setlen="2"] > .in > .ct > .in > ul > li {
  width: calc(100% / 2);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="6"] > .in > .ct > .in > ul [data-setlen="3"] > .in > .ct > .in > ul > li {
  width: calc(100% / 3);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="6"] > .in > .ct > .in > ul [data-setlen="4"] > .in > .ct > .in > ul > li {
  width: calc(100% / 4);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="6"] > .in > .ct > .in > ul [data-setlen="5"] > .in > .ct > .in > ul > li {
  width: calc(100% / 5);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="6"] > .in > .ct > .in > ul [data-setlen="6"] > .in > .ct > .in > ul > li {
  width: calc(100% / 6);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="6"] > .in > .ct > .in > ul [data-setlen="7"] > .in > .ct > .in > ul > li {
  width: calc(100% / 7);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="6"] > .in > .ct > .in > ul [data-setlen="8"] > .in > .ct > .in > ul > li {
  width: calc(100% / 8);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="6"] > .in > .ct > .in > ul [data-setlen="9"] > .in > .ct > .in > ul > li {
  width: calc(100% / 9);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="6"] > .in > .ct > .in > ul [data-setlen="10"] > .in > .ct > .in > ul > li {
  width: calc(100% / 10);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="6"] > .in > .ct > .in > ul [data-setlen="11"] > .in > .ct > .in > ul > li {
  width: calc(100% / 11);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="6"] > .in > .ct > .in > ul [data-setlen="12"] > .in > .ct > .in > ul > li {
  width: calc(100% / 12);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="6"] > .in > .ct > .in > ul [data-setlen="13"] > .in > .ct > .in > ul > li {
  width: calc(100% / 13);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="6"] > .in > .ct > .in > ul [data-setlen="14"] > .in > .ct > .in > ul > li {
  width: calc(100% / 14);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="6"] > .in > .ct > .in > ul [data-setlen="15"] > .in > .ct > .in > ul > li {
  width: calc(100% / 15);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="6"] > .in > .ct > .in > ul [data-setlen="16"] > .in > .ct > .in > ul > li {
  width: calc(100% / 16);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="6"] > .in > .ct > .in > ul [data-setlen="17"] > .in > .ct > .in > ul > li {
  width: calc(100% / 17);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="6"] > .in > .ct > .in > ul [data-setlen="18"] > .in > .ct > .in > ul > li {
  width: calc(100% / 18);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="6"] > .in > .ct > .in > ul [data-setlen="19"] > .in > .ct > .in > ul > li {
  width: calc(100% / 19);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="6"] > .in > .ct > .in > ul [data-setlen="20"] > .in > .ct > .in > ul > li {
  width: calc(100% / 20);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="6"] > .in > .ct > .in > ul [data-setlen="21"] > .in > .ct > .in > ul > li {
  width: calc(100% / 21);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="6"] > .in > .ct > .in > ul [data-setlen="22"] > .in > .ct > .in > ul > li {
  width: calc(100% / 22);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="6"] > .in > .ct > .in > ul [data-setlen="23"] > .in > .ct > .in > ul > li {
  width: calc(100% / 23);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="6"] > .in > .ct > .in > ul [data-setlen="24"] > .in > .ct > .in > ul > li {
  width: calc(100% / 24);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="6"] > .in > .ct > .in > ul [data-setlen="25"] > .in > .ct > .in > ul > li {
  width: calc(100% / 25);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="6"] > .in > .ct > .in > ul [data-setlen="26"] > .in > .ct > .in > ul > li {
  width: calc(100% / 26);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="6"] > .in > .ct > .in > ul [data-setlen="27"] > .in > .ct > .in > ul > li {
  width: calc(100% / 27);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="6"] > .in > .ct > .in > ul [data-setlen="28"] > .in > .ct > .in > ul > li {
  width: calc(100% / 28);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="6"] > .in > .ct > .in > ul [data-setlen="29"] > .in > .ct > .in > ul > li {
  width: calc(100% / 29);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="6"] > .in > .ct > .in > ul [data-setlen="30"] > .in > .ct > .in > ul > li {
  width: calc(100% / 30);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="6"] > .in > .ct > .in > ul [data-setlen="31"] > .in > .ct > .in > ul > li {
  width: calc(100% / 31);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="6"] > .in > .ct > .in > ul [data-setlen="32"] > .in > .ct > .in > ul > li {
  width: calc(100% / 32);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="6"] > .in > .ct > .in > ul [data-setlen="33"] > .in > .ct > .in > ul > li {
  width: calc(100% / 33);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="6"] > .in > .ct > .in > ul [data-setlen="34"] > .in > .ct > .in > ul > li {
  width: calc(100% / 34);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="6"] > .in > .ct > .in > ul [data-setlen="35"] > .in > .ct > .in > ul > li {
  width: calc(100% / 35);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="6"] > .in > .ct > .in > ul [data-setlen="36"] > .in > .ct > .in > ul > li {
  width: calc(100% / 36);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="6"] > .in > .ct > .in > ul [data-setlen="37"] > .in > .ct > .in > ul > li {
  width: calc(100% / 37);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="6"] > .in > .ct > .in > ul [data-setlen="38"] > .in > .ct > .in > ul > li {
  width: calc(100% / 38);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="6"] > .in > .ct > .in > ul [data-setlen="39"] > .in > .ct > .in > ul > li {
  width: calc(100% / 39);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="6"] > .in > .ct > .in > ul [data-setlen="40"] > .in > .ct > .in > ul > li {
  width: calc(100% / 40);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="6"] > .in > .ct > .in > ul [data-setlen="41"] > .in > .ct > .in > ul > li {
  width: calc(100% / 41);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="6"] > .in > .ct > .in > ul [data-setlen="42"] > .in > .ct > .in > ul > li {
  width: calc(100% / 42);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="6"] > .in > .ct > .in > ul [data-setlen="43"] > .in > .ct > .in > ul > li {
  width: calc(100% / 43);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="6"] > .in > .ct > .in > ul [data-setlen="44"] > .in > .ct > .in > ul > li {
  width: calc(100% / 44);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="6"] > .in > .ct > .in > ul [data-setlen="45"] > .in > .ct > .in > ul > li {
  width: calc(100% / 45);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="6"] > .in > .ct > .in > ul [data-setlen="46"] > .in > .ct > .in > ul > li {
  width: calc(100% / 46);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="6"] > .in > .ct > .in > ul [data-setlen="47"] > .in > .ct > .in > ul > li {
  width: calc(100% / 47);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="6"] > .in > .ct > .in > ul [data-setlen="48"] > .in > .ct > .in > ul > li {
  width: calc(100% / 48);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="6"] > .in > .ct > .in > ul [data-setlen="49"] > .in > .ct > .in > ul > li {
  width: calc(100% / 49);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="6"] > .in > .ct > .in > ul [data-setlen="50"] > .in > .ct > .in > ul > li {
  width: calc(100% / 50);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="7"] > .in > ul {
  width: calc(50 * 100% / 7);
}
.group-list.marquee[data-setLen="7"] > .in > ul li {
  flex: 0 0 calc(100% / 7);
  width: calc(100% / 7);
}
.group-list.marquee[data-setLen="7"] > .in > .ct > .in > ul {
  width: calc(50 * 100% / 7);
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .group-list.marquee[data-setLen="7"] > .in > .ct > .in > ul {
    max-width: none !important;
    width: calc(5000% / 3) !important;
    clear: none;
  }
  .group-list.marquee[data-setLen="7"] > .in > .ct > .in > ul:nth-child(3n+1) {
    clear: left;
  }
}
@media screen and (max-width: 768px) and (min-width: 561px) {
  .group-list.marquee[data-setLen="7"] > .in > .ct > .in > ul {
    max-width: none !important;
    width: calc(5000% / 3) !important;
    clear: none;
  }
  .group-list.marquee[data-setLen="7"] > .in > .ct > .in > ul:nth-child(3n+1) {
    clear: left;
  }
}
@media screen and (max-width: 560px) {
  .group-list.marquee[data-setLen="7"] > .in > .ct > .in > ul {
    max-width: none !important;
    width: calc(5000% / 1) !important;
    clear: none;
  }
  .group-list.marquee[data-setLen="7"] > .in > .ct > .in > ul:nth-child(1n+1) {
    clear: left;
  }
}
[data-js=false] .group-list.marquee[data-setLen="7"] > .in > .ct > .in > ul {
  width: 100%;
}
.group-list.marquee[data-setLen="7"] > .in > .ct > .in > ul > li {
  width: calc(100% / 50);
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  padding: 8px;
}
[data-js=false] .group-list.marquee[data-setLen="7"] > .in > .ct > .in > ul > li {
  display: block;
  width: calc(100% / 5);
}
.group-list.marquee[data-setLen="7"] > .in > .ct > .in > ul [data-setlen="1"] > .in > .ct > .in > ul > li {
  width: calc(100% / 1);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="7"] > .in > .ct > .in > ul [data-setlen="2"] > .in > .ct > .in > ul > li {
  width: calc(100% / 2);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="7"] > .in > .ct > .in > ul [data-setlen="3"] > .in > .ct > .in > ul > li {
  width: calc(100% / 3);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="7"] > .in > .ct > .in > ul [data-setlen="4"] > .in > .ct > .in > ul > li {
  width: calc(100% / 4);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="7"] > .in > .ct > .in > ul [data-setlen="5"] > .in > .ct > .in > ul > li {
  width: calc(100% / 5);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="7"] > .in > .ct > .in > ul [data-setlen="6"] > .in > .ct > .in > ul > li {
  width: calc(100% / 6);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="7"] > .in > .ct > .in > ul [data-setlen="7"] > .in > .ct > .in > ul > li {
  width: calc(100% / 7);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="7"] > .in > .ct > .in > ul [data-setlen="8"] > .in > .ct > .in > ul > li {
  width: calc(100% / 8);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="7"] > .in > .ct > .in > ul [data-setlen="9"] > .in > .ct > .in > ul > li {
  width: calc(100% / 9);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="7"] > .in > .ct > .in > ul [data-setlen="10"] > .in > .ct > .in > ul > li {
  width: calc(100% / 10);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="7"] > .in > .ct > .in > ul [data-setlen="11"] > .in > .ct > .in > ul > li {
  width: calc(100% / 11);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="7"] > .in > .ct > .in > ul [data-setlen="12"] > .in > .ct > .in > ul > li {
  width: calc(100% / 12);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="7"] > .in > .ct > .in > ul [data-setlen="13"] > .in > .ct > .in > ul > li {
  width: calc(100% / 13);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="7"] > .in > .ct > .in > ul [data-setlen="14"] > .in > .ct > .in > ul > li {
  width: calc(100% / 14);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="7"] > .in > .ct > .in > ul [data-setlen="15"] > .in > .ct > .in > ul > li {
  width: calc(100% / 15);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="7"] > .in > .ct > .in > ul [data-setlen="16"] > .in > .ct > .in > ul > li {
  width: calc(100% / 16);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="7"] > .in > .ct > .in > ul [data-setlen="17"] > .in > .ct > .in > ul > li {
  width: calc(100% / 17);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="7"] > .in > .ct > .in > ul [data-setlen="18"] > .in > .ct > .in > ul > li {
  width: calc(100% / 18);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="7"] > .in > .ct > .in > ul [data-setlen="19"] > .in > .ct > .in > ul > li {
  width: calc(100% / 19);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="7"] > .in > .ct > .in > ul [data-setlen="20"] > .in > .ct > .in > ul > li {
  width: calc(100% / 20);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="7"] > .in > .ct > .in > ul [data-setlen="21"] > .in > .ct > .in > ul > li {
  width: calc(100% / 21);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="7"] > .in > .ct > .in > ul [data-setlen="22"] > .in > .ct > .in > ul > li {
  width: calc(100% / 22);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="7"] > .in > .ct > .in > ul [data-setlen="23"] > .in > .ct > .in > ul > li {
  width: calc(100% / 23);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="7"] > .in > .ct > .in > ul [data-setlen="24"] > .in > .ct > .in > ul > li {
  width: calc(100% / 24);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="7"] > .in > .ct > .in > ul [data-setlen="25"] > .in > .ct > .in > ul > li {
  width: calc(100% / 25);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="7"] > .in > .ct > .in > ul [data-setlen="26"] > .in > .ct > .in > ul > li {
  width: calc(100% / 26);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="7"] > .in > .ct > .in > ul [data-setlen="27"] > .in > .ct > .in > ul > li {
  width: calc(100% / 27);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="7"] > .in > .ct > .in > ul [data-setlen="28"] > .in > .ct > .in > ul > li {
  width: calc(100% / 28);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="7"] > .in > .ct > .in > ul [data-setlen="29"] > .in > .ct > .in > ul > li {
  width: calc(100% / 29);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="7"] > .in > .ct > .in > ul [data-setlen="30"] > .in > .ct > .in > ul > li {
  width: calc(100% / 30);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="7"] > .in > .ct > .in > ul [data-setlen="31"] > .in > .ct > .in > ul > li {
  width: calc(100% / 31);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="7"] > .in > .ct > .in > ul [data-setlen="32"] > .in > .ct > .in > ul > li {
  width: calc(100% / 32);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="7"] > .in > .ct > .in > ul [data-setlen="33"] > .in > .ct > .in > ul > li {
  width: calc(100% / 33);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="7"] > .in > .ct > .in > ul [data-setlen="34"] > .in > .ct > .in > ul > li {
  width: calc(100% / 34);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="7"] > .in > .ct > .in > ul [data-setlen="35"] > .in > .ct > .in > ul > li {
  width: calc(100% / 35);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="7"] > .in > .ct > .in > ul [data-setlen="36"] > .in > .ct > .in > ul > li {
  width: calc(100% / 36);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="7"] > .in > .ct > .in > ul [data-setlen="37"] > .in > .ct > .in > ul > li {
  width: calc(100% / 37);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="7"] > .in > .ct > .in > ul [data-setlen="38"] > .in > .ct > .in > ul > li {
  width: calc(100% / 38);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="7"] > .in > .ct > .in > ul [data-setlen="39"] > .in > .ct > .in > ul > li {
  width: calc(100% / 39);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="7"] > .in > .ct > .in > ul [data-setlen="40"] > .in > .ct > .in > ul > li {
  width: calc(100% / 40);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="7"] > .in > .ct > .in > ul [data-setlen="41"] > .in > .ct > .in > ul > li {
  width: calc(100% / 41);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="7"] > .in > .ct > .in > ul [data-setlen="42"] > .in > .ct > .in > ul > li {
  width: calc(100% / 42);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="7"] > .in > .ct > .in > ul [data-setlen="43"] > .in > .ct > .in > ul > li {
  width: calc(100% / 43);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="7"] > .in > .ct > .in > ul [data-setlen="44"] > .in > .ct > .in > ul > li {
  width: calc(100% / 44);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="7"] > .in > .ct > .in > ul [data-setlen="45"] > .in > .ct > .in > ul > li {
  width: calc(100% / 45);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="7"] > .in > .ct > .in > ul [data-setlen="46"] > .in > .ct > .in > ul > li {
  width: calc(100% / 46);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="7"] > .in > .ct > .in > ul [data-setlen="47"] > .in > .ct > .in > ul > li {
  width: calc(100% / 47);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="7"] > .in > .ct > .in > ul [data-setlen="48"] > .in > .ct > .in > ul > li {
  width: calc(100% / 48);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="7"] > .in > .ct > .in > ul [data-setlen="49"] > .in > .ct > .in > ul > li {
  width: calc(100% / 49);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="7"] > .in > .ct > .in > ul [data-setlen="50"] > .in > .ct > .in > ul > li {
  width: calc(100% / 50);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="8"] > .in > ul {
  width: calc(50 * 100% / 8);
}
.group-list.marquee[data-setLen="8"] > .in > ul li {
  flex: 0 0 calc(100% / 8);
  width: calc(100% / 8);
}
.group-list.marquee[data-setLen="8"] > .in > .ct > .in > ul {
  width: calc(50 * 100% / 8);
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .group-list.marquee[data-setLen="8"] > .in > .ct > .in > ul {
    max-width: none !important;
    width: calc(5000% / 3) !important;
    clear: none;
  }
  .group-list.marquee[data-setLen="8"] > .in > .ct > .in > ul:nth-child(3n+1) {
    clear: left;
  }
}
@media screen and (max-width: 768px) and (min-width: 561px) {
  .group-list.marquee[data-setLen="8"] > .in > .ct > .in > ul {
    max-width: none !important;
    width: calc(5000% / 3) !important;
    clear: none;
  }
  .group-list.marquee[data-setLen="8"] > .in > .ct > .in > ul:nth-child(3n+1) {
    clear: left;
  }
}
@media screen and (max-width: 560px) {
  .group-list.marquee[data-setLen="8"] > .in > .ct > .in > ul {
    max-width: none !important;
    width: calc(5000% / 1) !important;
    clear: none;
  }
  .group-list.marquee[data-setLen="8"] > .in > .ct > .in > ul:nth-child(1n+1) {
    clear: left;
  }
}
[data-js=false] .group-list.marquee[data-setLen="8"] > .in > .ct > .in > ul {
  width: 100%;
}
.group-list.marquee[data-setLen="8"] > .in > .ct > .in > ul > li {
  width: calc(100% / 50);
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  padding: 8px;
}
[data-js=false] .group-list.marquee[data-setLen="8"] > .in > .ct > .in > ul > li {
  display: block;
  width: calc(100% / 5);
}
.group-list.marquee[data-setLen="8"] > .in > .ct > .in > ul [data-setlen="1"] > .in > .ct > .in > ul > li {
  width: calc(100% / 1);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="8"] > .in > .ct > .in > ul [data-setlen="2"] > .in > .ct > .in > ul > li {
  width: calc(100% / 2);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="8"] > .in > .ct > .in > ul [data-setlen="3"] > .in > .ct > .in > ul > li {
  width: calc(100% / 3);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="8"] > .in > .ct > .in > ul [data-setlen="4"] > .in > .ct > .in > ul > li {
  width: calc(100% / 4);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="8"] > .in > .ct > .in > ul [data-setlen="5"] > .in > .ct > .in > ul > li {
  width: calc(100% / 5);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="8"] > .in > .ct > .in > ul [data-setlen="6"] > .in > .ct > .in > ul > li {
  width: calc(100% / 6);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="8"] > .in > .ct > .in > ul [data-setlen="7"] > .in > .ct > .in > ul > li {
  width: calc(100% / 7);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="8"] > .in > .ct > .in > ul [data-setlen="8"] > .in > .ct > .in > ul > li {
  width: calc(100% / 8);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="8"] > .in > .ct > .in > ul [data-setlen="9"] > .in > .ct > .in > ul > li {
  width: calc(100% / 9);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="8"] > .in > .ct > .in > ul [data-setlen="10"] > .in > .ct > .in > ul > li {
  width: calc(100% / 10);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="8"] > .in > .ct > .in > ul [data-setlen="11"] > .in > .ct > .in > ul > li {
  width: calc(100% / 11);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="8"] > .in > .ct > .in > ul [data-setlen="12"] > .in > .ct > .in > ul > li {
  width: calc(100% / 12);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="8"] > .in > .ct > .in > ul [data-setlen="13"] > .in > .ct > .in > ul > li {
  width: calc(100% / 13);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="8"] > .in > .ct > .in > ul [data-setlen="14"] > .in > .ct > .in > ul > li {
  width: calc(100% / 14);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="8"] > .in > .ct > .in > ul [data-setlen="15"] > .in > .ct > .in > ul > li {
  width: calc(100% / 15);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="8"] > .in > .ct > .in > ul [data-setlen="16"] > .in > .ct > .in > ul > li {
  width: calc(100% / 16);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="8"] > .in > .ct > .in > ul [data-setlen="17"] > .in > .ct > .in > ul > li {
  width: calc(100% / 17);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="8"] > .in > .ct > .in > ul [data-setlen="18"] > .in > .ct > .in > ul > li {
  width: calc(100% / 18);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="8"] > .in > .ct > .in > ul [data-setlen="19"] > .in > .ct > .in > ul > li {
  width: calc(100% / 19);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="8"] > .in > .ct > .in > ul [data-setlen="20"] > .in > .ct > .in > ul > li {
  width: calc(100% / 20);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="8"] > .in > .ct > .in > ul [data-setlen="21"] > .in > .ct > .in > ul > li {
  width: calc(100% / 21);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="8"] > .in > .ct > .in > ul [data-setlen="22"] > .in > .ct > .in > ul > li {
  width: calc(100% / 22);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="8"] > .in > .ct > .in > ul [data-setlen="23"] > .in > .ct > .in > ul > li {
  width: calc(100% / 23);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="8"] > .in > .ct > .in > ul [data-setlen="24"] > .in > .ct > .in > ul > li {
  width: calc(100% / 24);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="8"] > .in > .ct > .in > ul [data-setlen="25"] > .in > .ct > .in > ul > li {
  width: calc(100% / 25);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="8"] > .in > .ct > .in > ul [data-setlen="26"] > .in > .ct > .in > ul > li {
  width: calc(100% / 26);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="8"] > .in > .ct > .in > ul [data-setlen="27"] > .in > .ct > .in > ul > li {
  width: calc(100% / 27);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="8"] > .in > .ct > .in > ul [data-setlen="28"] > .in > .ct > .in > ul > li {
  width: calc(100% / 28);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="8"] > .in > .ct > .in > ul [data-setlen="29"] > .in > .ct > .in > ul > li {
  width: calc(100% / 29);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="8"] > .in > .ct > .in > ul [data-setlen="30"] > .in > .ct > .in > ul > li {
  width: calc(100% / 30);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="8"] > .in > .ct > .in > ul [data-setlen="31"] > .in > .ct > .in > ul > li {
  width: calc(100% / 31);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="8"] > .in > .ct > .in > ul [data-setlen="32"] > .in > .ct > .in > ul > li {
  width: calc(100% / 32);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="8"] > .in > .ct > .in > ul [data-setlen="33"] > .in > .ct > .in > ul > li {
  width: calc(100% / 33);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="8"] > .in > .ct > .in > ul [data-setlen="34"] > .in > .ct > .in > ul > li {
  width: calc(100% / 34);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="8"] > .in > .ct > .in > ul [data-setlen="35"] > .in > .ct > .in > ul > li {
  width: calc(100% / 35);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="8"] > .in > .ct > .in > ul [data-setlen="36"] > .in > .ct > .in > ul > li {
  width: calc(100% / 36);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="8"] > .in > .ct > .in > ul [data-setlen="37"] > .in > .ct > .in > ul > li {
  width: calc(100% / 37);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="8"] > .in > .ct > .in > ul [data-setlen="38"] > .in > .ct > .in > ul > li {
  width: calc(100% / 38);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="8"] > .in > .ct > .in > ul [data-setlen="39"] > .in > .ct > .in > ul > li {
  width: calc(100% / 39);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="8"] > .in > .ct > .in > ul [data-setlen="40"] > .in > .ct > .in > ul > li {
  width: calc(100% / 40);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="8"] > .in > .ct > .in > ul [data-setlen="41"] > .in > .ct > .in > ul > li {
  width: calc(100% / 41);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="8"] > .in > .ct > .in > ul [data-setlen="42"] > .in > .ct > .in > ul > li {
  width: calc(100% / 42);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="8"] > .in > .ct > .in > ul [data-setlen="43"] > .in > .ct > .in > ul > li {
  width: calc(100% / 43);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="8"] > .in > .ct > .in > ul [data-setlen="44"] > .in > .ct > .in > ul > li {
  width: calc(100% / 44);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="8"] > .in > .ct > .in > ul [data-setlen="45"] > .in > .ct > .in > ul > li {
  width: calc(100% / 45);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="8"] > .in > .ct > .in > ul [data-setlen="46"] > .in > .ct > .in > ul > li {
  width: calc(100% / 46);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="8"] > .in > .ct > .in > ul [data-setlen="47"] > .in > .ct > .in > ul > li {
  width: calc(100% / 47);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="8"] > .in > .ct > .in > ul [data-setlen="48"] > .in > .ct > .in > ul > li {
  width: calc(100% / 48);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="8"] > .in > .ct > .in > ul [data-setlen="49"] > .in > .ct > .in > ul > li {
  width: calc(100% / 49);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="8"] > .in > .ct > .in > ul [data-setlen="50"] > .in > .ct > .in > ul > li {
  width: calc(100% / 50);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="9"] > .in > ul {
  width: calc(50 * 100% / 9);
}
.group-list.marquee[data-setLen="9"] > .in > ul li {
  flex: 0 0 calc(100% / 9);
  width: calc(100% / 9);
}
.group-list.marquee[data-setLen="9"] > .in > .ct > .in > ul {
  width: calc(50 * 100% / 9);
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .group-list.marquee[data-setLen="9"] > .in > .ct > .in > ul {
    max-width: none !important;
    width: calc(5000% / 3) !important;
    clear: none;
  }
  .group-list.marquee[data-setLen="9"] > .in > .ct > .in > ul:nth-child(3n+1) {
    clear: left;
  }
}
@media screen and (max-width: 768px) and (min-width: 561px) {
  .group-list.marquee[data-setLen="9"] > .in > .ct > .in > ul {
    max-width: none !important;
    width: calc(5000% / 3) !important;
    clear: none;
  }
  .group-list.marquee[data-setLen="9"] > .in > .ct > .in > ul:nth-child(3n+1) {
    clear: left;
  }
}
@media screen and (max-width: 560px) {
  .group-list.marquee[data-setLen="9"] > .in > .ct > .in > ul {
    max-width: none !important;
    width: calc(5000% / 1) !important;
    clear: none;
  }
  .group-list.marquee[data-setLen="9"] > .in > .ct > .in > ul:nth-child(1n+1) {
    clear: left;
  }
}
[data-js=false] .group-list.marquee[data-setLen="9"] > .in > .ct > .in > ul {
  width: 100%;
}
.group-list.marquee[data-setLen="9"] > .in > .ct > .in > ul > li {
  width: calc(100% / 50);
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  padding: 8px;
}
[data-js=false] .group-list.marquee[data-setLen="9"] > .in > .ct > .in > ul > li {
  display: block;
  width: calc(100% / 5);
}
.group-list.marquee[data-setLen="9"] > .in > .ct > .in > ul [data-setlen="1"] > .in > .ct > .in > ul > li {
  width: calc(100% / 1);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="9"] > .in > .ct > .in > ul [data-setlen="2"] > .in > .ct > .in > ul > li {
  width: calc(100% / 2);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="9"] > .in > .ct > .in > ul [data-setlen="3"] > .in > .ct > .in > ul > li {
  width: calc(100% / 3);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="9"] > .in > .ct > .in > ul [data-setlen="4"] > .in > .ct > .in > ul > li {
  width: calc(100% / 4);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="9"] > .in > .ct > .in > ul [data-setlen="5"] > .in > .ct > .in > ul > li {
  width: calc(100% / 5);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="9"] > .in > .ct > .in > ul [data-setlen="6"] > .in > .ct > .in > ul > li {
  width: calc(100% / 6);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="9"] > .in > .ct > .in > ul [data-setlen="7"] > .in > .ct > .in > ul > li {
  width: calc(100% / 7);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="9"] > .in > .ct > .in > ul [data-setlen="8"] > .in > .ct > .in > ul > li {
  width: calc(100% / 8);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="9"] > .in > .ct > .in > ul [data-setlen="9"] > .in > .ct > .in > ul > li {
  width: calc(100% / 9);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="9"] > .in > .ct > .in > ul [data-setlen="10"] > .in > .ct > .in > ul > li {
  width: calc(100% / 10);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="9"] > .in > .ct > .in > ul [data-setlen="11"] > .in > .ct > .in > ul > li {
  width: calc(100% / 11);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="9"] > .in > .ct > .in > ul [data-setlen="12"] > .in > .ct > .in > ul > li {
  width: calc(100% / 12);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="9"] > .in > .ct > .in > ul [data-setlen="13"] > .in > .ct > .in > ul > li {
  width: calc(100% / 13);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="9"] > .in > .ct > .in > ul [data-setlen="14"] > .in > .ct > .in > ul > li {
  width: calc(100% / 14);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="9"] > .in > .ct > .in > ul [data-setlen="15"] > .in > .ct > .in > ul > li {
  width: calc(100% / 15);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="9"] > .in > .ct > .in > ul [data-setlen="16"] > .in > .ct > .in > ul > li {
  width: calc(100% / 16);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="9"] > .in > .ct > .in > ul [data-setlen="17"] > .in > .ct > .in > ul > li {
  width: calc(100% / 17);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="9"] > .in > .ct > .in > ul [data-setlen="18"] > .in > .ct > .in > ul > li {
  width: calc(100% / 18);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="9"] > .in > .ct > .in > ul [data-setlen="19"] > .in > .ct > .in > ul > li {
  width: calc(100% / 19);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="9"] > .in > .ct > .in > ul [data-setlen="20"] > .in > .ct > .in > ul > li {
  width: calc(100% / 20);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="9"] > .in > .ct > .in > ul [data-setlen="21"] > .in > .ct > .in > ul > li {
  width: calc(100% / 21);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="9"] > .in > .ct > .in > ul [data-setlen="22"] > .in > .ct > .in > ul > li {
  width: calc(100% / 22);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="9"] > .in > .ct > .in > ul [data-setlen="23"] > .in > .ct > .in > ul > li {
  width: calc(100% / 23);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="9"] > .in > .ct > .in > ul [data-setlen="24"] > .in > .ct > .in > ul > li {
  width: calc(100% / 24);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="9"] > .in > .ct > .in > ul [data-setlen="25"] > .in > .ct > .in > ul > li {
  width: calc(100% / 25);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="9"] > .in > .ct > .in > ul [data-setlen="26"] > .in > .ct > .in > ul > li {
  width: calc(100% / 26);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="9"] > .in > .ct > .in > ul [data-setlen="27"] > .in > .ct > .in > ul > li {
  width: calc(100% / 27);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="9"] > .in > .ct > .in > ul [data-setlen="28"] > .in > .ct > .in > ul > li {
  width: calc(100% / 28);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="9"] > .in > .ct > .in > ul [data-setlen="29"] > .in > .ct > .in > ul > li {
  width: calc(100% / 29);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="9"] > .in > .ct > .in > ul [data-setlen="30"] > .in > .ct > .in > ul > li {
  width: calc(100% / 30);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="9"] > .in > .ct > .in > ul [data-setlen="31"] > .in > .ct > .in > ul > li {
  width: calc(100% / 31);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="9"] > .in > .ct > .in > ul [data-setlen="32"] > .in > .ct > .in > ul > li {
  width: calc(100% / 32);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="9"] > .in > .ct > .in > ul [data-setlen="33"] > .in > .ct > .in > ul > li {
  width: calc(100% / 33);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="9"] > .in > .ct > .in > ul [data-setlen="34"] > .in > .ct > .in > ul > li {
  width: calc(100% / 34);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="9"] > .in > .ct > .in > ul [data-setlen="35"] > .in > .ct > .in > ul > li {
  width: calc(100% / 35);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="9"] > .in > .ct > .in > ul [data-setlen="36"] > .in > .ct > .in > ul > li {
  width: calc(100% / 36);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="9"] > .in > .ct > .in > ul [data-setlen="37"] > .in > .ct > .in > ul > li {
  width: calc(100% / 37);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="9"] > .in > .ct > .in > ul [data-setlen="38"] > .in > .ct > .in > ul > li {
  width: calc(100% / 38);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="9"] > .in > .ct > .in > ul [data-setlen="39"] > .in > .ct > .in > ul > li {
  width: calc(100% / 39);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="9"] > .in > .ct > .in > ul [data-setlen="40"] > .in > .ct > .in > ul > li {
  width: calc(100% / 40);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="9"] > .in > .ct > .in > ul [data-setlen="41"] > .in > .ct > .in > ul > li {
  width: calc(100% / 41);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="9"] > .in > .ct > .in > ul [data-setlen="42"] > .in > .ct > .in > ul > li {
  width: calc(100% / 42);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="9"] > .in > .ct > .in > ul [data-setlen="43"] > .in > .ct > .in > ul > li {
  width: calc(100% / 43);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="9"] > .in > .ct > .in > ul [data-setlen="44"] > .in > .ct > .in > ul > li {
  width: calc(100% / 44);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="9"] > .in > .ct > .in > ul [data-setlen="45"] > .in > .ct > .in > ul > li {
  width: calc(100% / 45);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="9"] > .in > .ct > .in > ul [data-setlen="46"] > .in > .ct > .in > ul > li {
  width: calc(100% / 46);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="9"] > .in > .ct > .in > ul [data-setlen="47"] > .in > .ct > .in > ul > li {
  width: calc(100% / 47);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="9"] > .in > .ct > .in > ul [data-setlen="48"] > .in > .ct > .in > ul > li {
  width: calc(100% / 48);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="9"] > .in > .ct > .in > ul [data-setlen="49"] > .in > .ct > .in > ul > li {
  width: calc(100% / 49);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="9"] > .in > .ct > .in > ul [data-setlen="50"] > .in > .ct > .in > ul > li {
  width: calc(100% / 50);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="10"] > .in > ul {
  width: calc(50 * 100% / 10);
}
.group-list.marquee[data-setLen="10"] > .in > ul li {
  flex: 0 0 calc(100% / 10);
  width: calc(100% / 10);
}
.group-list.marquee[data-setLen="10"] > .in > .ct > .in > ul {
  width: calc(50 * 100% / 10);
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .group-list.marquee[data-setLen="10"] > .in > .ct > .in > ul {
    max-width: none !important;
    width: calc(5000% / 3) !important;
    clear: none;
  }
  .group-list.marquee[data-setLen="10"] > .in > .ct > .in > ul:nth-child(3n+1) {
    clear: left;
  }
}
@media screen and (max-width: 768px) and (min-width: 561px) {
  .group-list.marquee[data-setLen="10"] > .in > .ct > .in > ul {
    max-width: none !important;
    width: calc(5000% / 3) !important;
    clear: none;
  }
  .group-list.marquee[data-setLen="10"] > .in > .ct > .in > ul:nth-child(3n+1) {
    clear: left;
  }
}
@media screen and (max-width: 560px) {
  .group-list.marquee[data-setLen="10"] > .in > .ct > .in > ul {
    max-width: none !important;
    width: calc(5000% / 1) !important;
    clear: none;
  }
  .group-list.marquee[data-setLen="10"] > .in > .ct > .in > ul:nth-child(1n+1) {
    clear: left;
  }
}
[data-js=false] .group-list.marquee[data-setLen="10"] > .in > .ct > .in > ul {
  width: 100%;
}
.group-list.marquee[data-setLen="10"] > .in > .ct > .in > ul > li {
  width: calc(100% / 50);
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  padding: 8px;
}
[data-js=false] .group-list.marquee[data-setLen="10"] > .in > .ct > .in > ul > li {
  display: block;
  width: calc(100% / 5);
}
.group-list.marquee[data-setLen="10"] > .in > .ct > .in > ul [data-setlen="1"] > .in > .ct > .in > ul > li {
  width: calc(100% / 1);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="10"] > .in > .ct > .in > ul [data-setlen="2"] > .in > .ct > .in > ul > li {
  width: calc(100% / 2);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="10"] > .in > .ct > .in > ul [data-setlen="3"] > .in > .ct > .in > ul > li {
  width: calc(100% / 3);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="10"] > .in > .ct > .in > ul [data-setlen="4"] > .in > .ct > .in > ul > li {
  width: calc(100% / 4);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="10"] > .in > .ct > .in > ul [data-setlen="5"] > .in > .ct > .in > ul > li {
  width: calc(100% / 5);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="10"] > .in > .ct > .in > ul [data-setlen="6"] > .in > .ct > .in > ul > li {
  width: calc(100% / 6);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="10"] > .in > .ct > .in > ul [data-setlen="7"] > .in > .ct > .in > ul > li {
  width: calc(100% / 7);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="10"] > .in > .ct > .in > ul [data-setlen="8"] > .in > .ct > .in > ul > li {
  width: calc(100% / 8);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="10"] > .in > .ct > .in > ul [data-setlen="9"] > .in > .ct > .in > ul > li {
  width: calc(100% / 9);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="10"] > .in > .ct > .in > ul [data-setlen="10"] > .in > .ct > .in > ul > li {
  width: calc(100% / 10);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="10"] > .in > .ct > .in > ul [data-setlen="11"] > .in > .ct > .in > ul > li {
  width: calc(100% / 11);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="10"] > .in > .ct > .in > ul [data-setlen="12"] > .in > .ct > .in > ul > li {
  width: calc(100% / 12);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="10"] > .in > .ct > .in > ul [data-setlen="13"] > .in > .ct > .in > ul > li {
  width: calc(100% / 13);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="10"] > .in > .ct > .in > ul [data-setlen="14"] > .in > .ct > .in > ul > li {
  width: calc(100% / 14);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="10"] > .in > .ct > .in > ul [data-setlen="15"] > .in > .ct > .in > ul > li {
  width: calc(100% / 15);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="10"] > .in > .ct > .in > ul [data-setlen="16"] > .in > .ct > .in > ul > li {
  width: calc(100% / 16);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="10"] > .in > .ct > .in > ul [data-setlen="17"] > .in > .ct > .in > ul > li {
  width: calc(100% / 17);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="10"] > .in > .ct > .in > ul [data-setlen="18"] > .in > .ct > .in > ul > li {
  width: calc(100% / 18);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="10"] > .in > .ct > .in > ul [data-setlen="19"] > .in > .ct > .in > ul > li {
  width: calc(100% / 19);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="10"] > .in > .ct > .in > ul [data-setlen="20"] > .in > .ct > .in > ul > li {
  width: calc(100% / 20);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="10"] > .in > .ct > .in > ul [data-setlen="21"] > .in > .ct > .in > ul > li {
  width: calc(100% / 21);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="10"] > .in > .ct > .in > ul [data-setlen="22"] > .in > .ct > .in > ul > li {
  width: calc(100% / 22);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="10"] > .in > .ct > .in > ul [data-setlen="23"] > .in > .ct > .in > ul > li {
  width: calc(100% / 23);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="10"] > .in > .ct > .in > ul [data-setlen="24"] > .in > .ct > .in > ul > li {
  width: calc(100% / 24);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="10"] > .in > .ct > .in > ul [data-setlen="25"] > .in > .ct > .in > ul > li {
  width: calc(100% / 25);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="10"] > .in > .ct > .in > ul [data-setlen="26"] > .in > .ct > .in > ul > li {
  width: calc(100% / 26);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="10"] > .in > .ct > .in > ul [data-setlen="27"] > .in > .ct > .in > ul > li {
  width: calc(100% / 27);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="10"] > .in > .ct > .in > ul [data-setlen="28"] > .in > .ct > .in > ul > li {
  width: calc(100% / 28);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="10"] > .in > .ct > .in > ul [data-setlen="29"] > .in > .ct > .in > ul > li {
  width: calc(100% / 29);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="10"] > .in > .ct > .in > ul [data-setlen="30"] > .in > .ct > .in > ul > li {
  width: calc(100% / 30);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="10"] > .in > .ct > .in > ul [data-setlen="31"] > .in > .ct > .in > ul > li {
  width: calc(100% / 31);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="10"] > .in > .ct > .in > ul [data-setlen="32"] > .in > .ct > .in > ul > li {
  width: calc(100% / 32);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="10"] > .in > .ct > .in > ul [data-setlen="33"] > .in > .ct > .in > ul > li {
  width: calc(100% / 33);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="10"] > .in > .ct > .in > ul [data-setlen="34"] > .in > .ct > .in > ul > li {
  width: calc(100% / 34);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="10"] > .in > .ct > .in > ul [data-setlen="35"] > .in > .ct > .in > ul > li {
  width: calc(100% / 35);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="10"] > .in > .ct > .in > ul [data-setlen="36"] > .in > .ct > .in > ul > li {
  width: calc(100% / 36);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="10"] > .in > .ct > .in > ul [data-setlen="37"] > .in > .ct > .in > ul > li {
  width: calc(100% / 37);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="10"] > .in > .ct > .in > ul [data-setlen="38"] > .in > .ct > .in > ul > li {
  width: calc(100% / 38);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="10"] > .in > .ct > .in > ul [data-setlen="39"] > .in > .ct > .in > ul > li {
  width: calc(100% / 39);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="10"] > .in > .ct > .in > ul [data-setlen="40"] > .in > .ct > .in > ul > li {
  width: calc(100% / 40);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="10"] > .in > .ct > .in > ul [data-setlen="41"] > .in > .ct > .in > ul > li {
  width: calc(100% / 41);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="10"] > .in > .ct > .in > ul [data-setlen="42"] > .in > .ct > .in > ul > li {
  width: calc(100% / 42);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="10"] > .in > .ct > .in > ul [data-setlen="43"] > .in > .ct > .in > ul > li {
  width: calc(100% / 43);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="10"] > .in > .ct > .in > ul [data-setlen="44"] > .in > .ct > .in > ul > li {
  width: calc(100% / 44);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="10"] > .in > .ct > .in > ul [data-setlen="45"] > .in > .ct > .in > ul > li {
  width: calc(100% / 45);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="10"] > .in > .ct > .in > ul [data-setlen="46"] > .in > .ct > .in > ul > li {
  width: calc(100% / 46);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="10"] > .in > .ct > .in > ul [data-setlen="47"] > .in > .ct > .in > ul > li {
  width: calc(100% / 47);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="10"] > .in > .ct > .in > ul [data-setlen="48"] > .in > .ct > .in > ul > li {
  width: calc(100% / 48);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="10"] > .in > .ct > .in > ul [data-setlen="49"] > .in > .ct > .in > ul > li {
  width: calc(100% / 49);
  box-sizing: border-box;
}
.group-list.marquee[data-setLen="10"] > .in > .ct > .in > ul [data-setlen="50"] > .in > .ct > .in > ul > li {
  width: calc(100% / 50);
  box-sizing: border-box;
}
.group-list.marquee.is-auto > .bg-drop-layout > .in > .ct, .group-list.marquee.is-auto > .in > .ct {
  position: relative;
}
.group-list.marquee.show-ctrl .ctrl_btn a {
  opacity: 1;
}
.group-list.marquee .ctrl_btn {
  position: absolute;
  top: 8px;
  left: 8px;
  z-index: 1;
}
.group-list.marquee .ctrl_btn a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-right: 30px;
  color: #ffffff;
  opacity: 0;
}
.group-list.marquee .ctrl_btn a:before {
  background-position: right center;
}
.group-list.marquee .ctrl_btn a:hover, .group-list.marquee .ctrl_btn a:focus {
  color: #2D2D2D;
}
.group-list.marquee .ctrl_btn a:focus {
  opacity: 1;
}
.group-list.marquee > .in {
  position: relative !important;
}
.group-list.marquee > .in > .ct > .in {
  overflow: hidden;
  transition: 150ms;
  box-sizing: border-box;
}
[data-js=false] .group-list.marquee > .in > .ct > .in {
  margin: 0;
}
[data-js=false] .group-list.marquee > .in > .ct > .in > ul {
  width: 100%;
}
.group-list.marquee > .in > .ct > .in > ul > li {
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  padding: 15px;
}
[data-js=false] .group-list.marquee > .in > .ct > .in > ul > li {
  display: block;
  width: calc(100% / 5);
}
@media screen and (max-width: 560px) {
  .group-list.marquee > .in > .ct > .in > ul > li {
    padding: 15px 8px;
  }
}
.group-list.marquee > .in > .ft ul {
  text-align: right;
}
.group-list.marquee.is-marquee > .in > .ct > .in {
  overflow: hidden;
  transition: 150ms;
  margin: 0 68px;
  box-sizing: border-box;
}
@media screen and (max-width: 400px) and (min-width: 1px) {
  .group-list.marquee.is-marquee > .in > .ct > .in {
    margin: 0 30px;
  }
}
.group-list.marquee.is-marquee > .in > .ft li.next, .group-list.marquee.is-marquee > .in > .ft li.prev {
  display: block;
}
@media screen and (max-width: 768px) {
  .group-list.marquee.is-marquee > .in > .ft li.next, .group-list.marquee.is-marquee > .in > .ft li.prev {
    display: block;
  }
}
.group-tab .group-list.marquee > .in > .ct > .in > ul > li {
  padding: 60px 15px;
}

.group-list.slider[data-setLen="1"] .group-list.album .ct ul li {
  width: calc(100% / 1);
  margin: 0 -2px;
}
@media screen and (max-width: 1366px) {
  .group-list.slider[data-setLen="1"] .group-list.album .ct ul li {
    width: 33.33% !important;
  }
}
@media screen and (max-width: 768px) {
  .group-list.slider[data-setLen="1"] .group-list.album .ct ul li {
    width: 50% !important;
  }
}
@media screen and (max-width: 560px) {
  .group-list.slider[data-setLen="1"] .group-list.album .ct ul li {
    width: 100% !important;
  }
}
.group-list.slider[data-setLen="2"] .group-list.album .ct ul li {
  width: calc(100% / 2);
  margin: 0 -2px;
}
@media screen and (max-width: 1366px) {
  .group-list.slider[data-setLen="2"] .group-list.album .ct ul li {
    width: 33.33% !important;
  }
}
@media screen and (max-width: 768px) {
  .group-list.slider[data-setLen="2"] .group-list.album .ct ul li {
    width: 50% !important;
  }
}
@media screen and (max-width: 560px) {
  .group-list.slider[data-setLen="2"] .group-list.album .ct ul li {
    width: 100% !important;
  }
}
.group-list.slider[data-setLen="3"] .group-list.album .ct ul li {
  width: calc(100% / 3);
  margin: 0 -2px;
}
@media screen and (max-width: 1366px) {
  .group-list.slider[data-setLen="3"] .group-list.album .ct ul li {
    width: 33.33% !important;
  }
}
@media screen and (max-width: 768px) {
  .group-list.slider[data-setLen="3"] .group-list.album .ct ul li {
    width: 50% !important;
  }
}
@media screen and (max-width: 560px) {
  .group-list.slider[data-setLen="3"] .group-list.album .ct ul li {
    width: 100% !important;
  }
}
.group-list.slider[data-setLen="4"] .group-list.album .ct ul li {
  width: calc(100% / 4);
  margin: 0 -2px;
}
@media screen and (max-width: 1366px) {
  .group-list.slider[data-setLen="4"] .group-list.album .ct ul li {
    width: 33.33% !important;
  }
}
@media screen and (max-width: 768px) {
  .group-list.slider[data-setLen="4"] .group-list.album .ct ul li {
    width: 50% !important;
  }
}
@media screen and (max-width: 560px) {
  .group-list.slider[data-setLen="4"] .group-list.album .ct ul li {
    width: 100% !important;
  }
}
.group-list.slider[data-setLen="5"] .group-list.album .ct ul li {
  width: calc(100% / 5);
  margin: 0 -2px;
}
@media screen and (max-width: 1366px) {
  .group-list.slider[data-setLen="5"] .group-list.album .ct ul li {
    width: 33.33% !important;
  }
}
@media screen and (max-width: 768px) {
  .group-list.slider[data-setLen="5"] .group-list.album .ct ul li {
    width: 50% !important;
  }
}
@media screen and (max-width: 560px) {
  .group-list.slider[data-setLen="5"] .group-list.album .ct ul li {
    width: 100% !important;
  }
}
.group-list.slider[data-setLen="6"] .group-list.album .ct ul li {
  width: calc(100% / 6);
  margin: 0 -2px;
}
@media screen and (max-width: 1366px) {
  .group-list.slider[data-setLen="6"] .group-list.album .ct ul li {
    width: 33.33% !important;
  }
}
@media screen and (max-width: 768px) {
  .group-list.slider[data-setLen="6"] .group-list.album .ct ul li {
    width: 50% !important;
  }
}
@media screen and (max-width: 560px) {
  .group-list.slider[data-setLen="6"] .group-list.album .ct ul li {
    width: 100% !important;
  }
}
.group-list.slider[data-setLen="7"] .group-list.album .ct ul li {
  width: calc(100% / 7);
  margin: 0 -2px;
}
@media screen and (max-width: 1366px) {
  .group-list.slider[data-setLen="7"] .group-list.album .ct ul li {
    width: 33.33% !important;
  }
}
@media screen and (max-width: 768px) {
  .group-list.slider[data-setLen="7"] .group-list.album .ct ul li {
    width: 50% !important;
  }
}
@media screen and (max-width: 560px) {
  .group-list.slider[data-setLen="7"] .group-list.album .ct ul li {
    width: 100% !important;
  }
}
.group-list.slider[data-setLen="8"] .group-list.album .ct ul li {
  width: calc(100% / 8);
  margin: 0 -2px;
}
@media screen and (max-width: 1366px) {
  .group-list.slider[data-setLen="8"] .group-list.album .ct ul li {
    width: 33.33% !important;
  }
}
@media screen and (max-width: 768px) {
  .group-list.slider[data-setLen="8"] .group-list.album .ct ul li {
    width: 50% !important;
  }
}
@media screen and (max-width: 560px) {
  .group-list.slider[data-setLen="8"] .group-list.album .ct ul li {
    width: 100% !important;
  }
}
.group-list.slider[data-setLen="9"] .group-list.album .ct ul li {
  width: calc(100% / 9);
  margin: 0 -2px;
}
@media screen and (max-width: 1366px) {
  .group-list.slider[data-setLen="9"] .group-list.album .ct ul li {
    width: 33.33% !important;
  }
}
@media screen and (max-width: 768px) {
  .group-list.slider[data-setLen="9"] .group-list.album .ct ul li {
    width: 50% !important;
  }
}
@media screen and (max-width: 560px) {
  .group-list.slider[data-setLen="9"] .group-list.album .ct ul li {
    width: 100% !important;
  }
}
.group-list.slider[data-setLen="10"] .group-list.album .ct ul li {
  width: calc(100% / 10);
  margin: 0 -2px;
}
@media screen and (max-width: 1366px) {
  .group-list.slider[data-setLen="10"] .group-list.album .ct ul li {
    width: 33.33% !important;
  }
}
@media screen and (max-width: 768px) {
  .group-list.slider[data-setLen="10"] .group-list.album .ct ul li {
    width: 50% !important;
  }
}
@media screen and (max-width: 560px) {
  .group-list.slider[data-setLen="10"] .group-list.album .ct ul li {
    width: 100% !important;
  }
}
.base-module-area .group-list.album > .in > .ct > .in > ul > li {
  box-sizing: border-box;
  padding: 15px;
  display: inline-block;
  vertical-align: top;
}
@media screen and (max-width: 560px) {
  .base-module-area .group-list.album > .in > .ct > .in > ul > li {
    padding: 8px 0;
  }
}
.base-page-area .group-list.album > .in > .ct > .in > ul > li {
  width: calc(100% / 3);
  display: inline-block;
  vertical-align: top;
}
.base-page-area .group-list.album > .in > .ct > .in > ul > li {
  box-sizing: border-box;
  padding: 5px;
}
@media screen and (max-width: 768px) and (min-width: 561px) {
  .base-page-area .group-list.album > .in > .ct > .in > ul > li {
    max-width: none !important;
    width: calc(100% / 2) !important;
    clear: none;
  }
  .base-page-area .group-list.album > .in > .ct > .in > ul > li:nth-child(2n+1) {
    clear: left;
  }
}
@media screen and (max-width: 560px) {
  .base-page-area .group-list.album > .in > .ct > .in > ul > li {
    max-width: none !important;
    width: calc(100% / 1) !important;
    clear: none;
  }
  .base-page-area .group-list.album > .in > .ct > .in > ul > li:nth-child(1n+1) {
    clear: left;
  }
}
.area-essay.slider .ct {
  /*a*/
  /*i*/
}
.area-essay.slider .ct .div {
  position: relative;
  height: 360px;
  z-index: 1;
  text-align: center;
  display: block;
}
.area-essay.slider .ct .div:before {
  content: "​";
  display: inline-block;
  height: 100%;
  width: 0;
  vertical-align: middle;
}
.area-essay.slider .ct .img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
}
.area-essay.slider .ct .img span {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.area-essay.slider .ct .img img {
  display: none !important;
}
.area-essay.slider .ct .essay {
  display: inline-block;
  vertical-align: middle;
  max-width: 80%;
}
.area-essay.slider .ct .caption {
  font-size: 1.6em;
  font-weight: 700;
  color: #ffffff;
  text-shadow: 0 0 8px #787878;
  margin-bottom: 15px;
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.area-essay.slider .ct .label {
  display: none;
  margin: 15px 0;
}
@media screen and (max-width: 560px) {
  .area-essay.slider .ct .label {
    display: none;
  }
}
.area-essay.slider .ct .mark {
  font-size: 1.1em;
  color: #ffffff;
  text-shadow: 0 0 8px #787878;
}
.area-essay.slider .ct .p {
  margin-top: 15px;
}
.area-essay.slider .ct .p p {
  color: #ffffff;
}
.area-essay.slider .ct .p span {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
@media screen and (max-width: 1920px) and (min-width: 901px) {
  [data-type="3"] .area-customize.calendar > .in > .ct > .in {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  [data-type="3"] .area-customize.calendar > .in > .ct > .in .calendar-box {
    flex: 0 0 350px;
    max-width: 350px;
  }
  [data-type="3"] .area-customize.calendar > .in > .ct > .in .list {
    margin-top: 0;
    flex: 0 0 calc(100% - 350px);
    max-width: calc(100% - 350px);
    box-sizing: border-box;
    padding-left: 30px;
  }
}
[data-type="1"][data-child] .area-customize.calendar > .in > .ct > .in {
  display: block;
}
[data-type="1"][data-child] .area-customize.calendar > .in > .ct > .in .calendar-box {
  max-width: initial;
}
[data-type="1"][data-child] .area-customize.calendar > .in > .ct > .in .list {
  margin-top: 8px;
  max-width: initial;
  padding-left: 0;
}
@media screen and (max-width: 1920px) and (min-width: 901px) {
  [data-type="1"][data-child="1"] .area-customize.calendar > .in > .ct > .in {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  [data-type="1"][data-child="1"] .area-customize.calendar > .in > .ct > .in .calendar-box {
    flex: 0 0 350px;
    max-width: 350px;
  }
  [data-type="1"][data-child="1"] .area-customize.calendar > .in > .ct > .in .list {
    margin-top: 0;
    flex: 0 0 calc(100% - 350px);
    max-width: calc(100% - 350px);
    box-sizing: border-box;
    padding-left: 30px;
  }
}
.area-customize.calendar .hd > .in h2, .area-customize.calendar .hd > .in > div {
  margin-top: 0 !important;
}
.area-customize.calendar .ct {
  /*i*/
  /*i*/
}
.area-customize.calendar .ct .heading {
  background-color: #997950;
  padding: 5px;
  position: relative;
  border-radius: 20px 20px 0 0;
}
.area-customize.calendar .ct .label {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
}
[data-js=false] .area-customize.calendar .ct .label {
  display: none;
}
@media screen and (max-width: 560px) {
  .area-customize.calendar .ct .label {
    float: none;
  }
}
.area-customize.calendar .ct .label ul {
  display: flex;
  align-items: center;
  justify-content: center;
}
.area-customize.calendar .ct .label li + li {
  margin-left: 8px;
}
.area-customize.calendar .ct .label li.this-month {
  display: none;
}
.area-customize.calendar .ct .label li.prev a {
  width: 32px;
  line-height: 16px;
  mask: center no-repeat url(../images/icon-pic/icon-arrow-left.svg);
  background-color: #fff;
  mask-size: 10px;
}
.area-customize.calendar .ct .label li.next a {
  width: 32px;
  line-height: 16px;
  mask: center no-repeat url("../images/icon-pic/icon-arrow-right.svg");
  background-color: #fff;
  mask-size: 10px;
}
.area-customize.calendar .ct .label span {
  display: block;
}
.area-customize.calendar .ct .label a {
  background-color: transparent;
  color: #2D2D2D;
  box-sizing: border-box;
  background-repeat: no-repeat;
  border: 0;
}
.area-customize.calendar .ct .label a:hover, .area-customize.calendar .ct .label a:focus {
  color: #2D2D2D;
  background-color: #f0f0f0;
}
.area-customize.calendar .ct .caption {
  font-size: 1.125em;
  color: #ffffff;
  font-weight: bold;
}
@media screen and (max-width: 560px) {
  .area-customize.calendar .ct .caption {
    margin-bottom: 0;
    margin-top: 5px;
  }
}
.area-customize.calendar .ct .caption span {
  color: inherit;
  padding-left: 15px;
}
.area-customize.calendar .ct .caption a {
  color: inherit;
  font-size: 1em;
}
.area-customize.calendar .ct .table table {
  table-layout: fixed;
  width: 100%;
}
.area-customize.calendar .ct .table tbody {
  background: #fff;
}
.area-customize.calendar .ct .table tr:first-child {
  background-color: #fff;
}
.area-customize.calendar .ct .table th {
  padding: 5px 0;
  background-color: #ffffff;
  border: 0;
}
.area-customize.calendar .ct .table th > .in {
  background-color: #fff;
  background-color: #CECECE;
}
.area-customize.calendar .ct .table th:first-child > .in {
  border-radius: 15px 0 0 15px;
  margin-left: 5px;
}
.area-customize.calendar .ct .table th:last-child > .in {
  border-radius: 0 15px 15px 0;
  margin-right: 5px;
}
.area-customize.calendar .ct .table td {
  transition: 150ms;
  padding: 6px 0;
  box-sizing: border-box;
  border: 0;
}
.area-customize.calendar .ct .table th, .area-customize.calendar .ct .table td {
  text-align: center;
}
.area-customize.calendar .ct .table span {
  display: block;
  width: 30px;
  margin: 0 auto;
  border-radius: 36px;
  box-sizing: border-box;
  font-weight: bold;
  text-align: center;
  line-height: 30px;
}
.area-customize.calendar .ct .table span > a {
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 50%;
}
.area-customize.calendar .ct .table a:hover {
  text-decoration: underline;
}
.area-customize.calendar .ct .table .event > span {
  background-color: #f2f2f2;
  box-shadow: 0 0 1px 1px #ccc inset;
}
.area-customize.calendar .ct .table .event > span:hover {
  background-color: #f0f0f0;
}
.area-customize.calendar .ct .table .prev-mounth > span {
  color: #787878;
}
.area-customize.calendar .ct .table .next-mounth > span {
  color: #787878;
}
.area-customize.calendar .ct .table .weekend.prev-mounth > span, .area-customize.calendar .ct .table .weekend.next-mounth > span {
  opacity: 0.3;
}
.area-customize.calendar .ct .table .today > span {
  background-color: #997950;
  color: #ffffff;
}
.area-customize.calendar .ct .table .today > span:hover {
  background-color: rgb(119.5107296137, 94.5150214592, 62.4892703863);
}
.area-customize.calendar .ct .table .is-active > span {
  background-color: #2D2D2D;
  color: #ffffff;
}
.area-customize.calendar .ct .table .is-active > span:hover {
  background-color: rgb(19.5, 19.5, 19.5);
}
.area-customize.calendar .ct .list {
  border-top: #CECECE 1px dashed;
  margin-top: 0 !important;
  background-color: #fff;
  border-radius: 0 0 15px 15px;
}
.area-customize.calendar .ct .list li {
  padding: 5px;
  position: relative;
  font-size: 0.9em;
}
.area-customize.calendar .ct .list li:before {
  display: block;
  width: 30px;
  height: 30px;
  background-image: url("../images/icon-pic/icon_calendar.svg");
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  top: 9px;
}
.area-customize.calendar .ct .list li + li {
  border-top: #CECECE 1px dashed;
}
.area-customize.calendar .ct .list span {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
}
.area-customize.calendar .ct .list span a span:nth-child(1) {
  color: #000;
  font-weight: bold;
}
.area-customize.calendar .ct .list a {
  display: flex;
  transition: 150ms;
  color: #646464;
  font-size: 1.125em;
  padding: 8px;
  flex-direction: column;
}
.area-customize.calendar .ct .list a:hover, .area-customize.calendar .ct .list a:focus {
  color: #997950;
  text-decoration: underline;
}
.area-customize.calendar .ct .mark {
  margin-right: 3px;
  background-color: transparent;
}
.area-customize.calendar .ct .category {
  margin-right: 3px;
}
.group-list.marquee > .in > .ct > .in > ul:has(.area-essay.list) {
  display: flex;
  align-items: stretch;
}
@media screen and (max-width: 560px) {
  .group-list.marquee > .in > .ct > .in > ul:has(.area-essay.list) {
    display: block;
  }
}

.area-essay.list {
  padding: 0 8px;
  height: 100%;
}
.area-essay.list > .bg-drop-layout > .in, .area-essay.list > .in {
  height: 100%;
}
.area-essay.list .ct {
  height: calc(100% - 50px);
  /*div*/
  /*i*/
}
@media screen and (max-width: 560px) {
  .area-essay.list .ct {
    height: auto;
  }
}
.area-essay.list .ct .div {
  display: block;
}
.area-essay.list .ct .img span {
  display: block;
  padding-bottom: 75%;
  background-color: #f0f0f0;
}
.area-essay.list .ct .img img {
  display: none;
}
.area-essay.list .ct .caption {
  margin: 15px 0;
}
.area-essay.list .ct .label li {
  display: flex;
  gap: 8px;
  align-items: center;
}
.area-essay.list .ct .label li + li {
  margin-top: 15px;
}
.area-essay.list .ct .label li:before {
  content: "​";
  display: inline-block;
  flex: 0 0 6px;
  width: 6px;
  height: 6px;
  border-radius: 6px;
  background-color: #2D2D2D;
}
.area-essay.list .ct .label span {
  display: block;
  overflow: hidden;
}
.area-essay.list .ct .label a {
  display: block;
  transition: 150ms;
}
.area-essay.list .ct .mark {
  display: none;
}
.area-essay.list .ft {
  margin-top: 15px;
}
.area-essay.list .ft a {
  display: inline-block;
  padding: 8px;
  border-radius: 3px;
  border: 1px solid #CECECE;
  margin: 0 auto;
  text-align: center;
  background-color: #CECECE;
  border-radius: 50px;
  width: 100%;
  box-sizing: border-box;
}
.area-essay.list .ft a:hover {
  color: inherit;
  opacity: 0.5;
}

.area-essay.message .ct {
  /*a*/
  /*i*/
}
.area-essay.message .ct .div {
  display: block;
  padding: 8px;
  transition: 150ms;
}
.area-essay.message .ct .div:hover {
  background-color: #CECECE;
}
.area-essay.message .ct .img {
  float: left;
  margin-right: 15px;
}
.area-essay.message .ct .img span {
  display: block;
  width: 100px;
  padding-bottom: 75%;
  background-color: #787878;
}
@media screen and (max-width: 768px) {
  .area-essay.message .ct .img span {
    width: 80px;
  }
}
.area-essay.message .ct .img img {
  display: none;
}
.area-essay.message .ct .essay {
  overflow: hidden;
}
.area-essay.message .ct .caption {
  display: flex;
  flex-direction: column;
}
.area-essay.message .ct .caption span:last-child {
  font-weight: 400;
  color: #646464;
}
.area-essay.message .ct .mark {
  position: inherit;
  padding: 5px 8px;
}
.area-essay.message .ct .p span {
  line-height: 1.6em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.area-customize.news-card {
  padding: 0 15px;
}
.area-customize.news-card.academic-resesrch .ct li {
  flex: 0 0 calc((100% - 30px) / 4);
  width: calc((100% - 30px) / 4);
}
@media screen and (max-width: 768px) {
  .area-customize.news-card.academic-resesrch .ct li {
    flex: 0 0 90%;
    width: 90%;
  }
}
.area-customize.news-card > .bg-drop-layout > .in,
.area-customize.news-card > .in {
  margin: 0 !important;
}
.area-customize.news-card .ct {
  /*a*/
}
.area-customize.news-card .ct ul {
  display: flex;
  align-items: stretch;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .area-customize.news-card .ct ul {
    overflow-x: auto;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE/Edge 舊版 */
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
  }
  .area-customize.news-card .ct ul::-webkit-scrollbar {
    /* Chrome / Safari */
    display: none;
  }
}
.area-customize.news-card .ct li {
  flex: 0 0 calc((100% - 30px) / 3);
  width: calc((100% - 30px) / 3);
}
@media screen and (max-width: 768px) {
  .area-customize.news-card .ct li {
    flex: 0 0 calc((100% - 15px) / 2);
    width: calc((100% - 15px) / 2);
    scroll-snap-align: center; /* 滑動後吸附到中間 */
    list-style: none;
  }
}
@media screen and (max-width: 560px) {
  .area-customize.news-card .ct li {
    flex: 0 0 90%;
    width: 90%;
  }
}
.area-customize.news-card .ct .div {
  position: relative;
  background-color: #ffffff;
  position: relative;
  border-radius: 15px;
  overflow: hidden;
  height: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  transition: 150ms;
}
.area-customize.news-card .ct .div:hover {
  transform: translateY(-5px);
}
.area-customize.news-card .ct .label {
  order: 2;
  position: absolute;
  bottom: 20px;
  left: 15px;
  z-index: 1;
}
.area-customize.news-card .ct .img {
  position: relative;
  overflow: hidden;
  order: 1;
  border-radius: 0;
}
.area-customize.news-card .ct .img span {
  display: block;
}
.area-customize.news-card .ct .img img {
  display: block;
  width: 100%;
  aspect-ratio: 4/3;
  object-fit: cover;
}
.area-customize.news-card .ct .caption {
  display: flex;
  flex-direction: column;
  padding: 15px;
  line-height: 1.5em;
  font-size: 1.05em;
  order: 3;
}
.area-customize.news-card .ct .caption > span {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  box-sizing: border-box;
  font-weight: 700;
  color: #343434;
  line-height: 1.2;
}
.area-customize.news-card .ct .caption > span + span {
  line-height: 1.2em;
  color: #787878;
  font-weight: 400;
  padding-top: 3px;
}
.area-customize.news-card .ct .p {
  padding: 0 15px;
  margin-top: 8px;
  display: none;
}
@media screen and (max-width: 768px) {
  .list-text.slider {
    background-color: #997950;
  }
}
.list-text.slider > .bg-drop-layout > .in, .list-text.slider > .in {
  margin: 0 !important;
}
.list-text.slider.index-news {
  position: absolute;
  bottom: 33px;
  z-index: 1;
  right: 33px;
}
@media screen and (max-width: 768px) {
  .list-text.slider.index-news {
    position: relative;
    bottom: unset;
    right: unset;
    padding: 15px;
    width: 100% !important;
    box-sizing: border-box;
  }
  .list-text.slider.index-news > .in > .ct > .in {
    height: 60px !important;
  }
  .list-text.slider.index-news > .in > .ct > .in::before {
    margin: 3px;
  }
  .list-text.slider.index-news > .in > .ct > .in ul .category {
    margin-top: 0;
    height: unset;
  }
  .list-text.slider.index-news > .in > .ct > .in ul > li a {
    padding-bottom: 0;
    padding: 5px;
  }
}
.list-text.slider.index-news > .in > .ct .ctrl_btn {
  display: none;
}
.list-text.slider.index-news > .in > .ct > .in ul li {
  display: flex !important;
  align-items: center;
  padding: 0 15px;
  box-sizing: border-box;
  height: unset;
  min-height: 60px;
}
.list-text.slider.index-news > .in > .ct > .in ul li .category li {
  padding: 0;
}
.list-text.slider.index-news > .in > .ct > .in ul li .category li span {
  border-right: 2px solid #997950;
  padding: 3px 5px;
}
.list-text.slider.index-news > .in > .ct > .in ul li .mark {
  display: none;
}
.list-text.slider.index-news > .in > .ct > .in ul li span {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.list-text.slider .ct {
  /*i*/
}
@media screen and (max-width: 768px) {
  .list-text.slider .ct {
    display: flex;
    justify-content: end;
  }
}
.list-text.slider .ct > .in {
  background-color: transparent;
  padding: 0;
  border-bottom: 0;
  border-left: none;
  background-color: #ffffff;
  border-radius: 40px;
  border: 2px solid #997950;
  box-sizing: border-box;
  height: 65px !important;
}
.list-text.slider .ct > .in:before {
  content: "";
  display: block;
  background-image: url("../images/icon_loudspeaker.svg");
  background-color: #997950;
  width: 50px;
  height: 50px;
  border-radius: 30px;
  vertical-align: middle;
  position: absolute;
  left: -65px;
  margin: 5px;
}
@media screen and (max-width: 768px) {
  .list-text.slider .ct > .in {
    width: calc(100% - 45px);
    height: 45px !important;
  }
  .list-text.slider .ct > .in:before {
    left: -10px;
    width: 50px;
    height: 50px;
    margin: 0;
  }
}
.list-text.slider .ct > .in ul li .div > span {
  display: block;
}
.list-text.slider .ct > .in ul li .div > span:last-child {
  font-weight: 400;
  color: #787878;
  padding-top: 5px;
}
.list-text.slider .ct ul {
  top: 0;
}
.list-text.slider .ct li {
  height: 100% !important;
}
.list-text.slider .ct li + li {
  display: none;
}
[data-js=false] .list-text.slider .ct li + li {
  display: block;
  margin-top: 8px;
}
.list-text.slider .ct span {
  display: flex;
  align-items: center;
  gap: 8px;
  height: 100%;
}
.list-text.slider .ct a {
  font-weight: 700;
  border-bottom: none;
  padding-bottom: 10px;
}
.list-text.slider .ct .mark {
  font-weight: normal;
  background: transparent;
  color: inherit;
}
.list-text.slider .ft {
  top: 5px;
  display: none;
}
[data-js=false] .list-text.slider .ft li.next, [data-js=false] .list-text.slider .ft li.prev {
  display: none;
}
.list-text.slider.is-auto > .bg-drop-layout > .in > .ct, .list-text.slider.is-auto > .in > .ct {
  position: relative;
}
.list-text.slider.show-ctrl .ctrl_btn a {
  opacity: 1;
}
.list-text.slider .ctrl_btn {
  position: absolute;
  top: 8px;
  left: 8px;
  z-index: 1;
}
.list-text.slider .ctrl_btn a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-right: 30px;
  color: #ffffff;
  opacity: 0;
}
.list-text.slider .ctrl_btn a:before {
  background-position: right center;
}
.list-text.slider .ctrl_btn a:hover, .list-text.slider .ctrl_btn a:focus {
  color: #2D2D2D;
}
.list-text.slider .ctrl_btn a:focus {
  opacity: 1;
}

.list-text.message .ct {
  /*i*/
}
.list-text.message .ct li {
  border-bottom: 1px dashed #CECECE;
}
.list-text.message .ct span {
  display: block;
}
.list-text.message .ct a {
  display: block;
  width: 100%;
  padding: 8px 0;
  box-sizing: border-box;
  font-weight: bold;
  transition: 150ms;
  position: relative;
  font-size: 1em;
}
.list-text.message .ct a:hover, .list-text.message .ct a:focus {
  color: #997950;
}
.list-text.message .ct .mark {
  margin-right: 8px;
  line-height: 1;
}
.list-text.message .ct .category {
  display: inline-block;
  vertical-align: middle;
}
.list-text.message .ct .category ul li {
  border: 1px solid #997950;
  background-color: transparent;
  color: #997950;
  margin-right: 5px;
}
.list-text.message .ct .category ul li:hover {
  background-color: transparent;
}
.list-pic.marquee {
  position: relative;
}
.list-pic.marquee[data-setLen="1"] .ct ul {
  width: 5000%;
}
.list-pic.marquee[data-setLen="2"] .ct ul {
  width: 2500%;
}
.list-pic.marquee[data-setLen="3"] .ct ul {
  width: 1666.6666666667%;
}
.list-pic.marquee[data-setLen="4"] .ct ul {
  width: 1250%;
}
.list-pic.marquee[data-setLen="5"] .ct ul {
  width: 1000%;
}
.list-pic.marquee[data-setLen="6"] .ct ul {
  width: 833.3333333333%;
}
.list-pic.marquee[data-setLen="7"] .ct ul {
  width: 714.2857142857%;
}
.list-pic.marquee[data-setLen="8"] .ct ul {
  width: 625%;
}
.list-pic.marquee[data-setLen="9"] .ct ul {
  width: 555.5555555556%;
}
.list-pic.marquee[data-setLen="10"] .ct ul {
  width: 500%;
}
.list-pic.marquee .ct {
  background-color: #f0f0f0;
  margin: 0 30px;
  /*i*/
}
.list-pic.marquee .ct > .in {
  overflow: hidden;
}
[data-js=false] .list-pic.marquee .ct > .in {
  margin: 0;
}
.list-pic.marquee .ct ul {
  width: 1000%;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .list-pic.marquee .ct ul {
    max-width: none !important;
    width: calc(5000% / 4) !important;
    clear: none;
  }
  .list-pic.marquee .ct ul:nth-child(4n+1) {
    clear: left;
  }
}
@media screen and (max-width: 768px) and (min-width: 561px) {
  .list-pic.marquee .ct ul {
    max-width: none !important;
    width: calc(5000% / 3) !important;
    clear: none;
  }
  .list-pic.marquee .ct ul:nth-child(3n+1) {
    clear: left;
  }
}
@media screen and (max-width: 560px) {
  .list-pic.marquee .ct ul {
    max-width: none !important;
    width: calc(5000% / 2) !important;
    clear: none;
  }
  .list-pic.marquee .ct ul:nth-child(2n+1) {
    clear: left;
  }
}
[data-js=false] .list-pic.marquee .ct ul {
  width: 100%;
}
.list-pic.marquee .ct li {
  width: 2%;
  display: inline-block;
  vertical-align: middle;
  box-sizing: border-box;
  padding: 8px;
}
[data-js=false] .list-pic.marquee .ct li {
  width: 20%;
}
.list-pic.marquee .ct span {
  display: block;
}
.list-pic.marquee .ct a {
  display: block;
  position: relative;
}
.list-pic.marquee .ct img {
  display: block;
  width: 100%;
}
.list-pic.marquee .ft {
  position: absolute;
  bottom: -50px;
  right: 0;
  left: 0;
}
.list-pic.marquee .ft ul {
  position: relative;
}
[data-js=false] .list-pic.marquee .ft li.next, [data-js=false] .list-pic.marquee .ft li.prev {
  display: none;
}
.list-pic.marquee .ft li.next a, .list-pic.marquee .ft li.prev a {
  position: absolute;
  top: 0;
  bottom: 0;
  padding-bottom: 75px;
  display: block;
  width: 30px;
  transition: 150ms;
  background-color: #f0f0f0;
  background-color: rgba(0, 0, 0, 0.3);
}
.list-pic.marquee .ft li.next a:hover, .list-pic.marquee .ft li.prev a:hover {
  background-color: rgba(240, 240, 240, 0.9);
}
.list-pic.marquee .ft li.prev a {
  left: 0;
  background-image: url("../images/icon-pic/away-w-left03.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.list-pic.marquee .ft li.next a {
  right: 0;
  background-image: url("../images/icon-pic/away-w-right03.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.list-pic.marquee .ft li.more {
  position: absolute;
  right: 0;
  top: -40px;
  text-align: right;
}
.list-pic.marquee .ft li.is-dot {
  text-indent: -9999px;
  color: transparent;
}
.list-pic.marquee02 {
  overflow: hidden;
}
.list-pic.marquee02.is-auto > .bg-drop-layout > .in > .ct, .list-pic.marquee02.is-auto > .in > .ct {
  position: relative;
}
.list-pic.marquee02.show-ctrl .ctrl_btn a {
  opacity: 1;
}
.list-pic.marquee02 .ctrl_btn {
  position: absolute;
  top: 8px;
  left: 8px;
  z-index: 1;
}
.list-pic.marquee02 .ctrl_btn a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-right: 30px;
  color: #ffffff;
  opacity: 0;
}
.list-pic.marquee02 .ctrl_btn a:before {
  background-position: right center;
}
.list-pic.marquee02 .ctrl_btn a:hover, .list-pic.marquee02 .ctrl_btn a:focus {
  color: #2D2D2D;
}
.list-pic.marquee02 .ctrl_btn a:focus {
  opacity: 1;
}
.list-pic.marquee02.is-auto > .in > .ct {
  position: relative;
}
.list-pic.marquee02 .hd + .ct + .ft > .in ul li a {
  margin-top: 0;
}
.list-pic.marquee02 .hd + .ct + .ft > .in ul[data-child="2"] a {
  margin-top: 8px;
}
.list-pic.marquee02 .ct {
  position: relative;
  /*i*/
}
.list-pic.marquee02 .ct > .in {
  margin-left: auto !important;
  margin-right: auto !important;
  width: 60%;
  position: relative;
}
@media screen and (max-width: 768px) {
  .list-pic.marquee02 .ct > .in {
    width: auto;
  }
}
.list-pic.marquee02 .ct ul {
  width: calc(50 * 100% / 1);
}
[data-js=false] .list-pic.marquee02 .ct ul {
  width: 100%;
}
.list-pic.marquee02 .ct li {
  width: calc(100% / 50);
  float: left;
  transition: 150ms;
  padding: 0 8px;
  box-sizing: border-box;
}
[data-js=false] .list-pic.marquee02 .ct li {
  width: calc(100% / 1);
}
@media screen and (max-width: 560px) {
  .list-pic.marquee02 .ct li {
    padding: 0;
  }
}
.list-pic.marquee02 .ct li:first-child img, .list-pic.marquee02 .ct li:nth-child(3) img {
  opacity: 0.1;
}
.list-pic.marquee02 .ct li a, .list-pic.marquee02 .ct li > span > div {
  display: block;
  position: relative;
  padding-bottom: 75%;
}
.list-pic.marquee02 .ct span {
  display: block;
  background-color: #CECECE;
}
.list-pic.marquee02 .ct img {
  display: none;
}
.list-pic.marquee02 .ft ul[data-child="3"] li.next a, .list-pic.marquee02 .ft ul[data-child="3"] li.prev a {
  top: calc(50% - 16px) !important;
}
.list-pic.marquee02 .ft li.next, .list-pic.marquee02 .ft li.prev {
  display: none;
}
[data-js=false] .list-pic.marquee02 .ft li.next, [data-js=false] .list-pic.marquee02 .ft li.prev {
  display: none;
}
.list-pic.marquee02 .ft li.next a, .list-pic.marquee02 .ft li.prev a {
  position: absolute;
  top: 50%;
  display: block;
  padding: 0;
  width: 48px;
  height: 56px;
  transition: 150ms;
  margin-top: -28px;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: rgba(45, 45, 45, 0.5);
  border-radius: 0;
  background-size: calc(48px / 2);
}
.list-pic.marquee02 .ft li.next a:hover, .list-pic.marquee02 .ft li.next a:focus, .list-pic.marquee02 .ft li.prev a:hover, .list-pic.marquee02 .ft li.prev a:focus {
  background-color: #997950;
}
.list-pic.marquee02 .ft li.next a {
  right: 20.7%;
  background-image: url("../images/icon-pic/icon_arrow-right-w.svg");
}
@media screen and (max-width: 560px) {
  .list-pic.marquee02 .ft li.next a {
    right: 0;
  }
}
.list-pic.marquee02 .ft li.prev a {
  left: 20.7%;
  background-image: url("../images/icon-pic/icon_arrow-left-w.svg");
}
@media screen and (max-width: 560px) {
  .list-pic.marquee02 .ft li.prev a {
    left: 0;
  }
}
.rss-content {
  padding: 15px;
}
.rss-content > .in .block + .block {
  margin-top: 30px;
}
.rss-content > .in .block .title {
  font-weight: bold;
  font-size: 1.1em;
  margin-bottom: 8px;
  border-left: #997950 3px solid;
  padding-left: 8px;
  line-height: 1;
}
.rss-content > .in .block .p {
  padding-left: 12px;
  line-height: 1.5;
}
.rss-content > .in .block .p ul li {
  position: relative;
  padding: 8px 0;
  padding-left: 30px;
}
.rss-content > .in .block .p ul li + li {
  border-top: #787878 1px dotted;
}
.rss-content > .in .block .p ul li:before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  background-color: #009881;
  border-radius: 6px;
  position: absolute;
  left: 12px;
  top: 18px;
  transition: 150ms;
}
.rss-content > .in .block .p ul li a {
  transition: 150ms;
}
.rss-content > .in .block .p ul li a:hover, .rss-content > .in .block .p ul li a:focus {
  color: #997950;
  text-decoration: underline;
}

.list-text.rss .ct {
  /*i*/
}
.list-text.rss .ct li {
  padding: 8px;
  padding-left: 48px;
  position: relative;
}
.list-text.rss .ct li:before {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  border-radius: 15px;
  background-color: #F8991D;
  background-size: 80%;
  background-image: url("../images/icon-pic/icon-rss-list.png");
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  left: 7px;
  top: 10px;
}
.list-text.rss .ct li + li {
  border-top: #787878 1px dotted;
}
.list-text.rss .ct li a {
  border-left-color: #F8991D;
}
.list-text.rss .ct span {
  display: block;
}
.list-text.rss .ct a {
  padding: 5px 0;
  transition: 150ms;
  display: inline-block;
  vertical-align: middle;
  font-size: 1.1em;
}
.list-text.rss .ct a:after {
  margin-left: 3px;
}
.list-text.rss .ct a:hover, .list-text.rss .ct a:focus {
  color: #997950;
  text-decoration: underline;
}
.area-customize.map {
  width: 50%;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .area-customize.map {
    width: 70%;
  }
}
@media screen and (max-width: 560px) {
  .area-customize.map {
    width: 100%;
  }
}
.area-customize.map > .in > .ft {
  margin-top: 15px;
}
.area-customize.map > .in > .ft ul {
  text-align: right;
}
.leaflet-container.leaflet-touch.leaflet-fade-anim.leaflet-grab.leaflet-touch-drag.leaflet-touch-zoom {
  height: 400px !important;
  border-radius: 3px;
}
.leaflet-container.leaflet-touch.leaflet-fade-anim.leaflet-grab.leaflet-touch-drag.leaflet-touch-zoom.scroll-mask::after {
  content: attr(data-text);
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.6em;
  color: #ffffff;
  background-color: rgba(0, 0, 0, 0.5215686275);
  backdrop-filter: blur(2px);
  box-sizing: border-box;
  padding: 15px;
  width: 100%;
  height: 100%;
  z-index: 1000;
}

img.leaflet-tile.leaflet-tile-loaded {
  position: absolute;
}

.leaflet-pane.leaflet-popup-pane .leaflet-popup-content-wrapper .leaflet-popup-content div {
  margin: 0;
  font-weight: 700;
}

.leaflet-pane.leaflet-popup-pane .leaflet-popup-content-wrapper .leaflet-popup-content a {
  font-weight: 400;
  color: gray;
}

.leaflet-bar.leaflet-control.leaflet-control-custom .input.text label {
  font-size: 0.75rem;
}
.leaflet-bar.leaflet-control.leaflet-control-custom.toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 70px;
  height: 44px;
  box-sizing: border-box;
  border-radius: 25px;
  background-color: #fff;
  background-repeat: no-repeat;
}
.leaflet-bar.leaflet-control.leaflet-control-custom.toggle::after {
  cursor: pointer;
  content: "";
  display: flex;
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  margin: 1px;
  background-color: #b7ffb8;
  background-image: url("../images/icon-pic/location-title.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 29px;
  position: absolute;
  right: 0;
  top: 0;
}
.leaflet-bar.leaflet-control.leaflet-control-custom.toggle.toggle-off {
  background-color: #d5d5d5;
}
.leaflet-bar.leaflet-control.leaflet-control-custom.toggle.toggle-off:after {
  background-color: #fff;
  background-image: url("../images/icon-pic/location-title-off.png");
  right: unset;
  left: 0;
}

.leaflet-pane.leaflet-popup-pane .leaflet-popup-content-wrapper .leaflet-popup-content p {
  margin: 0;
  font-weight: 700;
}
.leaflet-pane.leaflet-popup-pane .leaflet-popup-content-wrapper .leaflet-popup-content > :last-child {
  color: gray !important;
  font-weight: 400 !important;
}

.list-text.hashtag .ct {
  /*i*/
}
.list-text.hashtag .ct ul {
  display: flex;
  align-items: center;
  justify-content: start;
  flex-wrap: wrap;
  gap: 5px;
}
.list-text.hashtag .ct span {
  display: block;
}
.list-text.hashtag .ct a {
  transition: 150ms;
  font-size: 0.9em;
  color: #343434;
  padding: 3px 8px;
  border-radius: 50px;
  background-color: rgb(232.35, 232.35, 232.35);
}
.list-text.hashtag .ct a:hover {
  background-color: rgb(224.7, 224.7, 224.7);
}
.list-text.hashtag .ct .p {
  color: #343434;
}
.list-text.hashtag .ct .mark {
  display: inline;
}
.group-list.active-log {
  max-width: 768px;
  margin: 0 auto;
}
.group-list.active-log > .in .ct .in > ul > li + li {
  margin-top: 30px;
}
.group-list.active-log .g.row {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  margin: 15px 0 8px 0;
}
.group-list.active-log .g.row .g.cell:first-child {
  font-size: 1.1em;
  font-weight: 700;
}
.group-list.active-log .g.row .is-edit {
  color: #997950;
  display: flex;
  align-items: center;
  gap: 3px;
}
.group-list.active-log .g.row .is-edit:before {
  content: "​";
  width: 20px;
  height: 20px;
  mask-image: url("../images/svg/Icon_tab_edit.svg");
  -webkit-mask-image: url("../images/svg/Icon_tab_edit.svg");
  background-color: #997950;
  display: block;
}
.group-list.active-log .div .info {
  display: grid;
  grid-template-columns: 300px 1fr;
  gap: 15px;
  align-items: center;
}
@media screen and (max-width: 960px) and (min-width: 1px) {
  .group-list.active-log .div .info {
    display: block;
  }
}
.group-list.active-log .div .img span {
  width: 100%;
  padding-bottom: 75%;
  display: block;
}
.group-list.active-log .div .caption {
  font-size: 1.6em;
  font-weight: 700;
}
.group-list.active-log .div .list {
  border: 1px solid #CECECE;
  border-radius: 3px;
}
.group-list.active-log .div .list li {
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
@media screen and (max-width: 560px) {
  .group-list.active-log .div .list li {
    display: block;
  }
}
.group-list.active-log .div .list li + li {
  border-top: 1px solid #CECECE;
}
.group-list.active-log .div .list li .title {
  font-weight: 700;
}
.group-list.active-log .div .list li .g {
  flex: 0 0 270px;
}

.area-customize.active-checkIn .ct > .in .img {
  height: calc(100dvh - 500px);
  background-image: url("../images/img_password.svg");
  margin: 30px 0;
  background-size: 180px;
}
.area-customize.active-checkIn .ct > .in .code {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
}
.area-customize.active-checkIn .ct > .in .code input {
  width: 60px;
  height: 60px;
  text-align: center;
}

.area-customize.active-sign {
  min-height: calc(100dvh - 100px);
  max-width: 768px;
  margin: 0 auto;
}
.area-customize.active-sign .input.select {
  margin-top: 30px;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .area-customize.active-sign .input.select {
    margin-top: 15px;
    margin-bottom: 0;
    margin-left: 15px;
    margin-right: 15px;
  }
}
@media screen and (max-width: 768px) {
  .area-customize.active-sign > .in .hd .active-detail {
    position: sticky;
    top: 48px;
    left: 0;
    right: 0;
    background-color: #ffffff;
    z-index: 2;
  }
}
.area-customize.active-sign > .in .hd .active-detail ul {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  box-shadow: 0 5px 10px rgba(120, 120, 120, 0.3);
}
.area-customize.active-sign > .in .hd .active-detail ul li {
  flex: 1;
  text-align: center;
  padding: 8px;
}
.area-customize.active-sign > .in .hd .active-detail ul li + li {
  border-left: 1px solid #CECECE;
}
.area-customize.active-sign > .in .hd .active-detail ul li.done .title::before {
  content: url("../images/svg/icon_people.svg");
}
.area-customize.active-sign > .in .hd .active-detail ul li.notYet .title::before {
  content: url("../images/svg/icon_peoples-notYet.svg");
}
.area-customize.active-sign > .in .hd .active-detail ul li.total .title::before {
  content: url("../images/svg/icon_peoples.svg");
}
.area-customize.active-sign > .in .hd .active-detail ul .title {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.area-customize.active-sign > .in .hd .active-detail ul .title img {
  margin-top: 30px;
}
.area-customize.active-sign > .in .hd .active-detail ul .title::before {
  line-height: 1;
}
.area-customize.active-sign > .in .hd .active-detail ul .count {
  font-size: 2rem;
  font-weight: 700;
  color: #997950;
  line-height: 1.2;
}
.area-customize.active-sign > .in .hd .group-tab {
  padding: 15px;
  min-height: calc(100dvh - 180px);
}
@media screen and (max-width: 768px) {
  .area-customize.active-sign > .in .hd .group-tab ul li:first-child {
    position: sticky;
    top: 145px;
    left: 0;
    right: 0;
    background-color: #ffffff;
    z-index: 1;
  }
}
.area-customize.active-sign > .in .hd .group-tab > .in > .ct > .in > ul > li + li {
  margin-top: 25px !important;
}
.area-customize.active-sign > .in .hd .group-tab > .in .qr-reader {
  margin: 30px 0;
}
.area-customize.active-sign > .in .hd .group-tab > .in .qr-reader video {
  width: 100%;
  height: calc(100dvh - 300px);
  background-color: rgb(195, 195, 195);
}
.area-customize.active-sign > .in .hd .list-text.tab {
  overflow: hidden;
}
.area-customize.active-sign > .in .hd .list-text.tab .ct ul {
  margin: 0;
}
.area-customize.active-sign > .in .hd .list-text.tab .ct li {
  padding: 0;
  max-width: 100%;
  width: 50% !important;
}
.area-customize.active-sign > .in .hd .list-text.tab .ct li:first-child a {
  border-radius: 3px 0 0 3px;
}
.area-customize.active-sign > .in .hd .list-text.tab .ct li:last-child a {
  border-radius: 0 3px 3px 0;
}
.area-customize.active-sign > .in .hd .list-text.tab .ct li.is-qrcode a, .area-customize.active-sign > .in .hd .list-text.tab .ct li.is-code a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.area-customize.active-sign > .in .hd .list-text.tab .ct li.is-qrcode a:before, .area-customize.active-sign > .in .hd .list-text.tab .ct li.is-code a:before {
  content: "​";
  display: inline-block;
  transform: scale(1.2);
}
.area-customize.active-sign > .in .hd .list-text.tab .ct li.is-qrcode a::before {
  content: url("../images/svg/icon_qrcode.svg");
}
.area-customize.active-sign > .in .hd .list-text.tab .ct li.is-code a::before {
  content: url("../images/svg/icon_password.svg");
}
.area-customize.active-sign > .in .hd .list-text.tab .ct li.is-active a:before {
  filter: brightness(100);
}
.area-customize.active-sign > .in .hd .list-text.tab .ct li a {
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .area-customize.active-sign > .in .hd .area-table.rwd-straight {
    margin: 15px;
    margin-bottom: 55px;
  }
  .area-customize.active-sign > .in .hd .area-table.rwd-straight .ct tbody td {
    align-items: center;
  }
}
.area-customize.active-sign > .in > .ct .captcha {
  align-items: center;
}
.area-customize.active-sign > .in > .ct .title {
  font-size: 1.4em;
  font-weight: 700;
  text-align: center;
  margin: 8px 0;
}
.area-customize.active-sign > .in > .ct .title + img {
  display: block;
  margin: 30px auto;
  max-width: 90%;
}
.area-customize.active-sign > .in > .ct .animation-container {
  width: 360px;
  height: 240px;
  max-width: 100%;
  margin: 0 auto;
}
.area-customize.active-sign > .in > .ct .active-name {
  font-size: 1.1em;
  margin-bottom: 15px;
  font-weight: 700;
}
.area-customize.active-sign > .in > .ct .info {
  padding: 8px;
  border-radius: 3px;
  background-color: rgba(153, 121, 80, 0.1);
  margin-bottom: 30px;
  margin: 15px;
}
.area-customize.active-sign > .in > .ct .info li {
  color: #343434;
}
.area-customize.active-sign > .in > .ct .info li + li {
  margin-top: 8px;
}
.area-customize.active-sign > .in > .ct .info .neme {
  font-weight: 700;
  display: block;
  color: #2D2D2D;
}
.area-customize.active-sign > .in > .ct .info .neme:after {
  content: "：";
}
.area-customize.active-sign > .in > .ct .input {
  margin-top: 15px;
  margin-bottom: 15px;
}
.area-customize.active-sign > .in > .ct .input:has(.password) {
  margin-top: 0;
}
.area-customize.active-sign > .in > .ct .input input {
  width: 100%;
  margin: 0;
}
.area-customize.active-sign > .in > .ct .input input[type=password] {
  text-align: center;
}
@media screen and (max-width: 768px) {
  .area-customize.active-sign > .in > .ct {
    padding: 15px;
    padding-bottom: 50px;
  }
}
.area-customize.active-sign > .in .ft {
  /*ul*/
}
@media screen and (max-width: 768px) {
  .area-customize.active-sign > .in .ft {
    position: fixed;
    z-index: 1;
    bottom: 0;
    right: 0;
    left: 0;
  }
}
.area-customize.active-sign > .in .ft .btn-list {
  display: flex;
  align-items: stretch;
}
.area-customize.active-sign > .in .ft .btn-list li {
  flex: 1;
}
.area-customize.active-sign > .in .ft .btn-list .btn {
  color: #ffffff;
  display: block;
  font-size: 1.1em;
  padding: 15px;
  background-color: #997950;
  width: auto;
  text-align: center;
}
.area-customize.active-sign > .in .ft .btn-list .btn.is-outline {
  color: #997950;
  border-color: transparent;
  background-color: #f0f0f0;
  color: #646464;
}
@media screen and (max-width: 768px) {
  .area-customize.active-sign > .in .ft .btn-list .btn {
    border-radius: 0;
  }
}

.sys-root:has(.area-customize.active-sign) .base-aside, .sys-root:has(.area-customize.active-sign) .page-header, .sys-root:has(.area-customize.active-sign) .base-footer {
  display: none;
}
.sys-root:has(.area-customize.active-sign) .base-content, .sys-root:has(.area-customize.active-sign) .base-content > .in > .ct > .in, .sys-root:has(.area-customize.active-sign) .base-page-area .group.default[data-type="3"] > .in {
  padding: 0 !important;
}
.sys-root:has(.area-customize.active-sign) .page-content, .sys-root:has(.area-customize.active-sign) .base-page-area, .sys-root:has(.area-customize.active-sign) .base-section > .in {
  margin: 0 !important;
}

.area-essay.active > .in {
  position: relative;
}
.area-essay.active .hd {
  display: none;
}
.area-essay.active .ct {
  background-color: #ffffff;
  border: 1px solid #CECECE;
  border-color: rgba(206, 206, 206, 0.7);
}
.area-essay.active .ct > .in .div {
  display: grid;
  flex-direction: initial;
  grid-template-columns: 35% 1fr;
}
@media screen and (max-width: 1366px) {
  .area-essay.active .ct > .in .div {
    display: block;
  }
}
.area-essay.active .ct .img {
  cursor: pointer;
}
.area-essay.active .ct .img > span {
  display: block;
  padding-bottom: 56.25%;
  background-image: url("../images/default.png");
  transition: 150ms;
}
.area-essay.active .ct .img img {
  display: none;
}
.area-essay.active .ct .essay {
  padding: 15px;
  box-sizing: border-box;
}
.area-essay.active .ct ul.activeInfo > li {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  column-gap: 8px;
}
@media screen and (max-width: 560px) {
  .area-essay.active .ct ul.activeInfo > li {
    flex-direction: column;
  }
}
.area-essay.active .ct ul.activeInfo > li + li {
  margin-top: 8px;
}
.area-essay.active .ct .caption {
  display: -webkit-box !important;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin-bottom: 8px;
  font-size: 1.4em;
  line-height: 1.5;
}
@media screen and (max-width: 1366px) {
  .area-essay.active .ct .caption {
    display: block !important;
  }
}
.area-essay.active .ct .title {
  color: #343434;
  font-weight: 700 !important;
  background-color: #f0f0f0 !important;
  border-radius: 50px !important;
  padding: 3px 15px !important;
  padding-left: 30px !important;
  white-space: nowrap;
}
.area-essay.active .ct .flag .title, .area-essay.active .ct .date .title {
  background-position: center left 8px;
  background-size: 20px;
  padding-left: 32px;
}
.area-essay.active .ct .flag .list {
  display: flex;
  gap: 5px;
  flex-wrap: wrap;
  width: 100%;
}
.area-essay.active .ct .flag .list li {
  padding: 3px 8px;
  border: 1px solid #CECECE;
  border-radius: 3px;
  display: block;
  max-width: 100%;
}
.area-essay.active .ct .flag .total {
  border: none !important;
  font-size: 0.9em;
}
.area-essay.active .ct .flag .total span {
  margin: 0 3px;
}
.area-essay.active .ct .flag .title {
  background-image: url("../images/svg/icon_flag.svg");
}
.area-essay.active .ct .date .title {
  background-image: url("../images/svg/icon_calendar.svg");
}
.group-list.active .area-essay.active {
  border: 1px solid #CECECE;
  border-color: rgba(206, 206, 206, 0.7);
  border-radius: 3px;
  overflow: hidden;
  background-color: #ffffff;
  height: 100%;
}
.group-list.active .area-essay.active > .in {
  height: 100%;
}
.group-list.active .area-essay.active .activeInfo > li {
  flex-direction: column;
}
.group-list.active .area-essay.active > .in > .ct {
  border: none;
}
.group-list.active .area-essay.active > .in > .ct > .in .div {
  display: block;
}
.group-list.active .area-essay.active > .in > .ct > .in .div:hover .flag {
  opacity: 1;
  height: auto;
  transform: translateY(0px);
  position: absolute;
  bottom: 0;
  max-height: 58px;
}
.group-list.active .area-essay.active > .in > .ct > .in .img {
  position: relative;
  overflow: hidden;
}
.group-list.active .area-essay.active > .in > .ct > .in .caption {
  min-height: 4rem;
}
.group-list.active .area-essay.active > .in > .ct > .in .flag {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 8px 15px;
  background-color: rgba(45, 45, 45, 0.8);
  opacity: 0;
  cursor: default;
  height: 0;
  transition: 150ms;
  transform: translateY(50%);
}
.group-list.active .area-essay.active > .in > .ct > .in .flag .title {
  background-color: transparent !important;
  background-image: none;
  padding-left: 0 !important;
  color: #ffffff;
}
.group-list.active .area-essay.active > .in > .ct > .in .flag li {
  color: #ffffff;
  position: relative;
}
.group-list.active .area-essay.active > .in > .ct > .in .flag li.more {
  overflow: visible;
}
.group-list.active .area-essay.active > .in > .ct > .in .flag li.more:hover::after {
  content: attr(data-num);
  display: block;
  position: absolute;
  background-color: #787878;
  color: #ffffff;
  top: -120%;
  left: -55%;
  padding: 5px;
  border-radius: 3px;
}
.group-list.active .area-essay.active > .in > .ct > .in .flag li.more:hover::before {
  content: "";
  position: absolute;
  top: -5%;
  left: 50%;
  margin-left: -5px;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #787878;
}
.group-list.active .area-essay.active > .in > .ct > .in .caption {
  font-weight: 700;
}
.group-list.active .area-essay.active > .in > .ct > .in .date {
  color: #787878;
  background-image: url("../images/SVG/icon_calendar.svg");
  background-size: 16px;
  background-position: top 3px left;
  padding-left: 20px;
}
.group-list.active .area-essay.active > .in > .ct > .in .date .title {
  display: none;
}
.group-list.active .area-essay.active > .in > .ft {
  padding: 0 15px;
  margin: 8px 0;
}
.group-list.active .area-essay.active > .in > .ft ul {
  display: flex;
  align-items: stretch;
  gap: 8px;
}
.group-list.active .area-essay.active > .in > .ft li {
  display: block;
  flex: 1;
}
.group-list.active .area-essay.active > .in > .ft li a {
  padding: 15px;
}
.area-essay.active .is-important + .is-important {
  margin-top: 8px;
}
.area-essay.active .is-important .icon-search {
  display: flex;
  align-items: center;
  gap: 5px;
  justify-content: center;
}
.area-essay.active .is-important .icon-search:before {
  content: "​";
  width: 20px;
  height: 20px;
  mask-image: url("../images/svg/icon_search.svg");
  -webkit-mask-image: url("../images/svg/icon_search.svg");
  mask-size: contain;
  -webkit-mask-size: contain;
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  background-color: #2D2D2D;
  background-color: #997950;
  display: block;
}
.group.active-detail .area-essay.active {
  position: sticky;
  top: 0;
  right: 0;
  height: calc(100dvh - 180px);
  overflow: auto;
}
@media screen and (max-width: 768px) {
  .group.active-detail .area-essay.active {
    height: auto;
    position: initial;
  }
}
.group.active-detail .area-essay.active .activeInfo > li {
  flex-direction: column;
}

.group.active-detail > .in > .ct > .in {
  display: grid;
  grid-template-areas: "edit  info";
  grid-template-columns: calc(100% - 360px - 30px) 360px;
  gap: 30px;
}
@media screen and (max-width: 1366px) {
  .group.active-detail > .in > .ct > .in {
    display: block;
  }
}
.group.active-detail > .in > .ct > .in .area-essay.active {
  grid-area: info;
}
.group.active-detail > .in > .ct > .in .area-essay.active > .in > .ct {
  border: none;
}
.group.active-detail > .in > .ct > .in .area-essay.active > .in > .ct > .in > .div {
  display: flex;
  box-shadow: 0 0 8px #787878;
  border-radius: 3px;
}
@media screen and (min-width: 900px) {
  .group.active-detail > .in > .ct > .in .area-essay.active > .in > .ct > .in > .div {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .group.active-detail > .in > .ct > .in .area-essay.active > .in > .ct > .in > .div {
    display: block;
  }
}
.group.active-detail > .in > .ct > .in .area-essay.active > .in > .ct > .in > .div .img {
  cursor: initial;
}
.group.active-detail > .in > .ct > .in .area-essay.active > .in > .ct > .in > .div .img:hover span {
  transform: none;
}
.group.active-detail > .in > .ct > .in .area-essay.active > .in > .ct > .in > .div .essay {
  padding: 15px;
}
.group.active-detail > .in > .ct > .in .area-essay.active > .in > .ct > .in > .div .btn-list {
  padding: 15px;
}
.group.active-detail > .in > .ct > .in .area-essay.active > .in > .ct > .in .session {
  margin-top: 15px;
  box-shadow: 0 0 8px #787878;
  border-radius: 3px;
}
.group.active-detail > .in > .ct > .in .area-essay.active > .in > .ct > .in .session .status {
  padding: 3px 8px;
  border-radius: 3px;
  background-color: #CECECE;
  color: #343434;
  font-size: 0.8rem;
  margin-right: 5px;
  display: inline-block;
  vertical-align: text-bottom;
}
.group.active-detail > .in > .ct > .in .area-essay.active > .in > .ct > .in .session .status.is-danger {
  background-color: #ffe9ea;
  color: #ea5b60;
}
.group.active-detail > .in > .ct > .in .area-essay.active > .in > .ct > .in .session .status.is-success {
  background-color: #d4f2e5;
  color: #0d7247;
}
.group.active-detail > .in > .ct > .in .area-essay.active > .in > .ct > .in .session .title {
  background-color: rgba(169, 175, 194, 0.5) !important;
  border: none;
  padding: 15px !important;
  font-size: 1.1em;
  border-radius: 0;
  text-align: left;
  color: #2D2D2D !important;
  border-radius: 0 !important;
}
.group.active-detail > .in > .ct > .in .area-essay.active > .in > .ct > .in .session .list {
  padding: 15px;
  max-height: 360px;
  overflow-y: auto;
}
@media screen and (max-width: 768px) {
  .group.active-detail > .in > .ct > .in .area-essay.active > .in > .ct > .in .session .list {
    max-height: 120px;
  }
}
.group.active-detail > .in > .ct > .in .area-essay.active > .in > .ct > .in .session .list li {
  padding: 8px 0;
}
.group.active-detail > .in > .ct > .in .area-essay.active > .in > .ct > .in .session .list li + li {
  border-top: 1px dashed #CECECE;
}
.group.active-detail > .in > .ct > .in .area-essay.active > .in > .ct > .in .session .name {
  font-size: 1em;
  font-weight: bold;
  margin-bottom: 5px;
}
.group.active-detail > .in > .ct > .in .area-essay.active > .in > .ct > .in .session .date, .group.active-detail > .in > .ct > .in .area-essay.active > .in > .ct > .in .session .address {
  color: #646464;
  padding-left: 20px !important;
  background-position: center left;
  background-size: 16px;
}
.group.active-detail > .in > .ct > .in .area-essay.active > .in > .ct > .in .session .date {
  background-image: url("../images/svg/icon_calendar.svg");
}
.group.active-detail > .in > .ct > .in .area-essay.active > .in > .ct > .in .session .address {
  background-image: url("../images/svg/icon_map.svg");
}
.group.active-detail > .in > .ct > .in .area-essay.active > .in > .ct a {
  width: 100%;
}
.group.active-detail > .in > .ct > .in .area-editor.user-edit {
  grid-area: edit;
}
.group.active-detail > .in > .ct > .in .area-editor.user-edit img {
  max-width: 100% !important;
}
.group.active-detail .is-large {
  font-size: 1.1em;
  padding: 15px !important;
}

.group-list.active[data-setlen="1"] > .in > .ct > .in > ul > li {
  --columns:calc(100% / 1);
  flex: 0 0 calc(100% / 1 - 8px);
  max-width: calc(var(--columns) - 16px);
}
@media screen and (max-width: 1366px) and (min-width: 1px) {
  .group-list.active[data-setlen="1"] > .in > .ct > .in > ul > li {
    flex: 0 0 50% !important;
    width: 50%;
    max-width: calc(50% - 16px);
  }
}
@media screen and (max-width: 768px) {
  .group-list.active[data-setlen="1"] > .in > .ct > .in > ul > li {
    flex: 0 0 50% !important;
    width: 50%;
    max-width: calc(50% - 16px);
  }
}
@media screen and (max-width: 560px) {
  .group-list.active[data-setlen="1"] > .in > .ct > .in > ul > li {
    flex: 0 0 100% !important;
    width: 100%;
    max-width: 100%;
  }
}
.group-list.active[data-setlen="2"] > .in > .ct > .in > ul > li {
  --columns:calc(100% / 2);
  flex: 0 0 calc(100% / 2 - 8px);
  max-width: calc(var(--columns) - 16px);
}
@media screen and (max-width: 1366px) and (min-width: 1px) {
  .group-list.active[data-setlen="2"] > .in > .ct > .in > ul > li {
    flex: 0 0 50% !important;
    width: 50%;
    max-width: calc(50% - 16px);
  }
}
@media screen and (max-width: 768px) {
  .group-list.active[data-setlen="2"] > .in > .ct > .in > ul > li {
    flex: 0 0 50% !important;
    width: 50%;
    max-width: calc(50% - 16px);
  }
}
@media screen and (max-width: 560px) {
  .group-list.active[data-setlen="2"] > .in > .ct > .in > ul > li {
    flex: 0 0 100% !important;
    width: 100%;
    max-width: 100%;
  }
}
.group-list.active[data-setlen="3"] > .in > .ct > .in > ul > li {
  --columns:calc(100% / 3);
  flex: 0 0 calc(100% / 3 - 8px);
  max-width: calc(var(--columns) - 16px);
}
@media screen and (max-width: 1366px) and (min-width: 1px) {
  .group-list.active[data-setlen="3"] > .in > .ct > .in > ul > li {
    flex: 0 0 50% !important;
    width: 50%;
    max-width: calc(50% - 16px);
  }
}
@media screen and (max-width: 768px) {
  .group-list.active[data-setlen="3"] > .in > .ct > .in > ul > li {
    flex: 0 0 50% !important;
    width: 50%;
    max-width: calc(50% - 16px);
  }
}
@media screen and (max-width: 560px) {
  .group-list.active[data-setlen="3"] > .in > .ct > .in > ul > li {
    flex: 0 0 100% !important;
    width: 100%;
    max-width: 100%;
  }
}
.group-list.active[data-setlen="4"] > .in > .ct > .in > ul > li {
  --columns:calc(100% / 4);
  flex: 0 0 calc(100% / 4 - 8px);
  max-width: calc(var(--columns) - 16px);
}
@media screen and (max-width: 1366px) and (min-width: 1px) {
  .group-list.active[data-setlen="4"] > .in > .ct > .in > ul > li {
    flex: 0 0 50% !important;
    width: 50%;
    max-width: calc(50% - 16px);
  }
}
@media screen and (max-width: 768px) {
  .group-list.active[data-setlen="4"] > .in > .ct > .in > ul > li {
    flex: 0 0 50% !important;
    width: 50%;
    max-width: calc(50% - 16px);
  }
}
@media screen and (max-width: 560px) {
  .group-list.active[data-setlen="4"] > .in > .ct > .in > ul > li {
    flex: 0 0 100% !important;
    width: 100%;
    max-width: 100%;
  }
}
.group-list.active[data-setlen="5"] > .in > .ct > .in > ul > li {
  --columns:calc(100% / 5);
  flex: 0 0 calc(100% / 5 - 8px);
  max-width: calc(var(--columns) - 16px);
}
@media screen and (max-width: 1366px) and (min-width: 1px) {
  .group-list.active[data-setlen="5"] > .in > .ct > .in > ul > li {
    flex: 0 0 50% !important;
    width: 50%;
    max-width: calc(50% - 16px);
  }
}
@media screen and (max-width: 768px) {
  .group-list.active[data-setlen="5"] > .in > .ct > .in > ul > li {
    flex: 0 0 50% !important;
    width: 50%;
    max-width: calc(50% - 16px);
  }
}
@media screen and (max-width: 560px) {
  .group-list.active[data-setlen="5"] > .in > .ct > .in > ul > li {
    flex: 0 0 100% !important;
    width: 100%;
    max-width: 100%;
  }
}
.group-list.active[data-setlen="6"] > .in > .ct > .in > ul > li {
  --columns:calc(100% / 6);
  flex: 0 0 calc(100% / 6 - 8px);
  max-width: calc(var(--columns) - 16px);
}
@media screen and (max-width: 1366px) and (min-width: 1px) {
  .group-list.active[data-setlen="6"] > .in > .ct > .in > ul > li {
    flex: 0 0 50% !important;
    width: 50%;
    max-width: calc(50% - 16px);
  }
}
@media screen and (max-width: 768px) {
  .group-list.active[data-setlen="6"] > .in > .ct > .in > ul > li {
    flex: 0 0 50% !important;
    width: 50%;
    max-width: calc(50% - 16px);
  }
}
@media screen and (max-width: 560px) {
  .group-list.active[data-setlen="6"] > .in > .ct > .in > ul > li {
    flex: 0 0 100% !important;
    width: 100%;
    max-width: 100%;
  }
}
.group-list.active[data-setlen="7"] > .in > .ct > .in > ul > li {
  --columns:calc(100% / 7);
  flex: 0 0 calc(100% / 7 - 8px);
  max-width: calc(var(--columns) - 16px);
}
@media screen and (max-width: 1366px) and (min-width: 1px) {
  .group-list.active[data-setlen="7"] > .in > .ct > .in > ul > li {
    flex: 0 0 50% !important;
    width: 50%;
    max-width: calc(50% - 16px);
  }
}
@media screen and (max-width: 768px) {
  .group-list.active[data-setlen="7"] > .in > .ct > .in > ul > li {
    flex: 0 0 50% !important;
    width: 50%;
    max-width: calc(50% - 16px);
  }
}
@media screen and (max-width: 560px) {
  .group-list.active[data-setlen="7"] > .in > .ct > .in > ul > li {
    flex: 0 0 100% !important;
    width: 100%;
    max-width: 100%;
  }
}
.group-list.active[data-setlen="8"] > .in > .ct > .in > ul > li {
  --columns:calc(100% / 8);
  flex: 0 0 calc(100% / 8 - 8px);
  max-width: calc(var(--columns) - 16px);
}
@media screen and (max-width: 1366px) and (min-width: 1px) {
  .group-list.active[data-setlen="8"] > .in > .ct > .in > ul > li {
    flex: 0 0 50% !important;
    width: 50%;
    max-width: calc(50% - 16px);
  }
}
@media screen and (max-width: 768px) {
  .group-list.active[data-setlen="8"] > .in > .ct > .in > ul > li {
    flex: 0 0 50% !important;
    width: 50%;
    max-width: calc(50% - 16px);
  }
}
@media screen and (max-width: 560px) {
  .group-list.active[data-setlen="8"] > .in > .ct > .in > ul > li {
    flex: 0 0 100% !important;
    width: 100%;
    max-width: 100%;
  }
}
.group-list.active[data-setlen="9"] > .in > .ct > .in > ul > li {
  --columns:calc(100% / 9);
  flex: 0 0 calc(100% / 9 - 8px);
  max-width: calc(var(--columns) - 16px);
}
@media screen and (max-width: 1366px) and (min-width: 1px) {
  .group-list.active[data-setlen="9"] > .in > .ct > .in > ul > li {
    flex: 0 0 50% !important;
    width: 50%;
    max-width: calc(50% - 16px);
  }
}
@media screen and (max-width: 768px) {
  .group-list.active[data-setlen="9"] > .in > .ct > .in > ul > li {
    flex: 0 0 50% !important;
    width: 50%;
    max-width: calc(50% - 16px);
  }
}
@media screen and (max-width: 560px) {
  .group-list.active[data-setlen="9"] > .in > .ct > .in > ul > li {
    flex: 0 0 100% !important;
    width: 100%;
    max-width: 100%;
  }
}
.group-list.active[data-setlen="10"] > .in > .ct > .in > ul > li {
  --columns:calc(100% / 10);
  flex: 0 0 calc(100% / 10 - 8px);
  max-width: calc(var(--columns) - 16px);
}
@media screen and (max-width: 1366px) and (min-width: 1px) {
  .group-list.active[data-setlen="10"] > .in > .ct > .in > ul > li {
    flex: 0 0 50% !important;
    width: 50%;
    max-width: calc(50% - 16px);
  }
}
@media screen and (max-width: 768px) {
  .group-list.active[data-setlen="10"] > .in > .ct > .in > ul > li {
    flex: 0 0 50% !important;
    width: 50%;
    max-width: calc(50% - 16px);
  }
}
@media screen and (max-width: 560px) {
  .group-list.active[data-setlen="10"] > .in > .ct > .in > ul > li {
    flex: 0 0 100% !important;
    width: 100%;
    max-width: 100%;
  }
}
.group-list.active > .in > .ct > .in > ul {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 20px;
}
.group-list.active > .in > .ct > .in > ul > li {
  box-sizing: border-box;
}
@media screen and (max-width: 1280px) and (min-width: 901px) {
  .group-list.active > .in > .ct > .in > ul > li {
    flex: 0 0 33.333%;
    max-width: 33.333%;
  }
}
@media screen and (max-width: 768px) and (min-width: 561px) {
  .group-list.active > .in > .ct > .in > ul > li {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media screen and (max-width: 560px) {
  .group-list.active > .in > .ct > .in > ul > li {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 8px 0;
  }
}
.area-form.search:has(+ .calendar-search-result) .ct .fieldset {
  justify-content: space-between;
}
.area-form.search:has(+ .calendar-search-result) .ct .fieldset .btn.is-outline {
  height: 100%;
}
.area-form.search:has(+ .calendar-search-result) .ct .fieldset span.search {
  flex: 0 0 calc(100% - 36px - 70px);
  max-width: calc(100% - 36px - 70px);
}

.group-list.calendar-search-result .ct > .in ul {
  margin-top: 15px;
}
.group-list.calendar-search-result .ct > .in ul li {
  padding: 15px;
  transition: 150ms;
}
.group-list.calendar-search-result .ct > .in ul li:hover a {
  border-radius: 25px;
  background-image: linear-gradient(45deg, transparent, #f0f0f0);
}
.group-list.calendar-search-result .ct > .in ul li a {
  display: flex;
  align-items: center;
}
.group-list.calendar-search-result .ct > .in ul li a:hover {
  color: unset;
}
.group-list.calendar-search-result .ct > .in ul li a:hover .title {
  color: #997950;
  transition: 150ms;
}
@media screen and (max-width: 560px) {
  .group-list.calendar-search-result .ct > .in ul li a {
    flex-direction: column;
    align-items: flex-start;
  }
  .group-list.calendar-search-result .ct > .in ul li a .date {
    margin-bottom: 8px;
  }
}
.group-list.calendar-search-result .ct > .in ul li a .date {
  display: grid;
  grid-template-columns: 40px 40px 20px;
  grid-template-rows: 20px 20px;
  column-gap: 8px;
  width: max-content;
  text-align: center;
  margin-right: 8px;
}
.group-list.calendar-search-result .ct > .in ul li a .date .yy {
  grid-row: 1;
  grid-column: 2;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.group-list.calendar-search-result .ct > .in ul li a .date .mm {
  position: relative;
  grid-row: 1;
  grid-column: 3;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.group-list.calendar-search-result .ct > .in ul li a .date .mm::before {
  content: "/";
  position: absolute;
  left: -8px;
}
.group-list.calendar-search-result .ct > .in ul li a .date .dd {
  font-size: 1.6em;
  font-weight: 700;
  background-color: #f0f0f0;
  border-radius: 50%;
  grid-row: 1/span 2;
  grid-column: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.group-list.calendar-search-result .ct > .in ul li a .date .week {
  grid-row: 2;
  grid-column: 2/4;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  color: #646464;
  font-size: 0.9em;
}
.group-list.calendar-search-result .ct > .in ul li + li {
  border-top: 1px solid #CECECE;
}
.group-list.calendar-search-result .ct > .in ul li.is-today a .date .dd {
  color: #ffffff;
  background-color: #997950;
}
.group-list.page-block > .in > .ct > .in > ul > li {
  width: calc(100% / 3);
  display: inline-block;
  vertical-align: top;
}
.group-list.page-block > .in > .ct > .in > ul > li {
  box-sizing: border-box;
  padding: 0 3px 5px 0;
  margin: 0 -2px;
}
@media screen and (max-width: 1366px) and (min-width: 769px) {
  .group-list.page-block > .in > .ct > .in > ul > li {
    max-width: none !important;
    width: calc(100% / 3) !important;
    clear: none;
  }
  .group-list.page-block > .in > .ct > .in > ul > li:nth-child(3n+1) {
    clear: left;
  }
}
@media screen and (max-width: 768px) and (min-width: 561px) {
  .group-list.page-block > .in > .ct > .in > ul > li {
    max-width: none !important;
    width: calc(100% / 2) !important;
    clear: none;
  }
  .group-list.page-block > .in > .ct > .in > ul > li:nth-child(2n+1) {
    clear: left;
  }
}
@media screen and (max-width: 560px) {
  .group-list.page-block > .in > .ct > .in > ul > li {
    max-width: none !important;
    width: calc(100% / 1) !important;
    clear: none;
  }
  .group-list.page-block > .in > .ct > .in > ul > li:nth-child(1n+1) {
    clear: left;
  }
}
@media screen and (max-width: 1280px) and (min-width: 901px) {
  .group-list.page-block > .in > .ct > .in > ul > li {
    width: 50%;
  }
}
.group-list.page-list {
  margin-top: 8px;
}
.group-list.page-list > .bg-drop-layout > .in > .ct > .in > ul > li + li, .group-list.page-list > .in > .ct > .in > ul > li + li {
  margin-top: 8px;
}
.group-list.page-list:has(.area-essay.toggle) li {
  margin-top: 0 !important;
  border-bottom: 1px dashed #CECECE;
}

.group-list.search-filter > .in {
  padding: 15px;
  background-color: #f0f0f0;
  box-sizing: border-box;
}
.group-list.search-filter > .in > .ct > .in .selected-area .selected-info {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 1em;
}
.group-list.search-filter > .in > .ct > .in .selected-area .selected-info .count, .group-list.search-filter > .in > .ct > .in .selected-area .selected-info .max {
  color: #997950;
  margin: 0 3px;
}
.group-list.search-filter > .in > .ct > .in .selected-area .selected-info a {
  display: inline-block;
  vertical-align: middle;
  border: 1px solid #CECECE;
  background-color: #ffffff;
  padding: 5px 8px;
  border-radius: 3px;
  position: relative;
  transition: 150ms;
  margin-left: 8px;
}
.group-list.search-filter > .in > .ct > .in .selected-area .g-chips {
  padding-top: 8px;
  margin-top: 8px;
  border-top: #787878 1px dashed;
}
.group-list.search-filter > .in > .ct > .in .selected-area .g-chips[data-child="0"] {
  border-top: 0;
}
.group-list.search-filter > .in > .ct > .in .selected-area .g-chips ul {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: 0 -5px;
}
.group-list.search-filter > .in > .ct > .in .selected-area .g-chips ul li {
  padding: 5px;
}
.group-list.search-filter > .in > .ct > .in .selected-area .g-chips ul li a {
  display: flex;
  align-items: center;
  padding: 3px 8px;
  border: 1px solid #CECECE;
  border-radius: 3px;
  background-color: rgba(240, 240, 240, 0.3);
  background-color: #ffffff;
}
.group-list.search-filter > .in > .ct > .in .selected-area .g-chips ul li a:after {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  background-image: url("../images/svg/icon_cancel.svg");
  background-position: center center;
  background-repeat: no-repeat;
  margin-left: 5px;
  opacity: 0.5;
}
.group-list.search-filter > .in > .ct > .in > ul {
  position: relative;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  background-color: #ffffff;
}
.group-list.search-filter > .in > .ct > .in > ul > li {
  flex: 3;
  padding: 0 15px;
}
.group-list.search-filter > .in > .ct > .in > ul > li:first-child {
  flex: 2;
  max-width: 35%;
  padding: 0;
  border-right: 1px solid #CECECE;
}
.group-list.search-filter > .in > .ct > .in > ul > li:first-child .list-text.tab ul {
  margin: 0 !important;
  display: block;
}
.group-list.search-filter > .in > .ct > .in > ul > li:first-child .list-text.tab ul > li {
  display: block;
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  position: relative;
  border-bottom: 1px solid #CECECE;
}
.group-list.search-filter > .in > .ct > .in > ul > li:first-child .list-text.tab ul > li:after {
  display: block;
  content: attr(data-length);
  color: #2D2D2D;
  background-color: rgba(238, 162, 22, 0.846);
  text-align: right;
  font-size: 0.8em;
  border-radius: 3px;
  padding: 0 5px;
  position: absolute;
  right: 36px;
  top: calc(50% - 11px);
}
.group-list.search-filter > .in > .ct > .in > ul > li:first-child .list-text.tab ul > li[data-length="0"]:after {
  display: none;
}
.group-list.search-filter > .in > .ct > .in > ul > li:first-child .list-text.tab ul > li.is-active a {
  background-color: #ffffff;
  color: #997950;
}
.group-list.search-filter > .in > .ct > .in > ul > li:first-child .list-text.tab ul > li a {
  font-weight: normal;
  text-align: left;
  border-radius: 0;
  position: relative;
  padding: 8px 16px;
  padding-right: 60px;
  background-color: transparent;
  font-size: 1em;
}
.group-list.search-filter > .in > .ct > .in > ul > li:first-child .list-text.tab ul > li a:after {
  content: "";
  display: block;
  background-image: url("../images/svg/icon_arrow-right.svg");
  background-position: center center;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  position: absolute;
  right: 8px;
  top: 50%;
  margin-top: -10px;
  opacity: 0.5;
}
.group-list.search-filter > .in > .ct > .in .is-parent > .title {
  background-image: url("../images/svg/icon_arrow-right.svg");
  background-size: 20px;
  background-position: top 15px right 15px;
}
.group-list.search-filter > .in > .ct > .in .is-parent.is-active > .title {
  background-image: url("../images/svg/icon_arrow-top.svg");
}
.list-text.jump-tool .hd {
  display: none;
}
.list-text.jump-tool .ct {
  /*i*/
}
.list-text.jump-tool .ct ul {
  text-align: right;
  padding: 3px 0;
}
@media screen and (max-width: 560px) {
  .list-text.jump-tool .ct ul {
    text-align: center;
  }
}
.list-text.jump-tool .ct li {
  display: inline-block;
  margin: 5px;
}
.list-text.jump-tool .ct span {
  display: block;
}
.list-text.jump-tool.NextPreNews {
  display: none;
}
.list-text.jump-tool.NextPreNews > .in .ct {
  /*i*/
}
.list-text.jump-tool.NextPreNews > .in .ct ul {
  text-align: right;
}
.list-text.jump-tool.NextPreNews > .in .ct li {
  display: inline-block;
  max-width: 48%;
}
.list-text.jump-tool.NextPreNews > .in .ct li.PreNews {
  float: left;
}
.list-text.jump-tool.NextPreNews > .in .ct li.PreNews a {
  background-image: url(../images/icon-pic/away-w-left.png);
  background-position: left;
  padding-left: 20px;
}
.list-text.jump-tool.NextPreNews > .in .ct li.NextNews {
  float: right;
}
.list-text.jump-tool.NextPreNews > .in .ct li.NextNews a {
  background-image: url(../images/icon-pic/away-w-right.png);
  background-position: right;
  padding-right: 20px;
}
.list-text.jump-tool.NextPreNews > .in .ct span {
  display: block;
}
.list-text.jump-tool.NextPreNews > .in .ct a {
  background-repeat: no-repeat;
  text-align: left;
}
body:has(.intro-container) .list-text.classify {
  position: sticky;
  top: 200px;
}

.list-text.classify {
  margin: 0;
}
.list-text.classify + .list-text.classify {
  margin: 8px auto !important;
}
.list-text.classify + .list-text.classify li.is-active a {
  border-color: #997950;
  color: #ffffff;
  background-color: #997950;
  font-weight: 700;
}
.list-text.classify + .list-text.classify a {
  border: none;
  padding: 8px 15px;
  font-size: 0.9em;
  background-color: #f0f0f0;
}
.list-text.classify .ct {
  /*i*/
}
.list-text.classify .ct ul {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 8px;
}
.list-text.classify .ct li.is-active a {
  color: rgb(149.6510729614, 118.3515021459, 78.2489270386);
  background-color: #997950;
  color: #ffffff;
}
.list-text.classify .ct span {
  display: block;
}
.list-text.classify .ct a {
  display: block;
  padding: 8px 16px;
  border: 1px solid #CECECE;
  color: #343434;
  text-align: center;
  transition: 150ms;
  border-radius: 3px;
}
.list-text.classify .ct a:focus, .list-text.classify .ct a:hover, .list-text.classify .ct a:focus {
  opacity: 0.5;
}
.list-text.step .ct ul[data-child="1"] li {
  width: calc(100% / 2);
}
.list-text.step .ct ul[data-child="2"] li {
  width: calc(100% / 2);
}
.list-text.step .ct ul[data-child="2"] li {
  width: calc(100% / 2);
}
.list-text.step .ct ul[data-child="3"] li {
  width: calc(100% / 3);
}
.list-text.step .ct ul[data-child="4"] li {
  width: calc(100% / 4);
}
.list-text.step .ct ul[data-child="5"] li {
  width: calc(100% / 5);
}
.list-text.step .ct li {
  width: calc(100% / 2);
  display: inline-block;
  vertical-align: top;
}
.list-text.step .ct {
  padding: 15px 0;
  /*i*/
}
@media screen and (max-width: 560px) {
  .list-text.step .ct {
    padding: 0;
  }
}
.list-text.step .ct ul {
  position: relative;
  display: flex;
  align-items: stretch;
}
@media screen and (max-width: 560px) {
  .list-text.step .ct ul {
    flex-direction: column;
  }
}
.list-text.step .ct li {
  display: inline-block;
  vertical-align: bottom;
  margin-left: -5px;
  box-sizing: border-box;
  max-width: 100%;
  position: relative;
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 560px) {
  .list-text.step .ct li {
    margin-left: 5px;
    padding: 0;
    padding-left: 15px;
    width: 100% !important;
    border-left: 1px solid #CECECE;
    border-color: #997950;
  }
  .list-text.step .ct li:after {
    content: "​";
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background-color: #997950;
    display: block;
    position: absolute;
    top: 0.8em;
    left: -5px;
  }
}
@media screen and (max-width: 560px) {
  .list-text.step .ct li.is-active {
    border-image: linear-gradient(to bottom, #997950 0.9rem, #997950 0.9rem, #CECECE 51%, #CECECE 100%);
    border-image-slice: 1;
  }
}
.list-text.step .ct li.is-active a {
  font-weight: 700;
}
.list-text.step .ct li.is-active a .mark {
  border-image: linear-gradient(to right, #997950 0%, #997950 50%, #CECECE 51%, #CECECE 100%);
  border-image-slice: 1;
  font-weight: 700;
}
@media screen and (max-width: 560px) {
  .list-text.step .ct li.is-active ~ li {
    border-color: #CECECE;
  }
}
@media screen and (max-width: 560px) {
  .list-text.step .ct li.is-active ~ li:after {
    background-color: #CECECE;
  }
}
.list-text.step .ct li.is-active ~ li .mark {
  color: #646464;
  border-color: #CECECE;
  font-weight: initial;
}
.list-text.step .ct li.is-active ~ li .mark:after {
  background-color: #CECECE;
}
.list-text.step .ct li.is-active ~ li a {
  color: #646464;
}
.list-text.step .ct span {
  display: block;
  width: 100%;
}
.list-text.step .ct a {
  display: block;
  max-width: 100%;
  padding: 8px 0;
  color: #997950;
  text-decoration: none;
  text-align: center;
  word-break: normal;
  position: relative;
}
@media screen and (max-width: 560px) {
  .list-text.step .ct a {
    text-align: left;
  }
}
.list-text.step .ct .mark {
  color: #997950;
  display: block;
  margin: 0 0 8px 0;
  padding-bottom: 5px;
  border-bottom: 1px solid #CECECE;
  border-color: #997950;
}
@media screen and (max-width: 560px) {
  .list-text.step .ct .mark {
    border: none;
    margin-bottom: 0;
    padding-bottom: 0;
  }
}
.list-text.step .ct .mark:after {
  content: "​";
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background-color: #997950;
  display: block;
  position: absolute;
  left: calc(50% - 7px);
}
@media screen and (max-width: 560px) {
  .list-text.step .ct .mark:after {
    display: none;
  }
}
.area-customize.pagination {
  margin-top: 15px;
}
.area-customize.pagination .hd {
  display: none;
}
.area-customize.pagination .ct {
  /*i*/
}
.area-customize.pagination .ct > .in {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 8px;
}
@media screen and (max-width: 560px) {
  .area-customize.pagination .ct > .in {
    flex-direction: column;
  }
}
.area-customize.pagination .ct .pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 3px;
}
.area-customize.pagination .ct ul {
  display: flex;
  align-items: center;
  justify-content: center;
}
.area-customize.pagination .ct li {
  display: flex;
  align-items: center;
  gap: 3px;
}
.area-customize.pagination .ct li.PagedList-skipToPrevious a {
  background-image: url("../images/svg/icon_arrow-left.svg");
  background-size: 14px;
}
.area-customize.pagination .ct li.PagedList-skipToNext a {
  background-image: url("../images/svg/icon_arrow-right.svg");
  background-size: 14px;
}
.area-customize.pagination .ct li.PagedList-skipToFirst a {
  background-image: url("../images/svg/icon_next.svg");
  transform: rotate(180deg);
  background-size: 14px;
}
.area-customize.pagination .ct li.PagedList-skipToLast a {
  background-image: url("../images/svg/icon_next.svg");
  background-size: 14px;
}
.area-customize.pagination .ct li.PageSizeGo > a {
  background-image: url("../images/svg/icon_nav.svg");
  background-size: 14px;
}
.area-customize.pagination .ct li.pageSelect label {
  display: none;
}
.area-customize.pagination .ct li.pageSelect input {
  width: 60px;
}
.area-customize.pagination .ct li a, .area-customize.pagination .ct li input {
  border: 1px solid #CECECE;
  width: 30px;
  height: 30px;
  border-radius: 3px;
  background-color: #ffffff;
  box-sizing: border-box;
}
.area-customize.pagination .ct select {
  display: inline-block;
  width: auto;
  max-width: initial;
  height: 30px;
}
.area-customize.pagination .ct span {
  display: block;
}
.area-customize.pagination .ct a:focus, .area-customize.pagination .ct a:hover {
  border-color: #646464;
}
.area-essay.toggle {
  line-height: 1.7;
}
.area-essay.toggle.is-toggle .ct .caption {
  font-weight: 700;
  color: #997950;
}
.area-essay.toggle.is-toggle .ct .caption:before {
  transform: rotate(180deg);
}
.area-essay.toggle .hd {
  display: none;
}
.area-essay.toggle .ct {
  /*div*/
  /*a*/
  /*i*/
}
.area-essay.toggle .ct .div {
  display: block;
  padding: 8px;
}
.area-essay.toggle .ct .img {
  display: none;
}
.area-essay.toggle .ct .caption {
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
  position: relative;
  display: block;
  padding-right: 38px;
  margin-bottom: 0;
  font-size: 1.1em;
  cursor: pointer;
}
.area-essay.toggle .ct .caption:before {
  content: "​";
  display: block;
  position: absolute;
  right: 8px;
  top: 0;
  width: 8px;
  height: 8px;
  padding: 8px;
  border: 1px solid #CECECE;
  border-radius: 50%;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../images/icon-pic/away-b-bottom.png");
  opacity: 0.5;
  transition: 150ms;
}
.area-essay.toggle .ct .caption:hover::before {
  opacity: 1;
}
.area-essay.toggle .ct .label {
  display: none;
}
.area-essay.toggle .ct .p {
  display: none;
  padding: 8px;
  padding-left: 3px;
}
.area-essay.toggle .ct .mark {
  display: none;
}
.area-essay.toggle .ft {
  padding: 8px;
}
.area-essay.toggle .ft span {
  display: block;
}
.area-essay.toggle .ft a {
  display: block;
  padding: 8px;
  border-radius: 3px;
  background-color: #2D2D2D;
  color: #ffffff;
  text-align: center;
  transition: 150ms;
}
.area-essay.toggle .ft a:hover {
  background-color: deeper(#2D2D2D);
}

.menu-vertical > .in > .ct > .in > div:nth-child(n+2) {
  width: calc(100% - 200px);
  margin-left: 230px !important;
  box-sizing: border-box;
  max-width: 700px;
  padding: 0 10px;
}
@media screen and (max-width: 768px) {
  .menu-vertical > .in > .ct > .in > div:nth-child(n+2) {
    width: 100%;
    margin-left: 0 !important;
    padding: 0;
    max-width: 100%;
  }
}
.menu-vertical > .in > .ct > .in > div:nth-child(n+2) input[type=text], .menu-vertical > .in > .ct > .in > div:nth-child(n+2) input[type=date], .menu-vertical > .in > .ct > .in > div:nth-child(n+2) input[type=password], .menu-vertical > .in > .ct > .in > div:nth-child(n+2) select {
  width: calc(100% - 138px);
  flex: 0 0 calc(100% - 138px) !important;
}
@media screen and (max-width: 768px) {
  .menu-vertical > .in > .ct > .in > div:nth-child(n+2) input[type=text], .menu-vertical > .in > .ct > .in > div:nth-child(n+2) input[type=date], .menu-vertical > .in > .ct > .in > div:nth-child(n+2) input[type=password], .menu-vertical > .in > .ct > .in > div:nth-child(n+2) select {
    width: 100%;
    flex: 0 0 100% !important;
  }
}
@media screen and (max-width: 768px) {
  .menu-vertical > .in > .ct > .in > div:nth-child(n+2) .date {
    display: block !important;
    margin-left: 0 !important;
  }
}
.menu-vertical > .in > .ct > .in > div:nth-child(n+2) .password .password-open, .menu-vertical > .in > .ct > .in > div:nth-child(n+2) .password .password-hide {
  right: 18px !important;
}
@media screen and (max-width: 768px) {
  .menu-vertical > .in > .ct > .in > div:nth-child(n+2) .password .password-open, .menu-vertical > .in > .ct > .in > div:nth-child(n+2) .password .password-hide {
    top: calc(50% - 7px);
    right: 10px !important;
  }
}
.menu-vertical > .in > .ct .list-text.tab {
  width: 200px;
  float: left;
}
@media screen and (max-width: 768px) {
  .menu-vertical > .in > .ct .list-text.tab {
    width: auto;
    float: initial;
  }
}
.menu-vertical > .in > .ct .list-text.tab .hd {
  display: none;
}
.menu-vertical > .in > .ct .list-text.tab ul {
  border-bottom: none;
}
@media screen and (max-width: 768px) {
  .menu-vertical > .in > .ct .list-text.tab ul {
    width: auto;
    display: flex;
    flex-wrap: nowrap;
  }
}
.menu-vertical > .in > .ct .list-text.tab ul li {
  display: block;
  width: 100% !important;
  max-width: unset;
}
.menu-vertical > .in > .ct .list-text.tab ul li.is-active a {
  color: #ffffff;
  background-color: #997950;
}
.menu-vertical > .in > .ct .list-text.tab ul li.is-active .notification-tips {
  background-color: #fff;
}
.menu-vertical > .in > .ct .list-text.tab ul li span {
  border: none;
}
.menu-vertical > .in > .ct .list-text.tab ul a {
  color: #2D2D2D;
  border-radius: 3px;
  text-align: left;
  white-space: nowrap;
}
.menu-vertical > .in > .ct .list-text.tab ul a:hover {
  text-decoration: none;
  background-color: #CECECE;
}
@media screen and (max-width: 768px) {
  .menu-vertical > .in > .ct .list-text.tab ul a {
    text-align: center;
  }
}
.menu-vertical > .in > .ct .list-text.tab ul .notification-tips {
  position: absolute;
  right: 4px;
  top: 50%;
  z-index: 1;
  transform: translateY(-50%);
  background-color: #ff676c;
  border-radius: 40px;
  padding: 2px 8px;
  font-size: 0.9rem;
  color: revertColor(#ff676c);
}
.menu-vertical > .in > .ct .list-text.sub-tab {
  padding: 0 !important;
  border-bottom: 1px solid #CECECE;
}
.menu-vertical > .in > .ct .list-text.sub-tab ul {
  display: flex;
  flex-wrap: wrap;
}
.menu-vertical > .in > .ct .list-text.sub-tab a {
  border-radius: 3px;
  font-size: 1.1em;
}
@media screen and (max-width: 768px) {
  .menu-vertical > .in > .ct .list-text.sub-tab + .tab-page {
    padding-top: 5px;
  }
}
.menu-vertical > .in > .ct .tab-page {
  padding: 5px;
}

.sub-tab > .in .hd {
  display: none;
}
.sub-tab > .in .ct li {
  display: inline-block;
}
.sub-tab > .in .ct li.is-active a {
  color: #997950;
}
.sub-tab > .in .ct a {
  display: inline-block;
  font-size: 1em;
  color: #343434;
  vertical-align: middle;
  padding: 5px;
  margin: 0 5px;
  border-radius: 1.5px;
  cursor: pointer;
}
.sub-tab > .in .ct a:hover {
  background-color: #f0f0f0;
}

.tab-page .area-form.page-search .hd {
  display: none;
}
.tab-page .area-form.page-search .ct {
  text-align: right;
  padding: 3px;
}
.tab-page .area-form.page-search .ct > .in {
  display: flex;
  flex-wrap: wrap;
}
.tab-page .area-form.page-search .fieldset {
  display: flex;
  align-items: center;
}
.tab-page .area-form.page-search .fieldset label {
  display: inline-block;
  vertical-align: top;
  margin-top: 5px;
  word-break: keep-all;
}
.tab-page .area-form.page-search .fieldset input[type=search] {
  width: 245px;
  height: 36px;
}
.tab-page .area-form.page-search .fieldset input[type=date] {
  height: 36px;
}
.tab-page .area-form.page-search .fieldset input[type=submit] {
  height: 36px;
}
.tab-page .area-form.page-search .fieldset input[type=reset] {
  height: 36px;
}
@media screen and (max-width: 560px) {
  .tab-page .area-form.page-search .fieldset input[type=search] {
    width: 100% !important;
  }
}
.tab-page .area-form.page-search .fieldset select {
  height: 36px;
}
.tab-page .area-form.page-search .fieldset span.submit button.submit,
.tab-page .area-form.page-search .fieldset span.submit input[type=submit] {
  margin-right: 3px;
  height: 36px;
}
.tab-page .area-form.page-search .fieldset span.reset button {
  margin-right: 3px;
  height: 36px;
}
.tab-page.message-box {
  margin: 0 auto;
}
.tab-page.message-box .table.message-list {
  font-size: 1em;
  /*a*/
}
.tab-page.message-box .table.message-list .tr {
  display: flex;
  border-bottom: 1px solid #CECECE;
  border-color: #CECECE;
  padding: 8px 0;
}
.tab-page.message-box .table.message-list .tr.un-read {
  color: #2D2D2D;
}
.tab-page.message-box .table.message-list .tr.un-read .pic div {
  background-color: #997950;
}
.tab-page.message-box .table.message-list .tr:hover {
  opacity: 0.7;
}
.tab-page.message-box .table.message-list .pic {
  flex: 0 0 64px;
  padding-top: 3px;
}
.tab-page.message-box .table.message-list .pic div {
  width: 40px;
  height: 40px;
  background-size: cover;
  background-color: #CECECE;
  margin: 8px;
  position: relative;
  border-radius: 50%;
}
.tab-page.message-box .table.message-list .pic div::after {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  mask: url(../images/bell.svg) no-repeat 50% 50%;
  -webkit-mask: url(../images/bell.svg) no-repeat 50% 50%;
  mask-size: contain;
  -webkit-mask-size: contain;
  background-color: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.tab-page.message-box .table.message-list .ct p {
  margin: 5px 0;
}
.tab-page.message-box .table.message-list .ct .system {
  font-size: 0.9em;
  color: #646464;
}
.tab-page.message-box .table.message-list .ct .system span {
  margin-left: 5px !important;
  display: inline-block !important;
}
.tab-page.message-box .table.message-list .ct .title {
  font-weight: 400;
}
.tab-page.message-box .table.message-list .ct .content span {
  color: #997950;
}

/*ul*/
.function-list.right {
  text-align: right;
}
.function-list.center {
  text-align: center;
}
.function-list li.edit {
  content: "";
  background: url(../images/icon_edit.png) center no-repeat;
}
.function-list a {
  cursor: pointer;
  color: #014DD0 !important;
}
.function-list a::before {
  display: inline-block;
  vertical-align: bottom;
  width: 20px;
  height: 20px;
}
.function-list a:hover {
  color: deeper(#014DD0);
}
.info-edit > .in {
  margin: 15px 0;
}
.info-edit > .in .g-wrapper {
  display: grid;
  grid-template-columns: 250px 1fr;
}
@media screen and (max-width: 560px) {
  .info-edit > .in .g-wrapper {
    grid-template-columns: 1fr;
  }
}
.info-edit > .in .g-photo > .in {
  padding: 30px 0;
}
.info-edit > .in .g-photo > .in span {
  display: block;
  width: 180px;
  height: 180px;
  border-radius: 50%;
  margin: auto;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #f0f0f0;
}
.info-edit > .in .g-photo > .in ul.function-list {
  padding-left: 0;
  text-align: center;
}
.info-edit > .in .g-photo > .in ul.function-list li a {
  color: #014DD0 !important;
}
.info-edit > .in .g-photo > .in ul.function-list li.edit a::before {
  content: "";
  display: inline-block;
  vertical-align: bottom;
  width: 20px;
  height: 20px;
  background: url(../images/icon_edit.png) center no-repeat;
}
.member-info > .in > .ct .list-text.tab .ct .ul {
  margin: 0;
}
.member-info .area-form.page-form {
  margin: 8px 15px;
}
@media screen and (max-width: 768px) {
  .member-info .area-form.page-form {
    margin: 0;
  }
}
.member-info .area-form.page-form .ct .legend {
  font-size: 1.1rem;
  margin-bottom: 15px;
  display: none;
}
.member-info .area-form.page-form .ct .fieldset {
  margin: 8px 15px;
  padding: 0;
}
@media screen and (max-width: 560px) {
  .member-info .area-form.page-form .ct .fieldset {
    margin: 0 15px;
  }
}
.member-info .area-form.page-form .ct .fieldset > span {
  margin-top: 15px;
}
.member-info .area-form.page-form .ct .fieldset > span > label {
  display: inline-block !important;
  vertical-align: top;
  width: 180px;
  margin-top: 0.6rem;
  line-height: 1.2 !important;
  font-weight: bold !important;
}
.member-info .area-form.page-form .ct .fieldset > span > label + input,
.member-info .area-form.page-form .ct .fieldset > span > label ~ .select2 {
  display: inline-block;
  vertical-align: top;
}
.member-info .area-form.page-form .ct .fieldset > span > label ~ .select2 {
  width: 330px;
}
@media screen and (max-width: 768px) {
  .member-info .area-form.page-form .ct .fieldset > span > label {
    width: 100%;
  }
  .member-info .area-form.page-form .ct .fieldset > span > label + input {
    width: 100%;
  }
}
@media screen and (max-width: 560px) {
  .member-info .area-form.page-form .ct .fieldset > span > label {
    width: 100%;
    margin: 5px 0 !important;
  }
}
.member-info .area-form.page-form .ct .fieldset > span.submit {
  display: block;
  margin-left: 180px;
}
@media screen and (max-width: 768px) {
  .member-info .area-form.page-form .ct .fieldset > span.submit {
    margin-left: 0px;
  }
}
.member-info .area-form.page-form .ct .fieldset > span.submit input[type=submit] {
  min-width: 120px;
  padding: 15px;
}
.member-info .area-form.page-form .ct .fieldset > span.radio, .member-info .area-form.page-form .ct .fieldset > span.checkbox {
  margin-top: 15px;
}
.member-info .area-form.page-form .ct .fieldset > span.radio table, .member-info .area-form.page-form .ct .fieldset > span.checkbox table {
  display: inline-block;
  vertical-align: top;
}
.member-info .area-form.page-form .ct .fieldset > span.radio table tr, .member-info .area-form.page-form .ct .fieldset > span.checkbox table tr {
  display: inline-block;
}
.member-info .area-form.page-form .ct .fieldset > span.radio table td, .member-info .area-form.page-form .ct .fieldset > span.checkbox table td {
  border-color: transparent;
  padding: 3px 0;
}
.member-info .area-form.page-form .ct .fieldset > span.radio table td + td, .member-info .area-form.page-form .ct .fieldset > span.checkbox table td + td {
  padding-left: 15px;
}
.member-info .area-form.page-form .ct .fieldset > span.radio table td label, .member-info .area-form.page-form .ct .fieldset > span.checkbox table td label {
  margin-left: 5px;
  margin-top: 5px;
  margin-bottom: 0;
}
.member-info .area-form.page-form .ct .fieldset > span.radio input[type=radio], .member-info .area-form.page-form .ct .fieldset > span.checkbox input[type=radio] {
  margin-top: 4px;
}
.member-info .area-form.page-form .ct .fieldset > span.is-verified {
  position: relative;
}
.member-info .area-form.page-form .ct .fieldset > span.is-verified #ContentPlaceHolder1_lbEmailVerifyDate,
.member-info .area-form.page-form .ct .fieldset > span.is-verified #ContentPlaceHolder1_lbMobileVerifyDate {
  position: absolute;
  left: 180px;
  top: 1rem;
  z-index: 1;
  display: inline-block;
  padding: 10px;
}
.member-info .area-form.page-form .ct .fieldset > span.is-verified #ContentPlaceHolder1_lbEmailVerifyDate:hover,
.member-info .area-form.page-form .ct .fieldset > span.is-verified #ContentPlaceHolder1_lbMobileVerifyDate:hover {
  text-indent: 0;
  font-size: 0.9em;
  line-height: 1;
  color: #fff;
  background-color: rgba(45, 45, 45, 0.7);
  border-radius: 3px;
  transform: translateY(18px);
}
@media screen and (max-width: 768px) {
  .member-info .area-form.page-form .ct .fieldset > span.is-verified #ContentPlaceHolder1_lbEmailVerifyDate,
  .member-info .area-form.page-form .ct .fieldset > span.is-verified #ContentPlaceHolder1_lbMobileVerifyDate {
    left: 0;
    top: 48px;
  }
}
.member-info .area-form.page-form .ct .fieldset > span.is-verified::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: #00a267;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px;
  position: absolute;
  left: 180px;
  top: 8px;
}
@media screen and (max-width: 768px) {
  .member-info .area-form.page-form .ct .fieldset > span.is-verified::before {
    left: 0;
    top: 48px;
  }
}
@media screen and (max-width: 560px) {
  .member-info .area-form.page-form .ct .fieldset > span.is-verified::before {
    top: 44px;
  }
}
.member-info .area-form.page-form .ct .select2-container .select2-selection--single {
  height: 44px;
}
.member-info .area-form.page-form .ct .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 2.5rem;
}
.member-info .area-form.page-form .ct #ContentPlaceHolder1_btnChangeEmail,
.member-info .area-form.page-form .ct #ContentPlaceHolder1_btnChangeMobile {
  display: inline-block;
  mask: url(../images/eshop/icon-edit-pen.svg) no-repeat 50% 50%;
  -webkit-mask: url(../images/eshop/icon-edit-pen.svg) no-repeat 50% 50%;
  mask-size: contain;
  -webkit-mask-size: contain;
  background-color: #2D2D2D;
  padding: 12px;
  opacity: 0.8;
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  .member-info .area-form.page-form .ct #ContentPlaceHolder1_btnChangeEmail,
  .member-info .area-form.page-form .ct #ContentPlaceHolder1_btnChangeMobile {
    position: absolute;
    right: 8px;
  }
}
@media screen and (max-width: 560px) {
  .member-info .area-form.page-form .ct #ContentPlaceHolder1_btnChangeEmail,
  .member-info .area-form.page-form .ct #ContentPlaceHolder1_btnChangeMobile {
    position: static;
  }
}
.member-info .area-form.page-form .ct #ContentPlaceHolder1_pParameters .fieldset + .fieldset:last-child {
  text-align: left;
}
.member-info .area-form.page-form .ct input#ContentPlaceHolder1_tbMobile {
  width: 330px;
}
@media screen and (max-width: 560px) {
  .member-info .area-form.page-form .ct input#ContentPlaceHolder1_tbMobile {
    width: 100%;
  }
}
.member-info .area-form.page-form .ct input#ContentPlaceHolder1_txtName {
  width: 330px;
}
.member-info .area-form.page-form .ct input#ContentPlaceHolder1_txtBirthDay {
  width: 330px;
  position: relative;
  appearance: none;
}
.member-info .area-form.page-form .ct input#ContentPlaceHolder1_txtBirthDay::after {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-12px);
  background-image: url(../images/icon-calendar.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.member-info .area-form.page-form .ct input#ContentPlaceHolder1_txtAddress {
  width: 330px;
}
.member-info .area-form.page-form .ct input#ContentPlaceHolder1_20,
.member-info .area-form.page-form .ct input#ContentPlaceHolder1_22 {
  width: 330px;
}

.g-order-list {
  margin-top: 8px;
}
.g-order-list > .in {
  /*ul*/
  /*a*/
}
.g-order-list > .in .ct > ul {
  display: grid;
  grid-gap: 3px;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: minmax(40px, auto);
  grid-gap: 5px;
  margin: 0;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 1rem;
  padding-right: 1rem;
  list-style: none;
}
.g-order-list > .in .ct > ul > li {
  display: flex;
  justify-content: center;
  align-items: center;
}
.g-order-list > .in .ct > ul > li input[type=button],
.g-order-list > .in .ct > ul > li input[type=submit],
.g-order-list > .in .ct > ul > li input[type=reset],
.g-order-list > .in .ct > ul > li .btn {
  margin: 3px;
}
.g-order-list > .in .ct > ul > li:first-child {
  justify-content: flex-start;
}
.g-order-list > .in .ct > ul > li:last-child {
  justify-content: flex-end;
  text-align: right;
}
.g-order-list > .in .ct > ul > li.function {
  justify-content: flex-end;
}
@media screen and (max-width: 768px) {
  .g-order-list > .in .ct > ul {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: minmax(60px, auto) 60px;
    padding-left: 0;
    padding-top: 8px;
    margin-bottom: 0;
    border-bottom: 1px solid #CECECE;
  }
  .g-order-list > .in .ct > ul li {
    padding: 5px;
    justify-content: flex-start;
  }
  .g-order-list > .in .ct > ul li:first-child {
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 2;
  }
  .g-order-list > .in .ct > ul li.mark {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 2;
    grid-row-end: 3;
  }
  .g-order-list > .in .ct > ul li.function {
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 2;
    grid-row-end: 3;
  }
  .g-order-list > .in .ct ul.rhead {
    display: none;
  }
  .g-order-list > .in .ct .img img {
    max-width: 88px;
  }
  .g-order-list > .in .ct .function {
    display: block;
  }
}
.g-order-list > .in .rhead {
  font-size: 1em;
  border-bottom: 2px solid #CECECE;
  border-left: 8px;
}
.g-order-list > .in .rhead li {
  font-weight: 400;
}
.g-order-list > .in .rhead span {
  padding: 5px 15px;
}
.g-order-list > .in .div {
  font-size: 1rem;
  position: relative;
}
.g-order-list > .in .div ul {
  list-style: none;
}
.g-order-list > .in .essay {
  display: inline-block;
  vertical-align: top;
  padding: 0 5px;
}
.g-order-list > .in .caption {
  font-weight: 700;
}
.g-order-list > .in .label {
  list-style: none;
  font-size: 0.95rem;
  line-height: 1.2;
  color: #646464;
  margin-top: 5px;
}
.g-order-list > .in .label li {
  margin-bottom: 3px;
}
.g-order-list > .in .mark > span {
  display: inline-block;
  padding: 3px 5px;
  border: 1px solid #CECECE;
  box-sizing: border-box;
  border-radius: 3px;
  font-size: 0.9em;
  background-color: #f4f8f9;
  border: #e3e3e3;
  margin: 3px;
}
.g-order-list > .in .mark.is-normal > span {
  background-color: #f4f8f9;
  border-color: #e3e3e3;
  color: #506068;
}
.g-order-list > .in .mark.is-warning > span {
  background-color: #fff3cd;
  border-color: #ffeeba;
  color: #856404;
}
.g-order-list > .in .mark.is-danger > span {
  background-color: #ffeaea;
  border-color: #f4dddd;
  color: #cf393e;
}
.g-order-list > .in .mark.is-pass > span {
  background-color: #d9f6ea;
  border-color: #bfedd4;
  color: #036e47;
}
.g-order-list > .in .btnList {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.g-order-list > .in .btn {
  font-size: 0.9em;
}
.g-order-list > .in .icon-btn {
  font-size: 0;
  color: transparent;
  width: 40px;
  height: 40px;
  margin-right: 8px;
  margin-bottom: 8px;
  border-radius: 30px;
  background-size: 70%;
  background-repeat: no-repeat;
  background-position: center;
  border-color: transparent;
  position: relative;
}
.g-order-list > .in .icon-btn::after {
  font-size: 0.8rem;
  line-height: 1.7;
  text-align: center;
  color: #646464;
  border-radius: 3px;
  padding: 0 5px;
  position: absolute;
  bottom: -12px;
  left: 0;
  right: 0;
}
.g-order-list > .in .area-form.page-search {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-start;
  padding: 8px;
}
.g-order-list > .in .area-form.page-search > .in > .hd {
  display: none;
}
.g-order-list > .in .area-form.page-search > .in > .ct {
  margin-top: 0;
  padding: 0;
  border: none;
}
.g-order-list > .in .area-customize.pagination {
  position: absolute;
  left: 50%;
  bottom: 15px;
}
.purchase .g-order-list .ct > ul {
  grid-template-columns: 1fr minmax(100px, auto) minmax(100px, auto);
  grid-column-gap: 15px;
  border-bottom: 1px solid #CECECE;
  border-color: #CECECE;
}
.purchase .g-order-list .ct > ul li:first-child > span {
  display: block;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .purchase .g-order-list .ct > ul {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(3, auto);
    padding-left: 0;
    border: 1px solid #CECECE;
  }
  .purchase .g-order-list .ct > ul li:first-child {
    justify-content: flex-start;
  }
}
.purchase .g-order-list .ct .brief span:last-child {
  display: none;
}
.purchase .g-order-list .div {
  display: flex;
}
.purchase .g-order-list .div .total span + span, .purchase .g-order-list .div .brief span + span {
  text-align: right;
  color: #1b6d79;
  padding-left: 8px;
}
.purchase .g-order-list .div:hover {
  opacity: 0.7;
}
.purchase .g-order-list .div:hover .total::after {
  background-color: #997950;
  color: #ffffff;
}
.purchase .g-order-list .div > ul {
  padding-left: 0;
  border: none;
}
@media screen and (max-width: 768px) {
  .purchase .g-order-list .div > ul {
    padding: 5px;
  }
}
.purchase .g-order-list .div li {
  display: flex;
  justify-content: space-between;
  margin-top: 3px;
  position: relative;
}
.purchase .g-order-list .div .store {
  font-weight: 700;
}
.purchase .g-order-list .div .total {
  margin-top: 8px;
}
.purchase .g-order-list .div .total span {
  font-weight: 700;
}
.purchase .g-order-list .div .total::after {
  content: "查看訂單";
  display: block;
  padding: 3px 6px;
  border-radius: 3px;
  color: #646464;
  background-color: #f0f0f0;
  margin-left: 8px;
}
@media screen and (max-width: 768px) {
  .purchase .g-order-list .div .total::after {
    padding: 5px;
  }
}
.activity .g-order-list .ct {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 8px;
}
@media screen and (max-width: 1366px) {
  .activity .g-order-list .ct {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 560px) {
  .activity .g-order-list .ct {
    grid-template-columns: repeat(1, 1fr);
  }
}
.activity .g-order-list .ct .rhead {
  display: none;
}
.activity .g-order-list .ct > ul {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-sizing: border-box;
  border: 1px solid #CECECE;
  border-color: #CECECE;
  border-radius: 3px;
  margin-bottom: 8px;
}
.activity .g-order-list .ct > ul > li {
  justify-content: flex-start;
  align-items: flex-start;
}
.activity .g-order-list .ct > ul > li.function {
  border-top: 1px solid #CECECE;
}
@media screen and (max-width: 768px) {
  .activity .g-order-list .ct > ul > li {
    padding: 0;
  }
}
.activity .g-order-list .ct .div {
  width: 100%;
}
.activity .g-order-list .ct .div .img {
  display: block;
  margin-bottom: 5px;
}
.activity .g-order-list .ct .div .img span {
  display: block;
  padding-bottom: 56.25%;
  background-size: cover;
  background-repeat: no-repeat;
}
.activity .g-order-list .ct .div .img img {
  max-width: unset;
  display: none;
}
.activity .g-order-list .ct .div .essay {
  display: block;
}
.activity .g-order-list .ct .div .caption {
  white-space: normal;
}
.activity .g-order-list .ct .mark {
  padding: 0 5px;
}
.appemail .g-order-list .ct {
  overflow-x: auto;
}
.appemail .g-order-list .ct::-webkit-scrollbar {
  width: 100%;
  height: 5px;
}
.appemail .g-order-list .ct::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: rgba(120, 120, 120, 0.5);
}
.appemail .g-order-list .ct > ul {
  grid-template-columns: 340px repeat(3, minmax(100px, 1fr));
}
@media screen and (max-width: 768px) {
  .appemail .g-order-list .ct > ul {
    grid-template-columns: 100px 1fr;
    grid-template-rows: repeat(3, auto);
  }
  .appemail .g-order-list .ct > ul li.mark {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 3;
    grid-row-end: 4;
  }
  .appemail .g-order-list .ct > ul li:last-child {
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 3;
    grid-row-end: 4;
  }
}
.reserve .g-order-list .ct {
  overflow-x: auto;
}
.reserve .g-order-list .ct::-webkit-scrollbar {
  width: 100%;
  height: 5px;
}
.reserve .g-order-list .ct::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: rgba(120, 120, 120, 0.5);
}
.reserve .g-order-list .ct > ul {
  grid-template-columns: 340px repeat(3, minmax(100px, 1fr));
}
@media screen and (max-width: 768px) {
  .reserve .g-order-list .ct > ul {
    grid-template-columns: 100px 1fr;
    grid-template-rows: repeat(3, auto);
  }
  .reserve .g-order-list .ct > ul li.mark {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 3;
    grid-row-end: 4;
  }
  .reserve .g-order-list .ct > ul li:last-child {
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 3;
    grid-row-end: 4;
  }
}

.shipping-adress > .in .section {
  margin: 8px 0;
  margin-top: 30px;
}
.shipping-adress > .in .section-title {
  font-size: 1em;
  font-weight: 400;
}
.shipping-adress > .in .store-shipping .group_section-header,
.shipping-adress > .in .express-shipping .group_section-header {
  position: relative;
}
.shipping-adress > .in .store-shipping .group_section-header.is-active::after,
.shipping-adress > .in .express-shipping .group_section-header.is-active::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 16px;
  height: 16px;
  margin: 8px;
  background: url(../images/icon-pic/away-b-bottom.png) center no-repeat;
  background-size: contain;
  transform: rotate(-180deg);
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
}
.shipping-adress > .in .store-shipping .group_section-header::after,
.shipping-adress > .in .express-shipping .group_section-header::after {
  transform: rotate(180deg);
}
.shipping-adress > .in .store-shipping .ads-list-table .table,
.shipping-adress > .in .express-shipping .ads-list-table .table {
  width: 100%;
}
.shipping-adress > .in .store-shipping .ads-list-table .table .tr,
.shipping-adress > .in .express-shipping .ads-list-table .table .tr {
  display: flex;
  border-bottom: 1px solid #CECECE;
  border-color: #CECECE;
  margin-bottom: 8px;
  padding-bottom: 8px;
}
@media screen and (max-width: 768px) {
  .shipping-adress > .in .store-shipping .ads-list-table .table .tr,
  .shipping-adress > .in .express-shipping .ads-list-table .table .tr {
    flex-direction: column;
    align-items: stretch;
  }
}
.shipping-adress > .in .store-shipping .ads-list-table .table .tr .td,
.shipping-adress > .in .express-shipping .ads-list-table .table .tr .td {
  padding: 0 15px;
  margin: auto 0;
  flex: 0 0 auto;
}
@media screen and (max-width: 560px) {
  .shipping-adress > .in .store-shipping .ads-list-table .table .tr .td,
  .shipping-adress > .in .express-shipping .ads-list-table .table .tr .td {
    padding: 0 8px;
  }
}
.shipping-adress > .in .store-shipping .ads-list-table .table .tr .td.number,
.shipping-adress > .in .express-shipping .ads-list-table .table .tr .td.number {
  text-align: center;
  flex: 0 0 15px;
  color: #646464;
}
@media screen and (max-width: 768px) {
  .shipping-adress > .in .store-shipping .ads-list-table .table .tr .td.number,
  .shipping-adress > .in .express-shipping .ads-list-table .table .tr .td.number {
    text-align: left;
  }
}
.shipping-adress > .in .store-shipping .ads-list-table .table .tr .td.recive-info,
.shipping-adress > .in .express-shipping .ads-list-table .table .tr .td.recive-info {
  flex: 1 1 80%;
}
.shipping-adress > .in .store-shipping .ads-list-table .table .tr .td div,
.shipping-adress > .in .express-shipping .ads-list-table .table .tr .td div {
  position: relative;
}
.shipping-adress > .in .store-shipping .ads-list-table .table .tr .td div label,
.shipping-adress > .in .express-shipping .ads-list-table .table .tr .td div label {
  position: absolute;
  color: #3e5979;
}
.shipping-adress > .in .store-shipping .ads-list-table .table .tr .td div label + p,
.shipping-adress > .in .express-shipping .ads-list-table .table .tr .td div label + p {
  padding-left: 120px;
  margin: 0.5em 0;
}
@media screen and (max-width: 560px) {
  .shipping-adress > .in .store-shipping .ads-list-table .table .tr .td div label,
  .shipping-adress > .in .express-shipping .ads-list-table .table .tr .td div label {
    position: static;
    display: inline-block;
    vertical-align: top;
    margin: 3px;
  }
  .shipping-adress > .in .store-shipping .ads-list-table .table .tr .td div label + p,
  .shipping-adress > .in .express-shipping .ads-list-table .table .tr .td div label + p {
    display: inline-block;
    vertical-align: top;
    margin: 3px;
    padding-left: 0;
  }
}
.shipping-adress > .in .store-shipping .function-list,
.shipping-adress > .in .express-shipping .function-list {
  position: absolute;
  top: 20px;
  right: 20px;
}
@media screen and (max-width: 300px) {
  .shipping-adress > .in .store-shipping .function-list,
  .shipping-adress > .in .express-shipping .function-list {
    position: static;
  }
}

.page-sign-in.tab-page .fieldset label {
  display: block;
  font-weight: 400;
  line-height: 1;
  margin-bottom: 5px;
  box-sizing: border-box;
  font-size: 1em;
}
.page-sign-in.tab-page .fieldset,
.page-sign-in.tab-page .rules {
  width: 380px;
  margin: 10px;
}
@media screen and (max-width: 560px) {
  .page-sign-in.tab-page .fieldset,
  .page-sign-in.tab-page .rules {
    width: auto;
    display: flex;
    flex-direction: column;
  }
}
.page-sign-in.tab-page .fieldset .submit,
.page-sign-in.tab-page .rules .submit {
  display: block;
}
.page-sign-in.tab-page .fieldset .submit input[type=submit],
.page-sign-in.tab-page .rules .submit input[type=submit] {
  min-width: 150px;
}

.sys-msg {
  background-color: #ffffff;
  padding: 30px;
}
.sys-msg .sys-msg-img {
  width: 300px;
  margin: auto;
  text-align: center;
}
.sys-msg .sys-msg-info {
  max-width: 440px;
  margin: auto;
  text-align: center;
}
.sys-msg .sys-msg-info .sys-msg-info-hd {
  font-size: 1.6em;
  font-weight: 700;
  color: #787878;
  letter-spacing: 1px;
}
.sys-msg .sys-msg-info .sys-msg-info-hd p {
  margin: 0.5em 0;
}
.sys-msg .sys-msg-info .sys-msg-info-ct {
  font-size: 1em;
  font-weight: 700;
  letter-spacing: 1px;
  color: #1b6d79;
}
.sys-msg .sys-msg-info .sys-msg-info-ct p {
  margin: 0.5em 0;
}
.sys-msg .sys-msg-info.success .sys-msg-info-hd {
  color: #00a267;
}
.sys-msg .sys-msg-info.warning .sys-msg-info-hd {
  color: #ff676c;
}

.liked-is-empity, .album-is-empity, .orderlist-is-empity, .message-is-empity, .event-is-empity, .application-is-empity, .bookin-is-empity {
  background-size: contain;
  background-repeat: no-repeat;
  width: 100px;
  height: 100px;
  margin: auto;
}

.bookin-is-empity {
  background: url(../images/eshop/img-calendar100.svg) center no-repeat;
}

.application-is-empity {
  background: url(../images/eshop/img-pen100.svg) center no-repeat;
}

.event-is-empity {
  background: url(../images/eshop/img-sun100.svg) center no-repeat;
}

.message-is-empity {
  background: url(../images/eshop/img-mailbox100.svg) center no-repeat;
}

.orderlist-is-empity {
  background: url(../images/eshop/img-receipt100.svg) center no-repeat;
}

.album-is-empity {
  background: url(../images/eshop/img-camera100.svg) center no-repeat;
}

.liked-is-empity {
  background: url(../images/eshop/img-like100.svg) center no-repeat;
}

html.invert-mode {
  filter: invert(1);
}
html.contrast-mode {
  filter: contrast(135%);
  -webkit-filter: contrast(135%);
  -moz-filter: contrast(135%);
  -o-filter: contrast(135%);
}
html.grayscale-mode {
  filter: grayscale(100);
}
html.light-on a {
  background-color: #1a1a1a !important;
  color: yellow !important;
}
html.cursor-size * {
  cursor: url("../images/cursor.svg"), default !important;
}
html.cursor-size input, html.cursor-size textarea, html.cursor-size select, html.cursor-size a, html.cursor-size a *, html.cursor-size button, html.cursor-size [role=button] {
  cursor: url("../images/cursor-point.svg"), default !important;
}

body[data-adhd=true] #mask-top, body[data-adhd=true] #mask-bottom {
  position: fixed;
  left: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 999999;
}
@media all and (max-width: 1110px) {
  body[data-adhd=true] #mask-top, body[data-adhd=true] #mask-bottom {
    display: none;
  }
}
body[data-adhd=true] #mask-top {
  top: 0;
  bottom: auto;
}
body[data-adhd=true] #mask-bottom {
  top: auto;
  bottom: 0;
}

.sys-root.text-lineheight-1 {
  line-height: initial;
}
.sys-root.text-lineheight-3 {
  line-height: 2;
}
.sys-root.text-spacing-1 {
  letter-spacing: initial;
}
.sys-root.text-spacing-2 {
  letter-spacing: 0.12em;
}
.sys-root.text-spacing-3 {
  letter-spacing: 0.14em;
}

.group.aceb-tools > .in > .hd a {
  background-color: #2D2D2D;
  color: #ffffff;
  padding: 3px 8px 3px 5px;
  border-radius: 30px;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  height: 40px;
  white-space: nowrap;
}
.group.aceb-tools > .in > .hd a::before {
  content: "";
  display: block;
  mask: url(../images/icon-setting.png) center no-repeat;
  -webkit-mask: url(../images/icon-setting.png) center no-repeat;
  width: 30px;
  height: 30px;
  background-color: #ffffff;
}
.group.aceb-tools > .in > .ct {
  display: none;
  position: absolute;
  z-index: 2;
  top: -5px;
  right: -5px;
  background-color: #ffffff;
  border-radius: 10px;
  padding: 15px;
  padding-top: 60px;
  box-sizing: border-box;
  box-shadow: 10px 20px 30px rgba(0, 0, 0, 0.15);
}
.group.aceb-tools > .in > .ft {
  display: none;
}
@media screen and (max-width: 768px) {
  .base-extend .group.aceb-tools {
    display: none;
  }
}
.base-extend .group.aceb-tools.is-active > .in > .hd a {
  z-index: 3;
  position: relative;
  color: #ffffff;
  background-color: #646464;
}
.base-extend .group.aceb-tools.is-active > .in > .hd a:before {
  mask: url(../images/svg/icon_cancel.svg);
  -webkit-mask: url(../images/svg/icon_cancel.svg);
  background-color: #ffffff;
  mask-position: center;
  mask-repeat: no-repeat;
}
.base-extend .group.aceb-tools.is-active > .in > .ct {
  display: block;
}
.base-mobile .group.aceb-tools > .in > .ct {
  border-radius: 0;
  left: 0;
  width: 272px;
  background-color: rgba(255, 255, 255, 0.9);
  padding: 15px;
}
.base-mobile .group.aceb-tools.is-active > .in > .hd {
  position: fixed;
  z-index: 4;
  top: 0;
  right: 0;
  left: 272px;
  width: 48px;
  height: 48px;
}
.base-mobile .group.aceb-tools.is-active > .in > .hd a {
  height: 48px;
  max-height: 48px;
  border-radius: 0;
  justify-content: center;
  background-color: #997950;
}
.base-mobile .group.aceb-tools.is-active > .in > .hd a::before {
  position: absolute;
  content: "";
  display: block;
  background-color: #ffffff;
  mask: url(../images/icon-pic/away-double-b-left.png) center no-repeat;
  -webkit-mask: url(../images/icon-pic/away-double-b-left.png) center no-repeat;
  background-color: #ffffff;
}
.base-mobile .group.aceb-tools.is-active > .in > .ct {
  position: fixed;
  display: block;
  height: 100%;
  z-index: 3;
}

.base-extend .group.aceb-tools > .in > .ct > .in > div + div, .base-mobile .group.aceb-tools > .in > .ct > .in > div + div {
  padding-top: 15px;
}
.base-extend .group.aceb-tools > .in > .ct > .in > div.resetbtn .hd, .base-mobile .group.aceb-tools > .in > .ct > .in > div.resetbtn .hd {
  display: none;
}
.base-extend .group.aceb-tools > .in > .ct > .in > div.resetbtn .ct, .base-mobile .group.aceb-tools > .in > .ct > .in > div.resetbtn .ct {
  width: 100%;
}
.base-extend .group.aceb-tools > .in > .ct > .in > div.resetbtn .ct a, .base-mobile .group.aceb-tools > .in > .ct > .in > div.resetbtn .ct a {
  width: 100%;
}
.base-extend .group.aceb-tools > .in > .ct > .in > div > .in, .base-mobile .group.aceb-tools > .in > .ct > .in > div > .in {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
  margin: 0;
}
.base-extend .group.aceb-tools > .in > .ct > .in > div > .in:has(ul > li), .base-mobile .group.aceb-tools > .in > .ct > .in > div > .in:has(ul > li) {
  flex-direction: column;
  gap: 8px;
}
.base-extend .group.aceb-tools > .in > .ct > .in > div > .in:has(ul > li) .hd, .base-mobile .group.aceb-tools > .in > .ct > .in > div > .in:has(ul > li) .hd {
  align-self: flex-start;
}
.base-extend .group.aceb-tools > .in > .ct > .in > div > .in:has(ul > li) ul, .base-mobile .group.aceb-tools > .in > .ct > .in > div > .in:has(ul > li) ul {
  display: flex;
  gap: 3px;
}
.base-extend .group.aceb-tools > .in > .ct > .in > div > .in:has(ul > li) ul li, .base-mobile .group.aceb-tools > .in > .ct > .in > div > .in:has(ul > li) ul li {
  white-space: nowrap;
  padding: 0;
}
.base-extend .group.aceb-tools > .in > .ct > .in > div > .in:has(ul > li) ul li a, .base-mobile .group.aceb-tools > .in > .ct > .in > div > .in:has(ul > li) ul li a {
  height: 30px;
  display: flex;
  justify-content: center;
  width: 100%;
  align-items: center;
  padding: 0 5px;
  box-sizing: border-box;
}
.base-extend .group.aceb-tools > .in > .ct > .in > div > .in:has(ul > li) ul li.is-active, .base-mobile .group.aceb-tools > .in > .ct > .in > div > .in:has(ul > li) ul li.is-active {
  background-color: deeper(#997950);
}
.base-extend .group.aceb-tools > .in > .ct > .in > div > .in .hd a, .base-mobile .group.aceb-tools > .in > .ct > .in > div > .in .hd a {
  white-space: nowrap;
  font-weight: bold;
}
.base-extend .group.aceb-tools > .in > .ct > .in > div > .in .ct .switch, .base-mobile .group.aceb-tools > .in > .ct > .in > div > .in .ct .switch {
  margin-left: 8px;
}
.base-extend .group.aceb-tools > .in > .ct > .in > div > .in .ct .switch a, .base-mobile .group.aceb-tools > .in > .ct > .in > div > .in .ct .switch a {
  display: block;
  width: 64px;
  height: 32px;
  background-color: rgba(45, 45, 45, 0.8);
  position: relative;
  box-shadow: rgba(45, 45, 45, 0.1) 3px 3px 6px inset;
  border-radius: 30px;
}
.base-extend .group.aceb-tools > .in > .ct > .in > div > .in .ct .switch a::before, .base-mobile .group.aceb-tools > .in > .ct > .in > div > .in .ct .switch a::before {
  display: block;
  content: "​";
  width: 26px;
  height: 26px;
  background-color: #ffffff;
  box-sizing: border-box;
  position: absolute;
  left: 3px;
  top: 3px;
  box-shadow: rgba(45, 45, 45, 0.2) 2px 2px 4px;
  border-width: 1px;
  border-style: solid;
  border-color: #CECECE;
  border-image: initial;
  border-radius: 13px;
  transition: 150ms;
}
.base-extend .group.aceb-tools > .in > .ct > .in > div.is-active > .in .ct .switch a, .base-mobile .group.aceb-tools > .in > .ct > .in > div.is-active > .in .ct .switch a {
  background-color: limegreen;
}
.base-extend .group.aceb-tools > .in > .ct > .in > div.is-active > .in .ct .switch a::before, .base-mobile .group.aceb-tools > .in > .ct > .in > div.is-active > .in .ct .switch a::before {
  transform: translateX(32px);
}
.base-mobile .group.aceb-tools > .in > .ct > .in > div.cursor-tool, .base-mobile .group.aceb-tools > .in > .ct > .in > div.adhd-tool {
  display: none !important;
}
.base-mobile .group.aceb-tools > .in > .ct > .in > div > .in:has(ul > li) ul li {
  white-space: normal;
}

.area-form.vote {
  margin-top: 15px;
}
.area-form.vote > .in {
  padding: 15px;
  background-color: #f0f0f0;
  border-radius: 8px;
}
.area-form.vote > .in .hd {
  display: none;
}
.area-form.vote > .in .hd > .in div {
  padding: 0;
  margin: 0;
  border: 0;
}
.area-form.vote > .in .hd > .in div:before {
  display: none;
}
.area-form.vote > .in .ct .caption {
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
}
.area-form.vote > .in .ct .caption span {
  display: block;
  text-align: center;
}
.area-form.vote > .in .ct .fieldset {
  margin-top: 15px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.area-form.vote > .in .ct .fieldset span.radio {
  display: inline-block;
  vertical-align: middle;
  transition: 150ms;
}
.area-form.vote > .in .ct .fieldset span.radio:hover ~ .radio, .area-form.vote > .in .ct .fieldset span.radio:focus ~ .radio {
  opacity: 0.1;
}
.area-form.vote > .in .ct .fieldset span.radio.selected ~ .radio {
  opacity: 0.1;
}
.area-form.vote > .in .ct .fieldset span.radio.selected ~ .radio:hover, .area-form.vote > .in .ct .fieldset span.radio.selected ~ .radio:focus {
  opacity: 1;
}
.area-form.vote > .in .ct .fieldset span.submit {
  display: inline-block;
  vertical-align: middle;
}
.area-form.vote > .in .ct .fieldset input[type=radio] {
  margin-bottom: 0;
}
.area-form.vote > .in .ct .fieldset input[type=radio]:checked + label ~ label {
  background-image: url("../images/svg/icon_star.svg");
}
.area-form.vote > .in .ct .fieldset label {
  display: inline-block;
  vertical-align: middle;
  width: 36px;
  height: 36px;
  background-image: url("../images/svg/icon_star-yellow.svg");
  transition: 150ms;
  margin: 0 15px 0 5px;
}
@media screen and (max-width: 560px) {
  .area-form.vote > .in .ct .fieldset label {
    width: 16px;
    height: 16px;
    margin: 0px 8px 0 5px;
  }
}
.area-form.vote > .in .ct .fieldset label:hover, .area-form.vote > .in .ct .fieldset label:focus {
  transform: scale(1.15);
}
.area-form.vote > .in .ct .fieldset ul {
  text-align: center;
}
.area-form.vote > .in .ct .fieldset li {
  display: inline-block;
}
.area-form.vote > .in .ct .fieldset li:hover ~ li a, .area-form.vote > .in .ct .fieldset li:focus ~ li a {
  opacity: 0.3;
}
.area-form.vote > .in .ct .fieldset li.checked ~ li a {
  background-image: url("../images/svg/icon_star.svg");
}
.area-form.vote > .in .ct .fieldset a {
  display: block;
  vertical-align: middle;
  width: 36px;
  height: 36px;
  background-image: url("../images/svg/icon_star-yellow.svg");
  transition: 150ms;
}
.page-content .area-essay.card .ct {
  /*i*/
}
.page-content .area-essay.card .ct > .in > ul {
  display: flex;
  align-items: stretch;
  justify-content: start;
  gap: 15px;
  flex-wrap: wrap;
}
@media screen and (max-width: 560px) {
  .page-content .area-essay.card .ct > .in > ul {
    flex-direction: column;
  }
}
.page-content .area-essay.card .ct > .in > ul > li {
  flex: 0 0 calc(33.333% - 15px);
  width: calc(33.333% - 15px);
  border-radius: 3px;
  padding: 20px;
  box-sizing: border-box;
  border: 1px solid #CECECE;
  position: relative;
}
@media screen and (max-width: 1366px) {
  .page-content .area-essay.card .ct > .in > ul > li {
    flex: 0 0 calc(50% - 15px);
    width: calc(50% - 15px);
  }
}
@media screen and (max-width: 560px) {
  .page-content .area-essay.card .ct > .in > ul > li {
    flex: 1;
    width: 100%;
  }
}
.page-content .area-essay.card .ct > .in > ul > li:before {
  content: "​";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 32px 32px 0 0;
  border-color: #f0f0f0 transparent transparent transparent;
}
.page-content .area-essay.card .ct .essay {
  padding: 15px;
}
@media screen and (max-width: 560px) {
  .page-content .area-essay.card .ct .essay {
    padding-left: 15px;
  }
}
.page-content .area-essay.card .ct .label {
  display: flex;
  align-items: center;
  justify-content: start;
  flex-wrap: wrap;
  gap: 3px;
}
.page-content .area-essay.card .ct .label .mark {
  background-color: #f0f0f0;
}
.page-content .area-essay.card .ct .label .mark.is-normal {
  background-color: transparent;
  border-color: #787878;
  color: #343434;
}
.page-content .area-essay.card .ct .label .mark.is-premary {
  background-color: #997950;
  border-color: #997950;
  color: #ffffff;
}
.page-content .area-essay.card .ct .label .mark.is-secondary {
  background-color: #2D2D2D;
  border-color: #2D2D2D;
  color: #ffffff;
}
.page-content .area-essay.card .ct .label .mark.is-info {
  background-color: #deedfb;
  border-color: #0c7dea;
  color: #0c7dea;
}
.page-content .area-essay.card .ct .label .mark.is-warning {
  background-color: #fff3d3;
  border-color: #FFBA00;
  color: #b98a0c;
}
.page-content .area-essay.card .ct .label .mark.is-expert {
  background-color: #e6e8f6;
  border-color: #5d68b9;
  color: #5d68b9;
}
.page-content .area-essay.card .ct .label .mark.is-danger {
  background-color: #ffe9ea;
  border-color: #ea5b60;
  color: #ea5b60;
}
.page-content .area-essay.card .ct .label .mark.is-success {
  background-color: #d4f2e5;
  border-color: #0d7247;
  color: #0d7247;
}
.page-content .area-essay.card .ct .p {
  margin: 15px 0;
}
.page-content .area-essay.card .ct .p span + span:before {
  content: ":";
  margin: 0 3px;
}
.page-content .area-essay.card .ct .btn-list {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 560px) {
  .page-content .area-essay.card .ct .btn-list {
    flex-wrap: wrap;
  }
}
.page-content .area-essay.card .ct .btn-list .icon-btn {
  color: #997950;
  max-width: 7rem;
}
.page-content .area-essay.card .ct .btn-list .icon-btn:hover {
  color: deeper(#997950);
}
.page-content .area-essay.card .ct .btn-list .icon-btn:hover::before {
  background-color: deeper(#997950);
}
.page-content .area-essay.card .ct .btn-list .icon-btn:before {
  content: "​";
  width: 20px;
  height: 20px;
  display: inline-block;
  background-color: #997950;
  mask-size: contain;
  -webkit-mask-size: contain;
  margin-right: 3px;
}
.page-content .area-essay.card .ct .btn-list .icon-btn.is-vote:before {
  mask-image: url("../images/svg/icon_bar-chart.svg");
  -webkit-mask-image: url("../images/svg/icon_bar-chart.svg");
}
.page-content .area-essay.card .ct .btn-list .icon-btn.is-view:before {
  mask-image: url("../images/svg/icon_search.svg");
  -webkit-mask-image: url("../images/svg/icon_search.svg");
}
.page-content .area-essay.card .ct .btn-list .icon-btn.is-msg:before {
  mask-image: url("../images/svg/icon_msg02.svg");
  -webkit-mask-image: url("../images/svg/icon_msg02.svg");
}
.list-text.detail .ct {
  /*i*/
}
@media screen and (max-width: 560px) {
  .list-text.detail .ct ul {
    text-align: left;
  }
}
.list-text.detail .ct li {
  display: inline-block;
  font-size: 0.9em;
  color: #646464;
}
.list-text.detail .ct li span {
  font-size: 1.2em;
}
.list-text.detail .ct li + li:before {
  content: " |";
  margin: 0 8px;
  vertical-align: middle;
}
.list-text.detail .ct span {
  display: inline-block;
  vertical-align: middle;
}
.list-text.detail .ct a {
  display: block;
}
.simple-text.title .ct {
  /*i*/
}
.simple-text.title .ct h1 {
  font-size: 1.1em;
  padding: 5px 0;
}
.simple-text.title .ct h3 {
  font-size: 1.6em;
  font-weight: 700;
}
.simple-text.title .ct h3 + span {
  display: block;
  font-size: 1.2em;
  color: #646464;
  margin-top: 8px;
}
.simple-text.title .ct a:hover {
  color: currentColor;
}
.area-editor.user-edit {
  padding: 0 8px;
}
.area-editor.user-edit .ct > .in {
  font-size: 1.1em;
}
.area-editor.user-edit .ct > .in h3 {
  font-size: 1.4em;
  color: deeper(#997950);
  font-weight: bold;
  margin: 20px 0;
}
.area-editor.user-edit .ct > .in h4 {
  font-size: 1.1em;
  color: #2D2D2D;
  font-weight: bold;
  margin: 20px 0;
}
.area-editor.user-edit .ct > .in h5 {
  font-size: 1em;
  color: #2D2D2D;
  font-weight: bold;
  margin: 20px 0;
}
.area-editor.user-edit .ct > .in p {
  line-height: 1.7;
  margin: 20px 0;
}
.area-editor.user-edit .ct > .in p span {
  font-size: 1em;
}
.area-editor.user-edit .ct > .in p.img {
  text-align: center;
}
.area-editor.user-edit .ct > .in div {
  line-height: 1.7;
}
.area-editor.user-edit .ct > .in div p {
  font-size: 1em;
}
.area-editor.user-edit .ct > .in ul li table {
  margin: 8px auto;
}
.area-editor.user-edit .ct > .in ul li > ul, .area-editor.user-edit .ct > .in ul li > ol {
  margin: 10px auto;
}
.area-editor.user-edit .ct > .in ul li > ul > li, .area-editor.user-edit .ct > .in ul li > ol > li {
  margin: 0;
}
.area-editor.user-edit .ct > .in ol li {
  line-height: 1.7;
  margin: 8px 0;
}
.area-editor.user-edit .ct > .in ol li table {
  margin: 8px auto;
}
.area-editor.user-edit .ct > .in ol li > ul, .area-editor.user-edit .ct > .in ol li > ol {
  margin: 10px auto;
}
.area-editor.user-edit .ct > .in ol li > ul > li, .area-editor.user-edit .ct > .in ol li > ol > li {
  margin: 0;
}
.area-editor.user-edit .ct > .in dl dt {
  font-weight: bold;
  color: #997950;
}
.area-editor.user-edit .ct > .in dl dd p {
  margin: 0;
}
.area-editor.user-edit .ct > .in table {
  box-sizing: border-box;
  margin: 0 auto;
}
.area-editor.user-edit .ct > .in table caption {
  font-size: 1.2em;
  margin-bottom: 15px;
  font-weight: bold;
}
.area-editor.user-edit .ct > .in table th, .area-editor.user-edit .ct > .in table td {
  padding: 8px;
  word-wrap: break-word;
  box-sizing: border-box;
  border-color: #CECECE;
}
.area-editor.user-edit .ct > .in table th {
  background-color: #f0f0f0;
  color: #343434;
  text-align: left;
}
.area-editor.user-edit .ct > .in table th a:hover, .area-editor.user-edit .ct > .in table th a:focus {
  text-decoration: underline;
}
.area-editor.user-edit .ct > .in table th p, .area-editor.user-edit .ct > .in table th div {
  margin: 0;
}
.area-editor.user-edit .ct > .in table td div {
  margin: 0;
}
.area-editor.user-edit .ct > .in table td img {
  display: inline;
}
.area-editor.user-edit .ct > .in a {
  transition: 150ms;
  text-decoration: none;
}
.area-editor.user-edit .ct > .in a:hover, .area-editor.user-edit .ct > .in a:focus {
  color: rgb(136.2553648069, 107.7575107296, 71.2446351931);
  text-decoration: underline;
}
.area-editor.user-edit .ct > .in img {
  position: static;
}
[data-js=false] .area-customize.chart {
  display: none;
}
.group-list.content[data-setlen="2"] > .in > .ct > .in > ul > li {
  display: inline-block;
  width: calc(92% / 2);
  vertical-align: top;
  margin: 0 1%;
  padding: 10px;
  padding-left: 30px;
  box-sizing: border-box;
}
.group-list.content[data-setlen="2"] > .in > .ct > .in > ul > li + li {
  margin-top: 0;
}
.group-list.content[data-setlen="2"] > .in > .ct > .in > ul > li:nth-child(2) {
  border-top: 0;
}
@media screen and (max-width: 560px) {
  .group-list.content[data-setlen="2"] > .in > .ct > .in > ul > li {
    width: 100%;
  }
  .group-list.content[data-setlen="2"] > .in > .ct > .in > ul > li:nth-child(2) {
    border-top: #787878 1px dotted;
  }
}
.group-list.content[data-setlen="3"] > .in > .ct > .in > ul > li:nth-child(2), .group-list.content[data-setlen="3"] > .in > .ct > .in > ul > li:nth-child(3) {
  border-top: 0;
}
@media screen and (max-width: 768px) {
  .group-list.content[data-setlen="3"] > .in > .ct > .in > ul > li {
    display: inline-block;
    width: 48%;
  }
  .group-list.content[data-setlen="3"] > .in > .ct > .in > ul > li:nth-child(3) {
    border-top: #787878 1px dotted;
  }
}
@media screen and (max-width: 560px) {
  .group-list.content[data-setlen="3"] > .in > .ct > .in > ul > li {
    width: 100%;
    margin: 0;
  }
  .group-list.content[data-setlen="3"] > .in > .ct > .in > ul > li:nth-child(2), .group-list.content[data-setlen="3"] > .in > .ct > .in > ul > li:nth-child(3) {
    border-top: #787878 1px dotted;
  }
}
.group-list.content[data-setlen="4"] > .in > .ct > .in > ul > li:nth-child(2), .group-list.content[data-setlen="4"] > .in > .ct > .in > ul > li:nth-child(3), .group-list.content[data-setlen="4"] > .in > .ct > .in > ul > li:nth-child(4) {
  border-top: 0;
}
@media screen and (max-width: 768px) {
  .group-list.content[data-setlen="4"] > .in > .ct > .in > ul > li {
    display: inline-block;
    width: 48%;
  }
  .group-list.content[data-setlen="4"] > .in > .ct > .in > ul > li:nth-child(3), .group-list.content[data-setlen="4"] > .in > .ct > .in > ul > li:nth-child(4) {
    border-top: #787878 1px dotted;
  }
}
@media screen and (max-width: 560px) {
  .group-list.content[data-setlen="4"] > .in > .ct > .in > ul > li {
    width: 100%;
    margin: 0;
  }
  .group-list.content[data-setlen="4"] > .in > .ct > .in > ul > li:nth-child(2), .group-list.content[data-setlen="4"] > .in > .ct > .in > ul > li:nth-child(3), .group-list.content[data-setlen="4"] > .in > .ct > .in > ul > li:nth-child(4) {
    border-top: #787878 1px dotted;
  }
}
.group-list.content[data-setlen="5"] > .in > .ct > .in > ul > li {
  width: 18%;
}
.group-list.content[data-setlen="5"] > .in > .ct > .in > ul > li:nth-child(2), .group-list.content[data-setlen="5"] > .in > .ct > .in > ul > li:nth-child(3), .group-list.content[data-setlen="5"] > .in > .ct > .in > ul > li:nth-child(4), .group-list.content[data-setlen="5"] > .in > .ct > .in > ul > li:nth-child(5) {
  border-top: 0;
}
@media screen and (max-width: 768px) {
  .group-list.content[data-setlen="5"] > .in > .ct > .in > ul > li {
    display: inline-block;
    width: 48%;
  }
  .group-list.content[data-setlen="5"] > .in > .ct > .in > ul > li:nth-child(3), .group-list.content[data-setlen="5"] > .in > .ct > .in > ul > li:nth-child(4), .group-list.content[data-setlen="5"] > .in > .ct > .in > ul > li:nth-child(5) {
    border-top: #787878 1px dotted;
  }
}
@media screen and (max-width: 560px) {
  .group-list.content[data-setlen="5"] > .in > .ct > .in > ul > li {
    width: 100%;
    margin: 0;
  }
  .group-list.content[data-setlen="5"] > .in > .ct > .in > ul > li:nth-child(2), .group-list.content[data-setlen="5"] > .in > .ct > .in > ul > li:nth-child(3), .group-list.content[data-setlen="5"] > .in > .ct > .in > ul > li:nth-child(4), .group-list.content[data-setlen="5"] > .in > .ct > .in > ul > li:nth-child(5) {
    border-top: #787878 1px dotted;
  }
}
.group-list.content[data-setlen="3"] > .in > .ct > .in > ul > li {
  display: inline-block;
  width: calc(92% / 3);
  vertical-align: top;
  margin: 0 1%;
  padding: 10px;
  padding-left: 30px;
  box-sizing: border-box;
}
.group-list.content[data-setlen="3"] > .in > .ct > .in > ul > li + li {
  margin-top: 0;
}
.group-list.content[data-setlen="2"] > .in > .ct > .in > ul > li:nth-child(2) {
  border-top: 0;
}
@media screen and (max-width: 560px) {
  .group-list.content[data-setlen="2"] > .in > .ct > .in > ul > li {
    width: 100%;
  }
  .group-list.content[data-setlen="2"] > .in > .ct > .in > ul > li:nth-child(2) {
    border-top: #787878 1px dotted;
  }
}
.group-list.content[data-setlen="3"] > .in > .ct > .in > ul > li:nth-child(2), .group-list.content[data-setlen="3"] > .in > .ct > .in > ul > li:nth-child(3) {
  border-top: 0;
}
@media screen and (max-width: 768px) {
  .group-list.content[data-setlen="3"] > .in > .ct > .in > ul > li {
    display: inline-block;
    width: 48%;
  }
  .group-list.content[data-setlen="3"] > .in > .ct > .in > ul > li:nth-child(3) {
    border-top: #787878 1px dotted;
  }
}
@media screen and (max-width: 560px) {
  .group-list.content[data-setlen="3"] > .in > .ct > .in > ul > li {
    width: 100%;
    margin: 0;
  }
  .group-list.content[data-setlen="3"] > .in > .ct > .in > ul > li:nth-child(2), .group-list.content[data-setlen="3"] > .in > .ct > .in > ul > li:nth-child(3) {
    border-top: #787878 1px dotted;
  }
}
.group-list.content[data-setlen="4"] > .in > .ct > .in > ul > li:nth-child(2), .group-list.content[data-setlen="4"] > .in > .ct > .in > ul > li:nth-child(3), .group-list.content[data-setlen="4"] > .in > .ct > .in > ul > li:nth-child(4) {
  border-top: 0;
}
@media screen and (max-width: 768px) {
  .group-list.content[data-setlen="4"] > .in > .ct > .in > ul > li {
    display: inline-block;
    width: 48%;
  }
  .group-list.content[data-setlen="4"] > .in > .ct > .in > ul > li:nth-child(3), .group-list.content[data-setlen="4"] > .in > .ct > .in > ul > li:nth-child(4) {
    border-top: #787878 1px dotted;
  }
}
@media screen and (max-width: 560px) {
  .group-list.content[data-setlen="4"] > .in > .ct > .in > ul > li {
    width: 100%;
    margin: 0;
  }
  .group-list.content[data-setlen="4"] > .in > .ct > .in > ul > li:nth-child(2), .group-list.content[data-setlen="4"] > .in > .ct > .in > ul > li:nth-child(3), .group-list.content[data-setlen="4"] > .in > .ct > .in > ul > li:nth-child(4) {
    border-top: #787878 1px dotted;
  }
}
.group-list.content[data-setlen="5"] > .in > .ct > .in > ul > li {
  width: 18%;
}
.group-list.content[data-setlen="5"] > .in > .ct > .in > ul > li:nth-child(2), .group-list.content[data-setlen="5"] > .in > .ct > .in > ul > li:nth-child(3), .group-list.content[data-setlen="5"] > .in > .ct > .in > ul > li:nth-child(4), .group-list.content[data-setlen="5"] > .in > .ct > .in > ul > li:nth-child(5) {
  border-top: 0;
}
@media screen and (max-width: 768px) {
  .group-list.content[data-setlen="5"] > .in > .ct > .in > ul > li {
    display: inline-block;
    width: 48%;
  }
  .group-list.content[data-setlen="5"] > .in > .ct > .in > ul > li:nth-child(3), .group-list.content[data-setlen="5"] > .in > .ct > .in > ul > li:nth-child(4), .group-list.content[data-setlen="5"] > .in > .ct > .in > ul > li:nth-child(5) {
    border-top: #787878 1px dotted;
  }
}
@media screen and (max-width: 560px) {
  .group-list.content[data-setlen="5"] > .in > .ct > .in > ul > li {
    width: 100%;
    margin: 0;
  }
  .group-list.content[data-setlen="5"] > .in > .ct > .in > ul > li:nth-child(2), .group-list.content[data-setlen="5"] > .in > .ct > .in > ul > li:nth-child(3), .group-list.content[data-setlen="5"] > .in > .ct > .in > ul > li:nth-child(4), .group-list.content[data-setlen="5"] > .in > .ct > .in > ul > li:nth-child(5) {
    border-top: #787878 1px dotted;
  }
}
.group-list.content[data-setlen="4"] > .in > .ct > .in > ul > li {
  display: inline-block;
  width: calc(92% / 4);
  vertical-align: top;
  margin: 0 1%;
  padding: 10px;
  padding-left: 30px;
  box-sizing: border-box;
}
.group-list.content[data-setlen="4"] > .in > .ct > .in > ul > li + li {
  margin-top: 0;
}
.group-list.content[data-setlen="2"] > .in > .ct > .in > ul > li:nth-child(2) {
  border-top: 0;
}
@media screen and (max-width: 560px) {
  .group-list.content[data-setlen="2"] > .in > .ct > .in > ul > li {
    width: 100%;
  }
  .group-list.content[data-setlen="2"] > .in > .ct > .in > ul > li:nth-child(2) {
    border-top: #787878 1px dotted;
  }
}
.group-list.content[data-setlen="3"] > .in > .ct > .in > ul > li:nth-child(2), .group-list.content[data-setlen="3"] > .in > .ct > .in > ul > li:nth-child(3) {
  border-top: 0;
}
@media screen and (max-width: 768px) {
  .group-list.content[data-setlen="3"] > .in > .ct > .in > ul > li {
    display: inline-block;
    width: 48%;
  }
  .group-list.content[data-setlen="3"] > .in > .ct > .in > ul > li:nth-child(3) {
    border-top: #787878 1px dotted;
  }
}
@media screen and (max-width: 560px) {
  .group-list.content[data-setlen="3"] > .in > .ct > .in > ul > li {
    width: 100%;
    margin: 0;
  }
  .group-list.content[data-setlen="3"] > .in > .ct > .in > ul > li:nth-child(2), .group-list.content[data-setlen="3"] > .in > .ct > .in > ul > li:nth-child(3) {
    border-top: #787878 1px dotted;
  }
}
.group-list.content[data-setlen="4"] > .in > .ct > .in > ul > li:nth-child(2), .group-list.content[data-setlen="4"] > .in > .ct > .in > ul > li:nth-child(3), .group-list.content[data-setlen="4"] > .in > .ct > .in > ul > li:nth-child(4) {
  border-top: 0;
}
@media screen and (max-width: 768px) {
  .group-list.content[data-setlen="4"] > .in > .ct > .in > ul > li {
    display: inline-block;
    width: 48%;
  }
  .group-list.content[data-setlen="4"] > .in > .ct > .in > ul > li:nth-child(3), .group-list.content[data-setlen="4"] > .in > .ct > .in > ul > li:nth-child(4) {
    border-top: #787878 1px dotted;
  }
}
@media screen and (max-width: 560px) {
  .group-list.content[data-setlen="4"] > .in > .ct > .in > ul > li {
    width: 100%;
    margin: 0;
  }
  .group-list.content[data-setlen="4"] > .in > .ct > .in > ul > li:nth-child(2), .group-list.content[data-setlen="4"] > .in > .ct > .in > ul > li:nth-child(3), .group-list.content[data-setlen="4"] > .in > .ct > .in > ul > li:nth-child(4) {
    border-top: #787878 1px dotted;
  }
}
.group-list.content[data-setlen="5"] > .in > .ct > .in > ul > li {
  width: 18%;
}
.group-list.content[data-setlen="5"] > .in > .ct > .in > ul > li:nth-child(2), .group-list.content[data-setlen="5"] > .in > .ct > .in > ul > li:nth-child(3), .group-list.content[data-setlen="5"] > .in > .ct > .in > ul > li:nth-child(4), .group-list.content[data-setlen="5"] > .in > .ct > .in > ul > li:nth-child(5) {
  border-top: 0;
}
@media screen and (max-width: 768px) {
  .group-list.content[data-setlen="5"] > .in > .ct > .in > ul > li {
    display: inline-block;
    width: 48%;
  }
  .group-list.content[data-setlen="5"] > .in > .ct > .in > ul > li:nth-child(3), .group-list.content[data-setlen="5"] > .in > .ct > .in > ul > li:nth-child(4), .group-list.content[data-setlen="5"] > .in > .ct > .in > ul > li:nth-child(5) {
    border-top: #787878 1px dotted;
  }
}
@media screen and (max-width: 560px) {
  .group-list.content[data-setlen="5"] > .in > .ct > .in > ul > li {
    width: 100%;
    margin: 0;
  }
  .group-list.content[data-setlen="5"] > .in > .ct > .in > ul > li:nth-child(2), .group-list.content[data-setlen="5"] > .in > .ct > .in > ul > li:nth-child(3), .group-list.content[data-setlen="5"] > .in > .ct > .in > ul > li:nth-child(4), .group-list.content[data-setlen="5"] > .in > .ct > .in > ul > li:nth-child(5) {
    border-top: #787878 1px dotted;
  }
}
.group-list.content[data-setlen="5"] > .in > .ct > .in > ul > li {
  display: inline-block;
  width: calc(92% / 5);
  vertical-align: top;
  margin: 0 1%;
  padding: 10px;
  padding-left: 30px;
  box-sizing: border-box;
}
.group-list.content[data-setlen="5"] > .in > .ct > .in > ul > li + li {
  margin-top: 0;
}
.group-list.content[data-setlen="2"] > .in > .ct > .in > ul > li:nth-child(2) {
  border-top: 0;
}
@media screen and (max-width: 560px) {
  .group-list.content[data-setlen="2"] > .in > .ct > .in > ul > li {
    width: 100%;
  }
  .group-list.content[data-setlen="2"] > .in > .ct > .in > ul > li:nth-child(2) {
    border-top: #787878 1px dotted;
  }
}
.group-list.content[data-setlen="3"] > .in > .ct > .in > ul > li:nth-child(2), .group-list.content[data-setlen="3"] > .in > .ct > .in > ul > li:nth-child(3) {
  border-top: 0;
}
@media screen and (max-width: 768px) {
  .group-list.content[data-setlen="3"] > .in > .ct > .in > ul > li {
    display: inline-block;
    width: 48%;
  }
  .group-list.content[data-setlen="3"] > .in > .ct > .in > ul > li:nth-child(3) {
    border-top: #787878 1px dotted;
  }
}
@media screen and (max-width: 560px) {
  .group-list.content[data-setlen="3"] > .in > .ct > .in > ul > li {
    width: 100%;
    margin: 0;
  }
  .group-list.content[data-setlen="3"] > .in > .ct > .in > ul > li:nth-child(2), .group-list.content[data-setlen="3"] > .in > .ct > .in > ul > li:nth-child(3) {
    border-top: #787878 1px dotted;
  }
}
.group-list.content[data-setlen="4"] > .in > .ct > .in > ul > li:nth-child(2), .group-list.content[data-setlen="4"] > .in > .ct > .in > ul > li:nth-child(3), .group-list.content[data-setlen="4"] > .in > .ct > .in > ul > li:nth-child(4) {
  border-top: 0;
}
@media screen and (max-width: 768px) {
  .group-list.content[data-setlen="4"] > .in > .ct > .in > ul > li {
    display: inline-block;
    width: 48%;
  }
  .group-list.content[data-setlen="4"] > .in > .ct > .in > ul > li:nth-child(3), .group-list.content[data-setlen="4"] > .in > .ct > .in > ul > li:nth-child(4) {
    border-top: #787878 1px dotted;
  }
}
@media screen and (max-width: 560px) {
  .group-list.content[data-setlen="4"] > .in > .ct > .in > ul > li {
    width: 100%;
    margin: 0;
  }
  .group-list.content[data-setlen="4"] > .in > .ct > .in > ul > li:nth-child(2), .group-list.content[data-setlen="4"] > .in > .ct > .in > ul > li:nth-child(3), .group-list.content[data-setlen="4"] > .in > .ct > .in > ul > li:nth-child(4) {
    border-top: #787878 1px dotted;
  }
}
.group-list.content[data-setlen="5"] > .in > .ct > .in > ul > li {
  width: 18%;
}
.group-list.content[data-setlen="5"] > .in > .ct > .in > ul > li:nth-child(2), .group-list.content[data-setlen="5"] > .in > .ct > .in > ul > li:nth-child(3), .group-list.content[data-setlen="5"] > .in > .ct > .in > ul > li:nth-child(4), .group-list.content[data-setlen="5"] > .in > .ct > .in > ul > li:nth-child(5) {
  border-top: 0;
}
@media screen and (max-width: 768px) {
  .group-list.content[data-setlen="5"] > .in > .ct > .in > ul > li {
    display: inline-block;
    width: 48%;
  }
  .group-list.content[data-setlen="5"] > .in > .ct > .in > ul > li:nth-child(3), .group-list.content[data-setlen="5"] > .in > .ct > .in > ul > li:nth-child(4), .group-list.content[data-setlen="5"] > .in > .ct > .in > ul > li:nth-child(5) {
    border-top: #787878 1px dotted;
  }
}
@media screen and (max-width: 560px) {
  .group-list.content[data-setlen="5"] > .in > .ct > .in > ul > li {
    width: 100%;
    margin: 0;
  }
  .group-list.content[data-setlen="5"] > .in > .ct > .in > ul > li:nth-child(2), .group-list.content[data-setlen="5"] > .in > .ct > .in > ul > li:nth-child(3), .group-list.content[data-setlen="5"] > .in > .ct > .in > ul > li:nth-child(4), .group-list.content[data-setlen="5"] > .in > .ct > .in > ul > li:nth-child(5) {
    border-top: #787878 1px dotted;
  }
}
.group-list.content > .in > .hd {
  font-size: 1.4em;
}
.group-list.content > .in > .ct {
  font-size: 1.1em;
}
.group-list.content > .in > .ct > .in > ul > li {
  position: relative;
  padding: 8px;
  padding-left: 30px;
  display: block;
  transition: 150ms;
}
.group-list.content > .in > .ct > .in > ul > li:before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 6px;
  background-color: #997950;
  position: absolute;
  left: 8px;
  top: 23px;
}
.group-list.content > .in > .ct > .in > ul > li + li {
  border-top: #787878 1px dotted;
}
.list-text.content-file {
  display: inline-block;
  vertical-align: middle;
}
.list-text.content-file .hd {
  display: inline-block;
  vertical-align: middle;
}
@media screen and (max-width: 560px) {
  .list-text.content-file .hd {
    display: block;
  }
}
.list-text.content-file .hd a:hover, .list-text.content-file .hd a:focus {
  color: currentColor;
  background-color: transparent;
}
.list-text.content-file .ct {
  vertical-align: middle;
  /*i*/
}
@media screen and (max-width: 560px) {
  .list-text.content-file .ct {
    display: block;
    margin-left: 0;
  }
}
.list-text.content-file .ct ul {
  margin-left: 0 !important;
}
.list-text.content-file .ct li {
  display: inline-block;
  background-image: none !important;
  padding-left: 0 !important;
}
@media screen and (max-width: 560px) {
  .list-text.content-file .ct li {
    display: block;
    margin-top: 5px;
  }
}
.list-text.content-file .ct li + li:before {
  content: " | ";
  color: #787878;
}
@media screen and (max-width: 560px) {
  .list-text.content-file .ct li + li:before {
    content: none;
  }
}
.list-text.content-file .ct li.ai a:before {
  background-image: url("../images/icon-pic/file-type_ai.svg");
}
.list-text.content-file .ct li.ai a:hover, .list-text.content-file .ct li.ai a:focus {
  border-color: #5A422A;
}
.list-text.content-file .ct li.avi a:before {
  background-image: url("../images/icon-pic/file-type_avi.svg");
}
.list-text.content-file .ct li.avi a:hover, .list-text.content-file .ct li.avi a:focus {
  border-color: #1E4B84;
}
.list-text.content-file .ct li.bmp a:before {
  background-image: url("../images/icon-pic/file-type_bmp.svg");
}
.list-text.content-file .ct li.bmp a:hover, .list-text.content-file .ct li.bmp a:focus {
  border-color: #333333;
}
.list-text.content-file .ct li.cdr a:before {
  background-image: url("../images/icon-pic/file-type_cdr.svg");
}
.list-text.content-file .ct li.cdr a:hover, .list-text.content-file .ct li.cdr a:focus {
  border-color: #39B54A;
}
.list-text.content-file .ct li.css a:before {
  background-image: url("../images/icon-pic/file-type_css.svg");
}
.list-text.content-file .ct li.css a:hover, .list-text.content-file .ct li.css a:focus {
  border-color: #BEC730;
}
.list-text.content-file .ct li.csv a:before {
  background-image: url("../images/icon-pic/file-type_csv.svg");
}
.list-text.content-file .ct li.csv a:hover, .list-text.content-file .ct li.csv a:focus {
  border-color: #745076;
}
.list-text.content-file .ct li.dmg a:before {
  background-image: url("../images/icon-pic/file-type_dmg.svg");
}
.list-text.content-file .ct li.dmg a:hover, .list-text.content-file .ct li.dmg a:focus {
  border-color: #808080;
}
.list-text.content-file .ct li.doc a:before {
  background-image: url("../images/icon-pic/file-type_doc.svg");
}
.list-text.content-file .ct li.doc a:hover, .list-text.content-file .ct li.doc a:focus {
  border-color: #2A5696;
}
.list-text.content-file .ct li.docx a:before {
  background-image: url("../images/icon-pic/file-type_docx.svg");
}
.list-text.content-file .ct li.docx a:hover, .list-text.content-file .ct li.docx a:focus {
  border-color: #2A5696;
}
.list-text.content-file .ct li.exe a:before {
  background-image: url("../images/icon-pic/file-type_exe.svg");
}
.list-text.content-file .ct li.exe a:hover, .list-text.content-file .ct li.exe a:focus {
  border-color: #333333;
}
.list-text.content-file .ct li.file7z a:before {
  background-image: url("../images/icon-pic/file-type_file7z.svg");
}
.list-text.content-file .ct li.file7z a:hover, .list-text.content-file .ct li.file7z a:focus {
  border-color: #333333;
}
.list-text.content-file .ct li.gif a:before {
  background-image: url("../images/icon-pic/file-type_gif.svg");
}
.list-text.content-file .ct li.gif a:hover, .list-text.content-file .ct li.gif a:focus {
  border-color: #DCA61F;
}
.list-text.content-file .ct li.html a:before {
  background-image: url("../images/icon-pic/file-type_html.svg");
}
.list-text.content-file .ct li.html a:hover, .list-text.content-file .ct li.html a:focus {
  border-color: #25B7D3;
}
.list-text.content-file .ct li.ico a:before {
  background-image: url("../images/icon-pic/file-type_ico.svg");
}
.list-text.content-file .ct li.ico a:hover, .list-text.content-file .ct li.ico a:focus {
  border-color: #A60B09;
}
.list-text.content-file .ct li.jpeg a:before {
  background-image: url("../images/icon-pic/file-type_jpeg.svg");
}
.list-text.content-file .ct li.jpeg a:hover, .list-text.content-file .ct li.jpeg a:focus {
  border-color: #208895;
}
.list-text.content-file .ct li.jpg a:before {
  background-image: url("../images/icon-pic/file-type_jpg.svg");
}
.list-text.content-file .ct li.jpg a:hover, .list-text.content-file .ct li.jpg a:focus {
  border-color: #208895;
}
.list-text.content-file .ct li.js a:before {
  background-image: url("../images/icon-pic/file-type_js.svg");
}
.list-text.content-file .ct li.js a:hover, .list-text.content-file .ct li.js a:focus {
  border-color: #5E5021;
}
.list-text.content-file .ct li.link a:before {
  background-image: url("../images/icon-pic/file-type_link.svg");
}
.list-text.content-file .ct li.link a:hover, .list-text.content-file .ct li.link a:focus {
  border-color: #0069FF;
}
.list-text.content-file .ct li.md a:before {
  background-image: url("../images/icon-pic/file-type_md.svg");
}
.list-text.content-file .ct li.md a:hover, .list-text.content-file .ct li.md a:focus {
  border-color: #333333;
}
.list-text.content-file .ct li.mov a:before {
  background-image: url("../images/icon-pic/file-type_mov.svg");
}
.list-text.content-file .ct li.mov a:hover, .list-text.content-file .ct li.mov a:focus {
  border-color: #0069FF;
}
.list-text.content-file .ct li.mp3 a:before {
  background-image: url("../images/icon-pic/file-type_mp3.svg");
}
.list-text.content-file .ct li.mp3 a:hover, .list-text.content-file .ct li.mp3 a:focus {
  border-color: #333333;
}
.list-text.content-file .ct li.mp4 a:before {
  background-image: url("../images/icon-pic/file-type_mp4.svg");
}
.list-text.content-file .ct li.mp4 a:hover, .list-text.content-file .ct li.mp4 a:focus {
  border-color: #333333;
}
.list-text.content-file .ct li.odf a:before {
  background-image: url("../images/icon-pic/file-type_odf.svg");
}
.list-text.content-file .ct li.odf a:hover, .list-text.content-file .ct li.odf a:focus {
  border-color: #03659D;
}
.list-text.content-file .ct li.odp a:before {
  background-image: url("../images/icon-pic/file-type_odp.svg");
}
.list-text.content-file .ct li.odp a:hover, .list-text.content-file .ct li.odp a:focus {
  border-color: #9C3B03;
}
.list-text.content-file .ct li.ods a:before {
  background-image: url("../images/icon-pic/file-type_ods.svg");
}
.list-text.content-file .ct li.ods a:hover, .list-text.content-file .ct li.ods a:focus {
  border-color: #179D03;
}
.list-text.content-file .ct li.odt a:before {
  background-image: url("../images/icon-pic/file-type_odt.svg");
}
.list-text.content-file .ct li.odt a:hover, .list-text.content-file .ct li.odt a:focus {
  border-color: #03659D;
}
.list-text.content-file .ct li.ogg a:before {
  background-image: url("../images/icon-pic/file-type_ogg.svg");
}
.list-text.content-file .ct li.ogg a:hover, .list-text.content-file .ct li.ogg a:focus {
  border-color: #333333;
}
.list-text.content-file .ct li.ogv a:before {
  background-image: url("../images/icon-pic/file-type_ogv.svg");
}
.list-text.content-file .ct li.ogv a:hover, .list-text.content-file .ct li.ogv a:focus {
  border-color: #333333;
}
.list-text.content-file .ct li.other a:before {
  background-image: url("../images/icon-pic/file-type_other.svg");
}
.list-text.content-file .ct li.other a:hover, .list-text.content-file .ct li.other a:focus {
  border-color: #333333;
}
.list-text.content-file .ct li.pdf a:before {
  background-image: url("../images/icon-pic/file-type_pdf.svg");
}
.list-text.content-file .ct li.pdf a:hover, .list-text.content-file .ct li.pdf a:focus {
  border-color: #EF1011;
}
.list-text.content-file .ct li.png a:before {
  background-image: url("../images/icon-pic/file-type_png.svg");
}
.list-text.content-file .ct li.png a:hover, .list-text.content-file .ct li.png a:focus {
  border-color: #3374AE;
}
.list-text.content-file .ct li.ppt a:before {
  background-image: url("../images/icon-pic/file-type_ppt.svg");
}
.list-text.content-file .ct li.ppt a:hover, .list-text.content-file .ct li.ppt a:focus {
  border-color: #D04324;
}
.list-text.content-file .ct li.pptx a:before {
  background-image: url("../images/icon-pic/file-type_pptx.svg");
}
.list-text.content-file .ct li.pptx a:hover, .list-text.content-file .ct li.pptx a:focus {
  border-color: #D04324;
}
.list-text.content-file .ct li.psd a:before {
  background-image: url("../images/icon-pic/file-type_psd.svg");
}
.list-text.content-file .ct li.psd a:hover, .list-text.content-file .ct li.psd a:focus {
  border-color: #2C275D;
}
.list-text.content-file .ct li.rar a:before {
  background-image: url("../images/icon-pic/file-type_rar.svg");
}
.list-text.content-file .ct li.rar a:hover, .list-text.content-file .ct li.rar a:focus {
  border-color: #AA834D;
}
.list-text.content-file .ct li.rss a:before {
  background-image: url("../images/icon-pic/file-type_rss.svg");
}
.list-text.content-file .ct li.rss a:hover, .list-text.content-file .ct li.rss a:focus {
  border-color: #F8991D;
}
.list-text.content-file .ct li.sass a:before {
  background-image: url("../images/icon-pic/file-type_sass.svg");
}
.list-text.content-file .ct li.sass a:hover, .list-text.content-file .ct li.sass a:focus {
  border-color: #CC6699;
}
.list-text.content-file .ct li.svg a:before {
  background-image: url("../images/icon-pic/file-type_svg.svg");
}
.list-text.content-file .ct li.svg a:hover, .list-text.content-file .ct li.svg a:focus {
  border-color: #5A422A;
}
.list-text.content-file .ct li.swf a:before {
  background-image: url("../images/icon-pic/file-type_swf.svg");
}
.list-text.content-file .ct li.swf a:hover, .list-text.content-file .ct li.swf a:focus {
  border-color: #B60000;
}
.list-text.content-file .ct li.tar a:before {
  background-image: url("../images/icon-pic/file-type_tar.svg");
}
.list-text.content-file .ct li.tar a:hover, .list-text.content-file .ct li.tar a:focus {
  border-color: #AA834D;
}
.list-text.content-file .ct li.tif a:before {
  background-image: url("../images/icon-pic/file-type_tif.svg");
}
.list-text.content-file .ct li.tif a:hover, .list-text.content-file .ct li.tif a:focus {
  border-color: #2C275D;
}
.list-text.content-file .ct li.txt a:before {
  background-image: url("../images/icon-pic/file-type_txt.svg");
}
.list-text.content-file .ct li.txt a:hover, .list-text.content-file .ct li.txt a:focus {
  border-color: #333333;
}
.list-text.content-file .ct li.wav a:before {
  background-image: url("../images/icon-pic/file-type_wav.svg");
}
.list-text.content-file .ct li.wav a:hover, .list-text.content-file .ct li.wav a:focus {
  border-color: #254B9D;
}
.list-text.content-file .ct li.webm a:before {
  background-image: url("../images/icon-pic/file-type_webm.svg");
}
.list-text.content-file .ct li.webm a:hover, .list-text.content-file .ct li.webm a:focus {
  border-color: #70BA1D;
}
.list-text.content-file .ct li.xls a:before {
  background-image: url("../images/icon-pic/file-type_xls.svg");
}
.list-text.content-file .ct li.xls a:hover, .list-text.content-file .ct li.xls a:focus {
  border-color: #1D7044;
}
.list-text.content-file .ct li.xlsx a:before {
  background-image: url("../images/icon-pic/file-type_xlsx.svg");
}
.list-text.content-file .ct li.xlsx a:hover, .list-text.content-file .ct li.xlsx a:focus {
  border-color: #1D7044;
}
.list-text.content-file .ct li.xml a:before {
  background-image: url("../images/icon-pic/file-type_xml.svg");
}
.list-text.content-file .ct li.xml a:hover, .list-text.content-file .ct li.xml a:focus {
  border-color: #25B7D3;
}
.list-text.content-file .ct li.zip a:before {
  background-image: url("../images/icon-pic/file-type_zip.svg");
}
.list-text.content-file .ct li.zip a:hover, .list-text.content-file .ct li.zip a:focus {
  border-color: #AA834D;
}
.list-text.content-file .ct span {
  display: inline-block !important;
}
.list-text.content-file .ct a {
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  transition: 150ms;
  font-size: 1rem;
  display: block;
}
@media screen and (max-width: 560px) {
  .list-text.content-file .ct a {
    display: block;
  }
}
.list-text.content-file .ct a:before {
  content: "";
  width: 30px;
  height: 30px;
  display: inline-block;
  vertical-align: middle;
}
.list-text.content-file .ct a:hover, .list-text.content-file .ct a:focus {
  border-left-width: 8px;
  background-color: #ffffff;
  color: currentColor;
}
.list-text.content-file .ct a:after {
  content: none;
}
.list-text.content-list {
  display: inline-block;
  vertical-align: middle;
}
.list-text.content-list .hd span {
  display: block;
}
.list-text.content-list .hd a {
  transition: 150ms;
}
.list-text.content-list .hd a:hover, .list-text.content-list .hd a:focus {
  color: #997950;
}
.list-text.content-list .ct {
  /*i*/
}
.list-text.content-list .ct ul ul {
  margin-left: 30px;
}
.list-text.content-list .ct li {
  background-image: url(../images/icon-pic/list-rt.png);
  background-size: 12px;
  background-position: top 17px left;
  padding-left: 12px;
}
.list-text.content-list .ct span {
  display: block;
}
.list-text.content-list .ct a {
  background-color: transparent;
}
.group-list.relmap > .in > .ct > .in .leaflet-container.leaflet-touch.leaflet-fade-anim.leaflet-grab.leaflet-touch-drag.leaflet-touch-zoom {
  width: 50% !important;
  height: 400px !important;
  border-radius: 3px;
  z-index: 0;
}
@media screen and (max-width: 768px) {
  .group-list.relmap > .in > .ct > .in .leaflet-container.leaflet-touch.leaflet-fade-anim.leaflet-grab.leaflet-touch-drag.leaflet-touch-zoom {
    width: 100% !important;
  }
}
.group-list.relmap > .in > .ct > .in .leaflet-pane.leaflet-popup-pane .leaflet-popup.station-popup.leaflet-zoom-animated .leaflet-popup-content-wrapper .leaflet-popup-content p {
  margin: 0;
  font-weight: 700;
}
.group-list.relmap > .in > .ct > .in .leaflet-pane.leaflet-popup-pane .leaflet-popup.station-popup.leaflet-zoom-animated .leaflet-popup-content-wrapper .leaflet-popup-content span {
  color: gray;
}

.group-list.file-download-multiple > .in > .ct > .in > ul > li {
  padding: 8px 0;
  padding-left: 30px;
  position: relative;
}
.group-list.file-download-multiple > .in > .ct > .in > ul > li:before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  background-color: #997950;
  border-radius: 6px;
  position: absolute;
  left: 12px;
  top: 18px;
  transition: 150ms;
}
.group-list.file-download-multiple > .in > .ct > .in > ul > li + li {
  border-top: #787878 1px dotted;
}
.list-pic.pic-download > .in > .ct > .in > ul > li {
  width: calc(100% / 4);
  display: inline-block;
  vertical-align: top;
}
@media screen and (max-width: 560px) {
  .list-pic.pic-download > .in > .ct > .in > ul > li {
    width: calc(100% / 2);
    display: inline-block;
    vertical-align: top;
  }
}
.list-pic.pic-download .ct {
  /*i*/
}
.list-pic.pic-download .ct li {
  padding: 8px 0;
  box-sizing: border-box;
}
@media screen and (max-width: 560px) {
  .list-pic.pic-download .ct li {
    padding: 8px;
    flex: 0 0 50%;
    max-width: 50%;
  }
}
.list-pic.pic-download .ct li[data-src*=".gif"] a:after {
  background-image: url("../images/icon-pic/icon-w-img.svg");
}
.list-pic.pic-download .ct li[data-src*=".GIF"] a:after {
  background-image: url("../images/icon-pic/icon-w-img.svg");
}
.list-pic.pic-download .ct li[data-src*=".jpg"] a:after {
  background-image: url("../images/icon-pic/icon-w-img.svg");
}
.list-pic.pic-download .ct li[data-src*=".JPG"] a:after {
  background-image: url("../images/icon-pic/icon-w-img.svg");
}
.list-pic.pic-download .ct li[data-src*=".jpeg"] a:after {
  background-image: url("../images/icon-pic/icon-w-img.svg");
}
.list-pic.pic-download .ct li[data-src*=".JPEG"] a:after {
  background-image: url("../images/icon-pic/icon-w-img.svg");
}
.list-pic.pic-download .ct li[data-src*=".png"] a:after {
  background-image: url("../images/icon-pic/icon-w-img.svg");
}
.list-pic.pic-download .ct li[data-src*=".PNG"] a:after {
  background-image: url("../images/icon-pic/icon-w-img.svg");
}
.list-pic.pic-download .ct li[data-src*=".bmp"] a:after {
  background-image: url("../images/icon-pic/icon-w-img.svg");
}
.list-pic.pic-download .ct li[data-src*=".BMP"] a:after {
  background-image: url("../images/icon-pic/icon-w-img.svg");
}
.list-pic.pic-download .ct li.is-img a:after {
  background-image: url("../images/icon-pic/icon-w-img.svg");
}
.list-pic.pic-download .ct li.is-video a:after {
  background-image: url("../images/icon-pic/icon-w-video.svg");
}
.list-pic.pic-download .ct li p {
  margin: 0;
  line-height: 2;
  text-align: center;
}
.list-pic.pic-download .ct span {
  background-image: none !important;
  position: relative;
  display: block;
  margin: 5px;
  border: #787878 1px solid;
  border-radius: 5px;
  padding: 8px;
  background-color: #ffffff;
}
.list-pic.pic-download .ct span + span {
  border: 0;
  padding: 0 8px;
}
.list-pic.pic-download .ct a {
  display: block;
  overflow: hidden;
  overflow: hidden;
  background-color: #fafafa;
  position: relative;
  padding-bottom: 75%;
}
.list-pic.pic-download .ct a:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-position: 5px 95%;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  background-size: 28px auto;
}
.list-pic.pic-download .ct a:before {
  content: "​";
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: transparent;
  transition: 150ms;
}
.list-pic.pic-download .ct a:hover img, .list-pic.pic-download .ct a:focus img {
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -o-transform: scale(1.05);
}
.list-pic.pic-download .ct a:hover:before, .list-pic.pic-download .ct a:focus:before {
  background-color: rgba(45, 45, 45, 0.5);
}
@media screen and (max-width: 768px) {
  .list-pic.pic-download .ct a {
    background-color: transparent;
  }
}
.list-pic.pic-download .ct img {
  display: block;
  transition: 300ms;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  max-height: 100%;
  max-width: 100%;
  margin: auto;
  height: auto;
  z-index: 1;
}
.list-text.file-download .ct {
  /*i*/
}
.list-text.file-download .ct li {
  line-height: 1.5;
  padding: 8px;
  padding-left: 20px;
  position: relative;
}
.list-text.file-download .ct li:before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  background-color: #997950;
  border-radius: 6px;
  position: absolute;
  left: 8px;
  top: 20px;
  transition: 150ms;
}
.list-text.file-download .ct li + li {
  border-top: #787878 1px dotted;
}
.list-text.file-download .ct li.ai a:before {
  background-image: url("../images/icon-pic/file-type_ai.svg");
}
.list-text.file-download .ct li.avi a:before {
  background-image: url("../images/icon-pic/file-type_avi.svg");
}
.list-text.file-download .ct li.bmp a:before {
  background-image: url("../images/icon-pic/file-type_bmp.svg");
}
.list-text.file-download .ct li.cdr a:before {
  background-image: url("../images/icon-pic/file-type_cdr.svg");
}
.list-text.file-download .ct li.css a:before {
  background-image: url("../images/icon-pic/file-type_css.svg");
}
.list-text.file-download .ct li.csv a:before {
  background-image: url("../images/icon-pic/file-type_csv.svg");
}
.list-text.file-download .ct li.dmg a:before {
  background-image: url("../images/icon-pic/file-type_dmg.svg");
}
.list-text.file-download .ct li.doc a:before {
  background-image: url("../images/icon-pic/file-type_doc.svg");
}
.list-text.file-download .ct li.docx a:before {
  background-image: url("../images/icon-pic/file-type_docx.svg");
}
.list-text.file-download .ct li.exe a:before {
  background-image: url("../images/icon-pic/file-type_exe.svg");
}
.list-text.file-download .ct li.file7z a:before {
  background-image: url("../images/icon-pic/file-type_file7z.svg");
}
.list-text.file-download .ct li.gif a:before {
  background-image: url("../images/icon-pic/file-type_gif.svg");
}
.list-text.file-download .ct li.html a:before {
  background-image: url("../images/icon-pic/file-type_html.svg");
}
.list-text.file-download .ct li.ico a:before {
  background-image: url("../images/icon-pic/file-type_ico.svg");
}
.list-text.file-download .ct li.jpeg a:before {
  background-image: url("../images/icon-pic/file-type_jpeg.svg");
}
.list-text.file-download .ct li.jpg a:before {
  background-image: url("../images/icon-pic/file-type_jpg.svg");
}
.list-text.file-download .ct li.js a:before {
  background-image: url("../images/icon-pic/file-type_js.svg");
}
.list-text.file-download .ct li.link a:before {
  background-image: url("../images/icon-pic/file-type_link.svg");
}
.list-text.file-download .ct li.md a:before {
  background-image: url("../images/icon-pic/file-type_md.svg");
}
.list-text.file-download .ct li.mov a:before {
  background-image: url("../images/icon-pic/file-type_mov.svg");
}
.list-text.file-download .ct li.mp3 a:before {
  background-image: url("../images/icon-pic/file-type_mp3.svg");
}
.list-text.file-download .ct li.mp4 a:before {
  background-image: url("../images/icon-pic/file-type_mp4.svg");
}
.list-text.file-download .ct li.odf a:before {
  background-image: url("../images/icon-pic/file-type_odf.svg");
}
.list-text.file-download .ct li.odp a:before {
  background-image: url("../images/icon-pic/file-type_odp.svg");
}
.list-text.file-download .ct li.ods a:before {
  background-image: url("../images/icon-pic/file-type_ods.svg");
}
.list-text.file-download .ct li.odt a:before {
  background-image: url("../images/icon-pic/file-type_odt.svg");
}
.list-text.file-download .ct li.ogg a:before {
  background-image: url("../images/icon-pic/file-type_ogg.svg");
}
.list-text.file-download .ct li.ogv a:before {
  background-image: url("../images/icon-pic/file-type_ogv.svg");
}
.list-text.file-download .ct li.other a:before {
  background-image: url("../images/icon-pic/file-type_other.svg");
}
.list-text.file-download .ct li.pdf a:before {
  background-image: url("../images/icon-pic/file-type_pdf.svg");
}
.list-text.file-download .ct li.png a:before {
  background-image: url("../images/icon-pic/file-type_png.svg");
}
.list-text.file-download .ct li.ppt a:before {
  background-image: url("../images/icon-pic/file-type_ppt.svg");
}
.list-text.file-download .ct li.pptx a:before {
  background-image: url("../images/icon-pic/file-type_pptx.svg");
}
.list-text.file-download .ct li.psd a:before {
  background-image: url("../images/icon-pic/file-type_psd.svg");
}
.list-text.file-download .ct li.rar a:before {
  background-image: url("../images/icon-pic/file-type_rar.svg");
}
.list-text.file-download .ct li.rss a:before {
  background-image: url("../images/icon-pic/file-type_rss.svg");
}
.list-text.file-download .ct li.sass a:before {
  background-image: url("../images/icon-pic/file-type_sass.svg");
}
.list-text.file-download .ct li.svg a:before {
  background-image: url("../images/icon-pic/file-type_svg.svg");
}
.list-text.file-download .ct li.swf a:before {
  background-image: url("../images/icon-pic/file-type_swf.svg");
}
.list-text.file-download .ct li.tar a:before {
  background-image: url("../images/icon-pic/file-type_tar.svg");
}
.list-text.file-download .ct li.tif a:before {
  background-image: url("../images/icon-pic/file-type_tif.svg");
}
.list-text.file-download .ct li.txt a:before {
  background-image: url("../images/icon-pic/file-type_txt.svg");
}
.list-text.file-download .ct li.wav a:before {
  background-image: url("../images/icon-pic/file-type_wav.svg");
}
.list-text.file-download .ct li.webm a:before {
  background-image: url("../images/icon-pic/file-type_webm.svg");
}
.list-text.file-download .ct li.xls a:before {
  background-image: url("../images/icon-pic/file-type_xls.svg");
}
.list-text.file-download .ct li.xlsx a:before {
  background-image: url("../images/icon-pic/file-type_xlsx.svg");
}
.list-text.file-download .ct li.xml a:before {
  background-image: url("../images/icon-pic/file-type_xml.svg");
}
.list-text.file-download .ct li.zip a:before {
  background-image: url("../images/icon-pic/file-type_zip.svg");
}
[lang=en] .list-text.file-download .ct li {
  line-height: 1.5;
}
[lang=en] .list-text.file-download .ct li:before {
  top: 17px;
}
.list-text.file-download .ct span {
  display: block;
  padding: 0 3px;
}
[lang=en] .list-text.file-download .ct span {
  overflow: initial;
  text-overflow: initial;
  white-space: initial;
}
.list-text.file-download .ct a {
  transition: 150ms;
  font-size: 1.25em;
  line-height: 1.25em;
  display: inline-flex;
  justify-content: flex-start;
  white-space: break-spaces;
}
.list-text.file-download .ct a:before {
  content: "​";
  display: block;
  width: 40px;
  height: 1.25em;
  flex: 0 0 25px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url("../images/icon-pic/file-type_other.svg");
}
.list-text.file-download .ct a:hover, .list-text.file-download .ct a:focus {
  color: #997950;
}
.list-text.file-download .ct a:after {
  content: none;
}
.list-text.file-download-multiple .hd {
  display: inline-block;
  vertical-align: middle;
}
@media screen and (max-width: 560px) {
  .list-text.file-download-multiple .hd {
    display: block;
  }
}
.list-text.file-download-multiple .hd a:hover {
  color: currentColor;
}
.list-text.file-download-multiple .ct {
  display: inline-block;
  vertical-align: middle;
  /*i*/
}
@media screen and (max-width: 560px) {
  .list-text.file-download-multiple .ct {
    display: block;
    margin-left: 0;
  }
}
.list-text.file-download-multiple .ct li {
  display: inline-block;
}
@media screen and (max-width: 560px) {
  .list-text.file-download-multiple .ct li {
    display: block;
  }
}
.list-text.file-download-multiple .ct li + li:before {
  content: " | ";
  color: #787878;
}
@media screen and (max-width: 560px) {
  .list-text.file-download-multiple .ct li + li:before {
    content: none;
  }
}
.list-text.file-download-multiple .ct li.ai a:before {
  background-image: url("../images/icon-pic/file-type_ai.svg");
}
.list-text.file-download-multiple .ct li.ai a:hover {
  border-color: #5A422A;
}
.list-text.file-download-multiple .ct li.avi a:before {
  background-image: url("../images/icon-pic/file-type_avi.svg");
}
.list-text.file-download-multiple .ct li.avi a:hover {
  border-color: #1E4B84;
}
.list-text.file-download-multiple .ct li.bmp a:before {
  background-image: url("../images/icon-pic/file-type_bmp.svg");
}
.list-text.file-download-multiple .ct li.bmp a:hover {
  border-color: #333333;
}
.list-text.file-download-multiple .ct li.cdr a:before {
  background-image: url("../images/icon-pic/file-type_cdr.svg");
}
.list-text.file-download-multiple .ct li.cdr a:hover {
  border-color: #39B54A;
}
.list-text.file-download-multiple .ct li.css a:before {
  background-image: url("../images/icon-pic/file-type_css.svg");
}
.list-text.file-download-multiple .ct li.css a:hover {
  border-color: #BEC730;
}
.list-text.file-download-multiple .ct li.csv a:before {
  background-image: url("../images/icon-pic/file-type_csv.svg");
}
.list-text.file-download-multiple .ct li.csv a:hover {
  border-color: #745076;
}
.list-text.file-download-multiple .ct li.dmg a:before {
  background-image: url("../images/icon-pic/file-type_dmg.svg");
}
.list-text.file-download-multiple .ct li.dmg a:hover {
  border-color: #808080;
}
.list-text.file-download-multiple .ct li.doc a:before {
  background-image: url("../images/icon-pic/file-type_doc.svg");
}
.list-text.file-download-multiple .ct li.doc a:hover {
  border-color: #2A5696;
}
.list-text.file-download-multiple .ct li.docx a:before {
  background-image: url("../images/icon-pic/file-type_docx.svg");
}
.list-text.file-download-multiple .ct li.docx a:hover {
  border-color: #2A5696;
}
.list-text.file-download-multiple .ct li.exe a:before {
  background-image: url("../images/icon-pic/file-type_exe.svg");
}
.list-text.file-download-multiple .ct li.exe a:hover {
  border-color: #333333;
}
.list-text.file-download-multiple .ct li.file7z a:before {
  background-image: url("../images/icon-pic/file-type_file7z.svg");
}
.list-text.file-download-multiple .ct li.file7z a:hover {
  border-color: #333333;
}
.list-text.file-download-multiple .ct li.gif a:before {
  background-image: url("../images/icon-pic/file-type_gif.svg");
}
.list-text.file-download-multiple .ct li.gif a:hover {
  border-color: #DCA61F;
}
.list-text.file-download-multiple .ct li.html a:before {
  background-image: url("../images/icon-pic/file-type_html.svg");
}
.list-text.file-download-multiple .ct li.html a:hover {
  border-color: #25B7D3;
}
.list-text.file-download-multiple .ct li.ico a:before {
  background-image: url("../images/icon-pic/file-type_ico.svg");
}
.list-text.file-download-multiple .ct li.ico a:hover {
  border-color: #A60B09;
}
.list-text.file-download-multiple .ct li.jpeg a:before {
  background-image: url("../images/icon-pic/file-type_jpeg.svg");
}
.list-text.file-download-multiple .ct li.jpeg a:hover {
  border-color: #208895;
}
.list-text.file-download-multiple .ct li.jpg a:before {
  background-image: url("../images/icon-pic/file-type_jpg.svg");
}
.list-text.file-download-multiple .ct li.jpg a:hover {
  border-color: #208895;
}
.list-text.file-download-multiple .ct li.js a:before {
  background-image: url("../images/icon-pic/file-type_js.svg");
}
.list-text.file-download-multiple .ct li.js a:hover {
  border-color: #5E5021;
}
.list-text.file-download-multiple .ct li.link a:before {
  background-image: url("../images/icon-pic/file-type_link.svg");
}
.list-text.file-download-multiple .ct li.link a:hover {
  border-color: #0069FF;
}
.list-text.file-download-multiple .ct li.md a:before {
  background-image: url("../images/icon-pic/file-type_md.svg");
}
.list-text.file-download-multiple .ct li.md a:hover {
  border-color: #333333;
}
.list-text.file-download-multiple .ct li.mov a:before {
  background-image: url("../images/icon-pic/file-type_mov.svg");
}
.list-text.file-download-multiple .ct li.mov a:hover {
  border-color: #0069FF;
}
.list-text.file-download-multiple .ct li.mp3 a:before {
  background-image: url("../images/icon-pic/file-type_mp3.svg");
}
.list-text.file-download-multiple .ct li.mp3 a:hover {
  border-color: #333333;
}
.list-text.file-download-multiple .ct li.mp4 a:before {
  background-image: url("../images/icon-pic/file-type_mp4.svg");
}
.list-text.file-download-multiple .ct li.mp4 a:hover {
  border-color: #333333;
}
.list-text.file-download-multiple .ct li.odf a:before {
  background-image: url("../images/icon-pic/file-type_odf.svg");
}
.list-text.file-download-multiple .ct li.odf a:hover {
  border-color: #03659D;
}
.list-text.file-download-multiple .ct li.odp a:before {
  background-image: url("../images/icon-pic/file-type_odp.svg");
}
.list-text.file-download-multiple .ct li.odp a:hover {
  border-color: #9C3B03;
}
.list-text.file-download-multiple .ct li.ods a:before {
  background-image: url("../images/icon-pic/file-type_ods.svg");
}
.list-text.file-download-multiple .ct li.ods a:hover {
  border-color: #179D03;
}
.list-text.file-download-multiple .ct li.odt a:before {
  background-image: url("../images/icon-pic/file-type_odt.svg");
}
.list-text.file-download-multiple .ct li.odt a:hover {
  border-color: #03659D;
}
.list-text.file-download-multiple .ct li.ogg a:before {
  background-image: url("../images/icon-pic/file-type_ogg.svg");
}
.list-text.file-download-multiple .ct li.ogg a:hover {
  border-color: #333333;
}
.list-text.file-download-multiple .ct li.ogv a:before {
  background-image: url("../images/icon-pic/file-type_ogv.svg");
}
.list-text.file-download-multiple .ct li.ogv a:hover {
  border-color: #333333;
}
.list-text.file-download-multiple .ct li.other a:before {
  background-image: url("../images/icon-pic/file-type_other.svg");
}
.list-text.file-download-multiple .ct li.other a:hover {
  border-color: #333333;
}
.list-text.file-download-multiple .ct li.pdf a:before {
  background-image: url("../images/icon-pic/file-type_pdf.svg");
}
.list-text.file-download-multiple .ct li.pdf a:hover {
  border-color: #EF1011;
}
.list-text.file-download-multiple .ct li.png a:before {
  background-image: url("../images/icon-pic/file-type_png.svg");
}
.list-text.file-download-multiple .ct li.png a:hover {
  border-color: #3374AE;
}
.list-text.file-download-multiple .ct li.ppt a:before {
  background-image: url("../images/icon-pic/file-type_ppt.svg");
}
.list-text.file-download-multiple .ct li.ppt a:hover {
  border-color: #D04324;
}
.list-text.file-download-multiple .ct li.pptx a:before {
  background-image: url("../images/icon-pic/file-type_pptx.svg");
}
.list-text.file-download-multiple .ct li.pptx a:hover {
  border-color: #D04324;
}
.list-text.file-download-multiple .ct li.psd a:before {
  background-image: url("../images/icon-pic/file-type_psd.svg");
}
.list-text.file-download-multiple .ct li.psd a:hover {
  border-color: #2C275D;
}
.list-text.file-download-multiple .ct li.rar a:before {
  background-image: url("../images/icon-pic/file-type_rar.svg");
}
.list-text.file-download-multiple .ct li.rar a:hover {
  border-color: #AA834D;
}
.list-text.file-download-multiple .ct li.rss a:before {
  background-image: url("../images/icon-pic/file-type_rss.svg");
}
.list-text.file-download-multiple .ct li.rss a:hover {
  border-color: #F8991D;
}
.list-text.file-download-multiple .ct li.sass a:before {
  background-image: url("../images/icon-pic/file-type_sass.svg");
}
.list-text.file-download-multiple .ct li.sass a:hover {
  border-color: #CC6699;
}
.list-text.file-download-multiple .ct li.svg a:before {
  background-image: url("../images/icon-pic/file-type_svg.svg");
}
.list-text.file-download-multiple .ct li.svg a:hover {
  border-color: #5A422A;
}
.list-text.file-download-multiple .ct li.swf a:before {
  background-image: url("../images/icon-pic/file-type_swf.svg");
}
.list-text.file-download-multiple .ct li.swf a:hover {
  border-color: #B60000;
}
.list-text.file-download-multiple .ct li.tar a:before {
  background-image: url("../images/icon-pic/file-type_tar.svg");
}
.list-text.file-download-multiple .ct li.tar a:hover {
  border-color: #AA834D;
}
.list-text.file-download-multiple .ct li.tif a:before {
  background-image: url("../images/icon-pic/file-type_tif.svg");
}
.list-text.file-download-multiple .ct li.tif a:hover {
  border-color: #2C275D;
}
.list-text.file-download-multiple .ct li.txt a:before {
  background-image: url("../images/icon-pic/file-type_txt.svg");
}
.list-text.file-download-multiple .ct li.txt a:hover {
  border-color: #333333;
}
.list-text.file-download-multiple .ct li.wav a:before {
  background-image: url("../images/icon-pic/file-type_wav.svg");
}
.list-text.file-download-multiple .ct li.wav a:hover {
  border-color: #254B9D;
}
.list-text.file-download-multiple .ct li.webm a:before {
  background-image: url("../images/icon-pic/file-type_webm.svg");
}
.list-text.file-download-multiple .ct li.webm a:hover {
  border-color: #70BA1D;
}
.list-text.file-download-multiple .ct li.xls a:before {
  background-image: url("../images/icon-pic/file-type_xls.svg");
}
.list-text.file-download-multiple .ct li.xls a:hover {
  border-color: #1D7044;
}
.list-text.file-download-multiple .ct li.xlsx a:before {
  background-image: url("../images/icon-pic/file-type_xlsx.svg");
}
.list-text.file-download-multiple .ct li.xlsx a:hover {
  border-color: #1D7044;
}
.list-text.file-download-multiple .ct li.xml a:before {
  background-image: url("../images/icon-pic/file-type_xml.svg");
}
.list-text.file-download-multiple .ct li.xml a:hover {
  border-color: #25B7D3;
}
.list-text.file-download-multiple .ct li.zip a:before {
  background-image: url("../images/icon-pic/file-type_zip.svg");
}
.list-text.file-download-multiple .ct li.zip a:hover {
  border-color: #AA834D;
}
.list-text.file-download-multiple .ct a {
  box-sizing: border-box;
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  transition: 150ms;
  font-size: 1em;
  padding: 5px;
}
@media screen and (max-width: 560px) {
  .list-text.file-download-multiple .ct a {
    display: block;
    padding: 0;
  }
}
.list-text.file-download-multiple .ct a:before {
  content: "​";
  display: inline-block;
  vertical-align: middle;
  width: 1.5em;
  height: 1.5em;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url("../images/icon-pic/file-type_other.svg");
}
.list-text.file-download-multiple .ct a:hover {
  border-left-width: 8px;
  background-color: #ffffff;
  color: currentColor;
  border-color: #333333;
}
.list-text.file-download-multiple .ct a:after {
  content: none;
}
.area-essay.page-caption-p + .area-essay.page-caption-p {
  margin-top: 8px;
}
.area-essay.page-caption-p .ct a.div {
  padding: 15px;
  background-color: #f0f0f0;
  transition: 150ms;
}
.area-essay.page-caption-p .ct a.div:hover, .area-essay.page-caption-p .ct a.div:focus {
  background-color: #CECECE;
}
.area-essay.page-caption-p .ct .stat-img img {
  width: 70%;
  margin: 0 auto;
  display: block;
}
@media screen and (max-width: 768px) and (min-width: 1px) {
  .area-essay.page-caption-p .ct .stat-img img {
    width: 100%;
  }
}
.area-essay.page-caption-p .ct .caption {
  color: rgb(119.5107296137, 94.5150214592, 62.4892703863);
  padding-bottom: 8px;
  margin-bottom: 8px;
  border-bottom: #787878 1px dashed;
}
.area-essay.page-caption-p .ct .p {
  font-size: 1.1em;
  line-height: 1.7;
}
.area-essay.page-caption-p .ct .p h4 {
  font-size: 1.4em;
  color: #997950;
  font-weight: bold;
  margin: 20px 0;
}
.area-essay.page-caption-p .ct .p h5 {
  font-size: 1.1em;
  color: #2D2D2D;
  font-weight: bold;
  margin: 20px 0;
}
.area-essay.page-caption-p .ct .p h6 {
  font-size: 1em;
  color: #2D2D2D;
  font-weight: bold;
  margin: 20px 0;
}
.area-essay.page-caption-p .ct .p p {
  line-height: 1.7;
}
.area-essay.page-caption-p .ct .p p span {
  font-size: 1em;
}
.area-essay.page-caption-p .ct .p div {
  line-height: 1.7;
}
.area-essay.page-caption-p .ct .p div p {
  font-size: 1em;
}
.area-essay.page-caption-p .ct .p div.img img {
  width: 100%;
}
.area-essay.page-caption-p .ct .p ul li table {
  margin: 8px auto;
}
.area-essay.page-caption-p .ct .p ul li > ul, .area-essay.page-caption-p .ct .p ul li > ol {
  margin: 10px auto;
}
.area-essay.page-caption-p .ct .p ul li > ul > li, .area-essay.page-caption-p .ct .p ul li > ol > li {
  margin: 0;
}
.area-essay.page-caption-p .ct .p ol li table {
  margin: 8px auto;
}
.area-essay.page-caption-p .ct .p ol li > ul, .area-essay.page-caption-p .ct .p ol li > ol {
  margin: 10px auto;
}
.area-essay.page-caption-p .ct .p ol li > ul > li, .area-essay.page-caption-p .ct .p ol li > ol > li {
  margin: 0;
}
.area-essay.page-caption-p .ct .p table {
  box-sizing: border-box;
  border-color: #787878;
  margin: 0 auto;
}
.area-essay.page-caption-p .ct .p table caption {
  font-size: 1.2em;
  margin-bottom: 15px;
  font-weight: bold;
}
.area-essay.page-caption-p .ct .p table th, .area-essay.page-caption-p .ct .p table td {
  padding: 8px;
  word-break: break-all;
  box-sizing: border-box;
}
.area-essay.page-caption-p .ct .p table th {
  background-color: #997950;
  color: #ffffff;
  text-align: center;
  border-color: #ffffff;
}
.area-essay.page-caption-p .ct .p table th p, .area-essay.page-caption-p .ct .p table th div {
  margin: 0;
}
.area-essay.page-caption-p .ct .p table td {
  border-color: #787878;
}
.area-essay.page-caption-p .ct .p table td div {
  margin: 0;
}
.area-essay.page-caption-p .ct .p table td div {
  line-height: 1;
}
.area-essay.page-caption-p .ct .p table td img {
  display: inline;
}
.area-essay.page-caption-p .ct .p table.dnTable {
  border: #ccc 1px solid;
}
.area-essay.page-caption-p .ct .p table.dnTable tr th + th {
  border: #ffffff 1px solid;
}
.area-essay.page-caption-p .ct .p table.dnTable tr td {
  border: #ccc 1px solid;
}
.area-essay.page-caption-p .ct .p table.govinfo {
  float: none !important;
  width: 100%;
  border: #787878 1px solid;
}
.area-essay.page-caption-p .ct .p table.govinfo tr th {
  border: #787878 1px solid;
}
.area-essay.page-caption-p .ct .p table.govinfo tr th + th {
  border-left: #ffffff 1px solid;
}
.area-essay.page-caption-p .ct .p table.govinfo tr td {
  border-width: 1px;
  border-style: solid;
}
.area-essay.page-caption-p .ct .p table.govinfo tr td p {
  margin: 10px 0;
}
.area-essay.page-caption-p .ct .p table.govinfo tr + tr th {
  border-top: #ffffff 1px solid;
}
.area-essay.page-caption-p .ct .p a {
  color: #007dbb;
  transition: 150ms;
  text-decoration: none;
}
.area-essay.page-caption-p .ct .p a:hover, .area-essay.page-caption-p .ct .p a:focus {
  color: rgb(136.2553648069, 107.7575107296, 71.2446351931);
  text-decoration: underline;
}
.area-essay.page-caption-p .ct pre {
  width: 100%;
  word-wrap: break-word;
  white-space: pre-wrap;
  line-height: 1.7;
  font-family: Arial, "微軟正黑體", "Helvetica Neue", Helvetica, sans-serif, "新細明體";
}
.area-figure.page-figure .ct {
  /*a*/
  /*i*/
}
.area-figure.page-figure .ct .div {
  display: block;
  padding: 15px 8px;
  box-sizing: border-box;
  position: relative;
}
.area-figure.page-figure .ct .div:hover .figcaption, .area-figure.page-figure .ct .div:focus .figcaption {
  color: deeper(#997950);
}
.area-figure.page-figure .ct .div:hover .img span, .area-figure.page-figure .ct .div:focus .img span {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}
.area-figure.page-figure .ct .div:hover p, .area-figure.page-figure .ct .div:focus p {
  text-decoration: underline;
}
.area-figure.page-figure .ct .img {
  overflow: hidden;
  border-radius: 8px;
}
.area-figure.page-figure .ct .img span {
  background-color: #fafafa;
  position: relative;
  display: block;
  width: 100%;
  padding-bottom: 75%;
  transition: 300ms;
}
.area-figure.page-figure .ct .img img {
  display: none;
  transition: 300ms;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  max-width: 100%;
  margin: auto;
  max-height: 100%;
}
@media screen and (max-width: 768px) {
  .area-figure.page-figure .ct .img {
    float: none;
    margin-right: 0;
    max-width: 360px;
    margin: 0 auto;
  }
  .area-figure.page-figure .ct .img img {
    position: static;
  }
}
.area-figure.page-figure .ct .essay {
  padding: 15px;
  background-color: #ffffff;
}
.area-figure.page-figure .ct .figcaption {
  color: #997950;
  text-align: center;
  transition: 150ms;
}
.area-figure.page-figure .ct .label {
  position: absolute;
  top: 30px;
}
.area-figure.page-figure .ct .label ul {
  text-align: center;
}
.area-figure.page-figure .ct .label ul li {
  display: inline-block;
  vertical-align: top;
}
.area-figure.page-figure .ct .label ul li + li {
  display: inline-block;
  vertical-align: top;
}
.area-figure.page-figure .ct .label ul li span {
  display: block;
}
.area-figure.page-figure .ct .label ul li span i {
  font-size: 1em;
  color: #997950;
  position: relative;
  font-weight: bold;
  display: block;
}
.area-figure.page-figure .ct .label ul li span i + i {
  margin-left: 15px;
}
.area-figure.page-figure .ct .label ul li span .mark {
  position: relative;
  margin-right: 0;
  box-shadow: none;
}
.area-figure.page-figure .ct .label ul li span .dept {
  display: inline-block;
  vertical-align: top;
  box-shadow: none;
}
.area-figure.page-figure .ct .label ul li span .unit {
  display: inline-block;
  vertical-align: top;
  font-style: inherit;
  background-color: #f0f0f0;
  margin-right: 0;
  box-shadow: none;
}
.area-figure.page-figure .ct .label ul li span .moitime {
  font-size: 1em;
  color: #997950;
  font-weight: bold;
  display: block;
}
.area-figure.page-figure .ct .p p {
  display: block;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  font-size: 1.1em;
  max-height: 86px;
}
.member-info .area-form.page-form {
  margin: 8px 15px;
}
@media screen and (max-width: 768px) {
  .member-info .area-form.page-form {
    margin: 0;
  }
}
.member-info .area-form.page-form .ct .legend {
  font-size: 1.1rem;
  margin-bottom: 15px;
  display: none;
}
.member-info .area-form.page-form .ct .fieldset {
  margin: 8px 15px;
  padding: 0;
}
@media screen and (max-width: 560px) {
  .member-info .area-form.page-form .ct .fieldset {
    margin: 0 15px;
  }
}
.member-info .area-form.page-form .ct .fieldset > span {
  margin-top: 15px;
}
.member-info .area-form.page-form .ct .fieldset > span > label {
  display: inline-block !important;
  vertical-align: top;
  width: 180px;
  margin-top: 0.6rem;
  line-height: 1.2 !important;
  font-weight: bold !important;
}
.member-info .area-form.page-form .ct .fieldset > span > label + input,
.member-info .area-form.page-form .ct .fieldset > span > label ~ .select2 {
  display: inline-block;
  vertical-align: top;
}
.member-info .area-form.page-form .ct .fieldset > span > label ~ .select2 {
  width: 330px;
}
@media screen and (max-width: 768px) {
  .member-info .area-form.page-form .ct .fieldset > span > label {
    width: 100%;
  }
  .member-info .area-form.page-form .ct .fieldset > span > label + input {
    width: 100%;
  }
}
@media screen and (max-width: 560px) {
  .member-info .area-form.page-form .ct .fieldset > span > label {
    width: 100%;
    margin: 5px 0 !important;
  }
}
.member-info .area-form.page-form .ct .fieldset > span.submit {
  display: block;
  margin-left: 180px;
}
@media screen and (max-width: 768px) {
  .member-info .area-form.page-form .ct .fieldset > span.submit {
    margin-left: 0px;
  }
}
.member-info .area-form.page-form .ct .fieldset > span.submit input[type=submit] {
  min-width: 120px;
  padding: 15px;
}
.member-info .area-form.page-form .ct .fieldset > span.radio, .member-info .area-form.page-form .ct .fieldset > span.checkbox {
  margin-top: 15px;
}
.member-info .area-form.page-form .ct .fieldset > span.radio table, .member-info .area-form.page-form .ct .fieldset > span.checkbox table {
  display: inline-block;
  vertical-align: top;
}
.member-info .area-form.page-form .ct .fieldset > span.radio table tr, .member-info .area-form.page-form .ct .fieldset > span.checkbox table tr {
  display: inline-block;
}
.member-info .area-form.page-form .ct .fieldset > span.radio table td, .member-info .area-form.page-form .ct .fieldset > span.checkbox table td {
  border-color: transparent;
  padding: 3px 0;
}
.member-info .area-form.page-form .ct .fieldset > span.radio table td + td, .member-info .area-form.page-form .ct .fieldset > span.checkbox table td + td {
  padding-left: 15px;
}
.member-info .area-form.page-form .ct .fieldset > span.radio table td label, .member-info .area-form.page-form .ct .fieldset > span.checkbox table td label {
  margin-left: 5px;
  margin-top: 5px;
  margin-bottom: 0;
}
.member-info .area-form.page-form .ct .fieldset > span.radio input[type=radio], .member-info .area-form.page-form .ct .fieldset > span.checkbox input[type=radio] {
  margin-top: 4px;
}
.member-info .area-form.page-form .ct .fieldset > span.is-verified {
  position: relative;
}
.member-info .area-form.page-form .ct .fieldset > span.is-verified #ContentPlaceHolder1_lbEmailVerifyDate,
.member-info .area-form.page-form .ct .fieldset > span.is-verified #ContentPlaceHolder1_lbMobileVerifyDate {
  position: absolute;
  left: 180px;
  top: 1rem;
  z-index: 1;
  display: inline-block;
  padding: 10px;
}
.member-info .area-form.page-form .ct .fieldset > span.is-verified #ContentPlaceHolder1_lbEmailVerifyDate:hover,
.member-info .area-form.page-form .ct .fieldset > span.is-verified #ContentPlaceHolder1_lbMobileVerifyDate:hover {
  text-indent: 0;
  font-size: 0.9em;
  line-height: 1;
  color: #fff;
  background-color: rgba(45, 45, 45, 0.7);
  border-radius: 3px;
  transform: translateY(18px);
}
@media screen and (max-width: 768px) {
  .member-info .area-form.page-form .ct .fieldset > span.is-verified #ContentPlaceHolder1_lbEmailVerifyDate,
  .member-info .area-form.page-form .ct .fieldset > span.is-verified #ContentPlaceHolder1_lbMobileVerifyDate {
    left: 0;
    top: 48px;
  }
}
.member-info .area-form.page-form .ct .fieldset > span.is-verified::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: #00a267;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px;
  position: absolute;
  left: 180px;
  top: 8px;
}
@media screen and (max-width: 768px) {
  .member-info .area-form.page-form .ct .fieldset > span.is-verified::before {
    left: 0;
    top: 48px;
  }
}
@media screen and (max-width: 560px) {
  .member-info .area-form.page-form .ct .fieldset > span.is-verified::before {
    top: 44px;
  }
}
.member-info .area-form.page-form .ct .select2-container .select2-selection--single {
  height: 44px;
}
.member-info .area-form.page-form .ct .select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 2.5rem;
}
.member-info .area-form.page-form .ct #ContentPlaceHolder1_btnChangeEmail,
.member-info .area-form.page-form .ct #ContentPlaceHolder1_btnChangeMobile {
  display: inline-block;
  mask: url(../images/eshop/icon-edit-pen.svg) no-repeat 50% 50%;
  -webkit-mask: url(../images/eshop/icon-edit-pen.svg) no-repeat 50% 50%;
  mask-size: contain;
  -webkit-mask-size: contain;
  background-color: #2D2D2D;
  padding: 12px;
  opacity: 0.8;
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  .member-info .area-form.page-form .ct #ContentPlaceHolder1_btnChangeEmail,
  .member-info .area-form.page-form .ct #ContentPlaceHolder1_btnChangeMobile {
    position: absolute;
    right: 8px;
  }
}
@media screen and (max-width: 560px) {
  .member-info .area-form.page-form .ct #ContentPlaceHolder1_btnChangeEmail,
  .member-info .area-form.page-form .ct #ContentPlaceHolder1_btnChangeMobile {
    position: static;
  }
}
.member-info .area-form.page-form .ct #ContentPlaceHolder1_pParameters .fieldset + .fieldset:last-child {
  text-align: left;
}
.member-info .area-form.page-form .ct input#ContentPlaceHolder1_tbMobile {
  width: 330px;
}
@media screen and (max-width: 560px) {
  .member-info .area-form.page-form .ct input#ContentPlaceHolder1_tbMobile {
    width: 100%;
  }
}
.member-info .area-form.page-form .ct input#ContentPlaceHolder1_txtName {
  width: 330px;
}
.member-info .area-form.page-form .ct input#ContentPlaceHolder1_txtBirthDay {
  width: 330px;
  position: relative;
  appearance: none;
}
.member-info .area-form.page-form .ct input#ContentPlaceHolder1_txtBirthDay::after {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-12px);
  background-image: url(../images/icon-calendar.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.member-info .area-form.page-form .ct input#ContentPlaceHolder1_txtAddress {
  width: 330px;
}
.member-info .area-form.page-form .ct input#ContentPlaceHolder1_20,
.member-info .area-form.page-form .ct input#ContentPlaceHolder1_22 {
  width: 330px;
}

/* ==========================
// 註冊登入頁更新   
// member-signIn.html.erb 預覽
========================== */
.base-content:has(.page-login) {
  padding: 0;
  margin-bottom: 0px;
  background-size: cover;
  background-position: center;
  padding: 15px;
}
.base-content:has(.page-login) > .in {
  max-width: unset;
}
.base-content:has(.page-login) .base-module-area {
  min-height: 0px;
  margin: 0px;
}

.login-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  box-sizing: border-box;
  max-width: 480px;
  margin: 0 auto;
  padding: 15px;
  padding-top: 100px;
  background-image: url("../images/img_login-banner.png");
  background-position: top center;
  /*span*/
  /*span*/
}
@media screen and (max-width: 560px) {
  .login-content {
    padding: 0;
    padding-top: 18vw;
  }
}
.login-content > .in {
  margin-top: 15px;
}
.login-content > .in::-webkit-scrollbar {
  width: 8px;
  height: 100%;
  background-color: rgba(206, 206, 206, 0.3);
  border-radius: 3px;
}
.login-content > .in::-webkit-scrollbar-thumb {
  background-color: #787878;
  border-radius: 3px;
  box-sizing: border-box;
}
.login-content .function-list {
  padding: 0;
  text-align: center;
}
.login-content .function-list li {
  display: inline-block;
  padding: 5px;
  border-right: 1px solid #CECECE;
  border-color: #f0f0f0;
  list-style: none;
}
.login-content .function-list li:last-child {
  border-right: 0px;
}
.login-content .devidier {
  margin: 15px 0;
  position: relative;
  text-align: center;
}
.login-content .devidier::before, .login-content .devidier:after {
  content: "";
  display: inline-block;
  border-top: 1px solid #CECECE;
  position: absolute;
  left: 0;
  top: 50%;
  width: calc(50% - 40px);
}
.login-content .devidier::after {
  right: 0;
  left: auto;
}
.login-content .password-input .rules > li {
  margin: 5px;
}
.login-content .info-text {
  text-align: left;
  line-height: 1.5em;
  font-size: 0.95rem;
  margin: 5px;
}
.login-content .info-text a {
  color: #997950;
  padding: 8px !important;
  text-decoration: underline;
}
.login-content .info-text a:hover {
  color: #646464 !important;
}
.login-content .fieldset {
  position: relative;
  margin: 10px 0px;
}
@media screen and (max-width: 768px) {
  .login-content .fieldset {
    padding-left: 0;
  }
}
.login-content .fieldset label {
  display: block;
  font-size: 1.1rem;
  font-weight: 400;
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .login-content .fieldset label {
    position: static;
    top: auto;
    left: auto;
    width: auto;
    text-align: left;
    padding: 0;
  }
}
.login-content .fieldset label + a {
  position: absolute;
  right: 0;
  top: 0;
  color: #646464;
  font-weight: 400;
  font-size: 0.95em;
  text-decoration: none;
}
.login-content .fieldset label + a:hover {
  color: #997950;
  text-decoration: underline;
}
.login-content .fieldset label a {
  color: #646464;
  text-decoration: underline;
}
.login-content .fieldset label a:hover {
  color: #997950;
  text-decoration: underline;
}
.login-content .fieldset .is-right {
  text-align: right;
}
.login-content .fieldset:has([readonly]) label {
  text-indent: initial;
  font: initial;
  color: #2D2D2D;
  font-weight: bold;
  position: absolute;
  left: 10px;
  top: 10px;
}
.login-content .fieldset:has([readonly]) [type=text], .login-content .fieldset:has([readonly]) [type=email], .login-content .fieldset:has([readonly]) [type=date] {
  padding-left: 80px;
}
.login-content .fieldset:has(select) label {
  position: absolute;
}
.login-content .fieldset input[type=submit], .login-content .fieldset input[type=reset], .login-content .fieldset input[type=button] {
  font-size: 1em;
}
.login-content .fieldset input[type=text], .login-content .fieldset input[type=password], .login-content .fieldset input[type=date], .login-content .fieldset input[type=email], .login-content .fieldset input[type=number], .login-content .fieldset input[type=search], .login-content .fieldset input[type=tel], .login-content .fieldset input[type=file] {
  font-size: 1em;
  margin-top: 0;
  width: 100%;
  height: 48px;
}
.login-content .fieldset input[type=radio] + label {
  margin-left: 5px;
}
.login-content .fieldset input[type=checkbox] {
  margin: 0.3em 0;
}
.login-content .fieldset input#ContentPlaceHolder1_tbEmail, .login-content .fieldset input#ContentPlaceHolder1_tbEmailVerifyCode { /*忘記email / email驗證碼*/
  width: 100%;
}
.login-content .fieldset select {
  height: 48px;
  font-size: 1em;
}
.login-content .fieldset .password label {
  position: absolute;
}
.login-content .fieldset .password label + a {
  top: unset;
  bottom: 0;
}
.login-content .fieldset .password .show {
  top: calc(50% - 15px);
}
.login-content .fieldset .is-required > label::before {
  content: "*";
  color: #997950;
  display: inline-block;
  vertical-align: top;
  font-size: 1.2em;
  position: absolute;
  left: -12px;
}
.login-content .fieldset label#ContentPlaceHolder1_chbAgree a {
  color: #014DD0;
}
.login-content .select label {
  position: absolute;
}
.login-content .text {
  /*i*/
}
.login-content .text label {
  position: absolute;
}
.login-content .text [type=text], .login-content .text [type=email] {
  width: 100%;
}
@supports (-webkit-touch-callout: none) {
  .login-content .text [type=text], .login-content .text [type=email] {
    -webkit-appearance: none;
  }
}
.login-content .text [type=date] {
  height: 42px;
  width: 180px;
}
.login-content .text .mark {
  display: inline-block;
  font-size: 0.9em;
  color: #646464;
}
.login-content .text img {
  vertical-align: baseline;
  margin-top: 8px;
}
.login-content .text [type=button] {
  vertical-align: baseline;
  margin-top: 8px;
}
.login-content .text [type=button]:hover {
  background-color: #f0f0f0;
}
.login-content .checkbox {
  font-size: 1.1rem;
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.login-content .checkbox [type=checkbox] {
  flex-shrink: 0;
  width: 1.15em;
  height: 1.15em;
  margin: 0.5em 0;
}
.login-content .radio {
  font-size: 1.1rem;
  display: flex;
  align-items: center;
  column-gap: 10px;
}
.login-content .radio > label {
  margin: 0;
}
.login-content .radio input[type=radio] {
  margin-bottom: 0;
}
.login-content .address-module {
  display: block;
  border-radius: 3px;
}
.login-content .address-module > div {
  display: flex;
  flex-wrap: wrap;
}
.login-content .address-module > div span {
  margin-bottom: 8px;
}
.login-content .address-module > div span:nth-child(2) {
  margin-left: 8px;
}
.login-content .address-module .zipcode {
  flex: 1;
}
.login-content .address-module .zipcode > select {
  width: 100%;
}
.login-content .address-module .zipcode .select2-container .select2-selection--single {
  height: 48px;
  margin-top: 0;
  border: none;
}
.login-content .address-module .zipcode .select2-container .select2-selection--single .select2-selection__arrow {
  height: 42px;
  top: 5px;
  right: 5px;
}
.login-content .address-module .address {
  flex: 100%;
  border-top-color: #CECECE;
}
.login-content .btnList .btn {
  width: 100%;
  font-size: 1.1rem !important;
  line-height: 1.7 !important;
  margin: 5px 0 !important;
  background-color: transparent;
  color: #2D2D2D;
}
.login-content .btnList .btn.is-premary {
  background-color: #997950;
  color: #ffffff;
}
.login-content .open-id {
  width: 100%;
  margin: 15px 0;
}
.login-content .open-id .facebook {
  background-color: #3c5998 !important;
  border: 1px solid deeper(#3c5998);
  text-decoration: none;
}
.login-content .open-id .facebook:before {
  width: image-width("icon-pic/share-facebook.png");
  height: image-height("icon-pic/share-facebook.png");
}
.login-content .open-id .facebook:hover {
  background-color: deeper(#3c5998);
}
.login-content .open-id .google {
  background-color: #cb3726 !important;
  border: 1px solid deeper(#cb3726);
  text-decoration: none;
}
.login-content .open-id .google:before {
  width: image-width("icon-pic/share-google.png");
  height: image-height("icon-pic/share-google.png");
}
.login-content .open-id .google:hover {
  background-color: deeper(#cb3726);
}
.login-content .open-id .twitter {
  background-color: #6aaed0 !important;
  border: 1px solid deeper(#6aaed0);
  text-decoration: none;
}
.login-content .open-id .twitter:before {
  width: image-width("icon-pic/share-twitter.png");
  height: image-height("icon-pic/share-twitter.png");
}
.login-content .open-id .twitter:hover {
  background-color: deeper(#6aaed0);
}
.login-content .open-id .plurk {
  background-color: #C6602B !important;
  border: 1px solid deeper(#C6602B);
  text-decoration: none;
}
.login-content .open-id .plurk:before {
  width: image-width("icon-pic/share-plurk.png");
  height: image-height("icon-pic/share-plurk.png");
}
.login-content .open-id .plurk:hover {
  background-color: deeper(#C6602B);
}
.login-content .open-id .line {
  background-color: #4bc700 !important;
  border: 1px solid deeper(#4bc700);
  text-decoration: none;
}
.login-content .open-id .line:before {
  width: image-width("icon-pic/share-line.png");
  height: image-height("icon-pic/share-line.png");
}
.login-content .open-id .line:hover {
  background-color: deeper(#4bc700);
}
.login-content .open-id .email {
  background-color: #666666 !important;
  border: 1px solid deeper(#666666);
  text-decoration: none;
}
.login-content .open-id .email:before {
  width: image-width("icon-pic/share-email.png");
  height: image-height("icon-pic/share-email.png");
}
.login-content .open-id .email:hover {
  background-color: deeper(#666666);
}
.login-content .open-id .btnList {
  display: flex;
  justify-content: center;
}
.login-content .open-id .btnList .btn {
  margin: 5px !important;
  transition: 150ms;
  display: block;
  width: 44px;
  height: 44px;
  border-radius: 44px;
  transition: 150ms;
  text-align: center;
  position: relative;
}
.login-content .open-id .btnList .btn:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.login-content .open-id .btnList .btn:hover {
  filter: brightness(0.9);
}
@media screen and (max-width: 560px) {
  .login-content .open-id .btnList {
    display: block;
  }
}
.login-content .list-text.step .ct {
  padding: 0;
  /*i*/
}
@media screen and (max-width: 560px) {
  .login-content .list-text.step .ct {
    padding: 0 0 15px 0;
  }
  .login-content .list-text.step .ct ul {
    padding-left: 10px;
  }
}
.login-content .list-text.step .ct li {
  display: inline-block;
  vertical-align: bottom;
  margin-left: -5px;
  padding: 3px;
  box-sizing: border-box;
  max-width: 100%;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
@media screen and (max-width: 560px) {
  .login-content .list-text.step .ct li::before {
    height: 1px;
    width: auto;
    top: unset;
    left: -50%;
    right: 0;
    bottom: -3px;
  }
}
@media screen and (max-width: 560px) {
  .login-content .list-text.step .ct li:first-child::before {
    top: unset;
    left: 50%;
  }
  .login-content .list-text.step .ct li:first-child.is-active::before {
    left: 50%;
  }
  .login-content .list-text.step .ct li:first-child.is-done::before {
    left: 50%;
    right: 0;
  }
}
@media screen and (max-width: 560px) {
  .login-content .list-text.step .ct li:last-child::before {
    right: 50%;
  }
}
@media screen and (max-width: 560px) {
  .login-content .list-text.step .ct li.is-active::before, .login-content .list-text.step .ct li.is-done::before {
    height: 2px;
    width: auto;
    left: 0;
    right: 50%;
    top: unset;
    bottom: -3px;
  }
}
@media screen and (max-width: 560px) {
  .login-content .list-text.step .ct a {
    padding-left: 8px;
  }
}
@media screen and (max-width: 560px) {
  .login-content .list-text.step .ct .mark {
    margin: auto;
    top: unset;
    left: 0px;
    right: 0;
  }
}
@media screen and (max-width: 768px) {
  .login-content .confirm-message {
    margin: 0 auto;
    max-height: 400px;
    overflow: auto;
  }
  .login-content .confirm-message::-webkit-scrollbar {
    width: 5px;
    background-color: rgba(206, 206, 206, 0.3);
    border-radius: 2px;
  }
  .login-content .confirm-message::-webkit-scrollbar-thumb {
    background-color: #787878;
  }
  @supports (-webkit-touch-callout: none) {
    .login-content .confirm-message input {
      -webkit-appearance: none;
    }
  }
}

.group-sign-in .fieldset .password {
  padding-bottom: 25px;
  margin-bottom: 15px;
}
.group-sign-in .fieldset .password .show {
  top: calc(50% - 12px);
}
.group-sign-in .fieldset:nth-child(3) > span {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.group-sign-in .fieldset:nth-child(3) .text [type=text] {
  margin-bottom: 8px;
}
@supports (-webkit-touch-callout: none) {
  .group-sign-in .fieldset:nth-child(3) .text [type=text] {
    -webkit-appearance: none;
  }
}
.group-sign-in .fieldset:nth-child(3) .text #ContentPlaceHolder1_wucCheckCode_rfvValiCode {
  order: 1;
}
.group-sign-in .fieldset:nth-child(3) .text img {
  order: 2;
}
.group-sign-in .fieldset:nth-child(3) .text #btnRefreshValiCode {
  order: 3;
}
.group-sign-in .fieldset:nth-child(3) .text #ContentPlaceHolder1_wucCheckCode_btnVoice {
  order: 4;
}
.group-sign-in .fieldset:nth-child(3) .text img, .group-sign-in .fieldset:nth-child(3) .text [type=button] {
  margin-top: 0;
  margin-right: 5px;
  vertical-align: middle;
}
.group-sign-in .fieldset:nth-child(3) #btnRefreshValiCode,
.group-sign-in .fieldset:nth-child(3) #ContentPlaceHolder1_wucCheckCode_btnVoice {
  width: 26px;
  height: 26px;
  border-radius: 26px;
  background-color: #646464 !important;
}
.group-sign-in .fieldset:nth-child(3) #btnRefreshValiCode:hover,
.group-sign-in .fieldset:nth-child(3) #ContentPlaceHolder1_wucCheckCode_btnVoice:hover {
  background: deeper(#2D2D2D) !important;
}
.group-sign-in .fieldset:nth-child(3) #btnRefreshValiCode {
  display: inline-block;
  mask: url(../images/icon-chang.svg) no-repeat 50% 50%;
  -webkit-mask: url(../images/icon-chang.svg) no-repeat 50% 50%;
  mask-size: contain;
  -webkit-mask-size: contain;
  background-color: #2D2D2D;
}
.group-sign-in .fieldset:nth-child(3) #ContentPlaceHolder1_wucCheckCode_btnVoice {
  display: inline-block;
  mask: url(../images/icon-chang-volume_up.svg) no-repeat 50% 50%;
  -webkit-mask: url(../images/icon-chang-volume_up.svg) no-repeat 50% 50%;
  mask-size: contain;
  -webkit-mask-size: contain;
  background-color: #2D2D2D;
}

body:has(.page-sign-up) .fancybox-inner {
  position: relative;
  width: 100% !important;
  max-width: 800px;
  margin: auto;
  box-sizing: border-box;
  padding: 0 25px;
}

body:has(.page-sign-up) .fancybox-wrap .fancybox-inner {
  justify-content: flex-start;
  align-items: flex-start;
}

body:has(.page-sign-up) .confirm-message {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100% !important;
}

.group-list.sitemap > .in > .hd h3 {
  color: #997950;
  position: relative;
  padding: 5px 0;
  padding-left: 30px;
  font-size: 1.4em;
  font-weight: 700;
  display: block;
}
.group-list.sitemap > .in > .hd h3:before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  background-color: #2D2D2D;
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  left: 8px;
  top: 50%;
  margin-top: -6px;
}
.group-list.sitemap > .in > .ct {
  padding: 5px 0 0 15px;
}
.group-list.sitemap > .in > .ct > .in a {
  transition: 150ms;
}
.group-list.sitemap > .in > .ct > .in a:hover, .group-list.sitemap > .in > .ct > .in a:focus {
  color: #997950;
  text-decoration: underline;
}
.group-list.sitemap > .in > .ct > .in > ul > li > .group-list.sitemap > .in > .hd > .in h4 {
  position: relative;
  padding: 5px 0;
  font-size: 1.1em;
  font-weight: bold;
}
.group-list.sitemap > .in > .ct > .in > ul > li > .group-list.sitemap > .in > .ct {
  padding: 0 0 0 30px;
}
@media screen and (max-width: 560px) {
  .group-list.sitemap > .in > .ct > .in > ul > li > .group-list.sitemap > .in > .ct {
    padding-left: 8px;
  }
}
.group-list.sitemap > .in > .ct > .in > ul > li > .group-list.sitemap > .in > .ct > .in > ul > li:first-child {
  margin-top: 10px;
}
.group-list.sitemap > .in > .ct > .in > ul > li > .group-list.sitemap > .in > .ct > .in > ul > li:last-child {
  margin-bottom: 10px;
}
.group-list.sitemap > .in > .ct > .in > ul > li > .group-list.sitemap > .in > .ct > .in > ul > li > .group-list.sitemap > .in > .hd > .in h5 {
  position: relative;
  padding: 8px 0;
  padding-left: 25px;
  font-size: 1.1em;
  border-bottom: #f0f0f0 1px dashed;
}
.group-list.sitemap > .in > .ct > .in > ul > li > .group-list.sitemap > .in > .ct > .in > ul > li > .group-list.sitemap > .in > .hd > .in h5:before {
  font-size: inherit;
  color: inherit;
  position: absolute;
  font-size: 1em;
  color: #2D2D2D;
  top: 10px;
  left: 2px;
}
.group-list.sitemap > .in > .ct > .in > ul > li > .group-list.sitemap > .in > .ct > .in > ul > li > .group-list.sitemap > .in > .ct {
  padding: 0 0 0 30px;
}
@media screen and (max-width: 560px) {
  .group-list.sitemap > .in > .ct > .in > ul > li > .group-list.sitemap > .in > .ct > .in > ul > li > .group-list.sitemap > .in > .ct {
    padding-left: 8px;
  }
}
.group-list.sitemap > .in > .ct > .in > ul > li > .group-list.sitemap > .in > .ct > .in > ul > li > .group-list.sitemap > .in > .ct > .in > ul > li > .group-list.sitemap > .in > .hd > .in h6 {
  position: relative;
  padding: 5px 0;
  padding-left: 25px;
  border-bottom: #f0f0f0 1px dotted;
}
.group-list.sitemap > .in > .ct > .in > ul > li > .group-list.sitemap > .in > .ct > .in > ul > li > .group-list.sitemap > .in > .ct > .in > ul > li > .group-list.sitemap > .in > .hd > .in h6:before {
  font-size: inherit;
  color: inherit;
  position: absolute;
  font-size: 1em;
  color: #2D2D2D;
  top: 8px;
  left: 2px;
}
.group-list.sitemap > .in > .ct > .in > ul > li > .group-list.sitemap > .in > .ct > .in > ul > li > .group-list.sitemap > .in > .ct > .in > ul > li > .group-list.sitemap > .in > .ct {
  padding: 0 0 0 30px;
}
.group-list.sitemap > .in > .ct > .in > ul > li > .group-list.sitemap > .in > .ct > .in > ul > li > .group-list.sitemap > .in > .ct > .in > ul > li > .group-list.sitemap > .in > .ct > .in > ul > li:first-child {
  margin-top: 8px;
}
.group-list.sitemap > .in > .ct > .in > ul > li > .group-list.sitemap > .in > .ct > .in > ul > li > .group-list.sitemap > .in > .ct > .in > ul > li > .group-list.sitemap > .in > .ct > .in > ul > li:last-child {
  margin-bottom: 8px;
}
.group-list.sitemap > .in > .ct > .in > ul > li > .group-list.sitemap > .in > .ct > .in > ul > li > .group-list.sitemap > .in > .ct > .in > ul > li > .group-list.sitemap > .in > .ct > .in > ul > li > .group-list.sitemap > .in > .hd > .in h6 span {
  display: block;
  position: relative;
  padding: 8px 0;
  padding-left: 15px;
  border-left: #646464 2px solid;
}
.group-list.sitemap > .in > .ct > .in > ul > li > .group-list.sitemap > .in > .ct > .in > ul > li > .group-list.sitemap > .in > .ct > .in > ul > li > .group-list.sitemap > .in > .ct > .in > ul > li > .group-list.sitemap > .in > .hd > .in h6 span:before {
  content: "";
  display: block;
  position: absolute;
  width: 12px;
  height: 2px;
  top: 18px;
  left: 0;
  background-color: #646464;
}
.group-list.sitemap > .in > .ct > .in > ul > li > .group-list.sitemap > .in > .ct > .in > ul > li > .group-list.sitemap > .in > .ct > .in > ul > li > .group-list.sitemap > .in > .ct > .in > ul > li > .group-list.sitemap > .in > .ct {
  padding: 0;
}
.group-list.sitemap > .in > .ct > .in > ul > li > .group-list.sitemap > .in > .ct > .in > ul > li > .group-list.sitemap > .in > .ct > .in > ul > li > .group-list.sitemap > .in > .ct > .in > ul > li > .group-list.sitemap > .in > .ct > .in > ul > li:first-child {
  margin-top: 0;
}
.group-list.sitemap > .in > .ct > .in > ul > li > .group-list.sitemap > .in > .ct > .in > ul > li > .group-list.sitemap > .in > .ct > .in > ul > li > .group-list.sitemap > .in > .ct > .in > ul > li > .group-list.sitemap > .in > .ct > .in > ul > li:last-child {
  margin-bottom: 0;
}
.group-list.sitemap > .in > .ct > .in > ul > li > .group-list.sitemap > .in > .ct > .in > ul > li > .group-list.sitemap > .in > .ct > .in > ul > li > .group-list.sitemap > .in > .ct > .in > ul > li > .group-list.sitemap > .in > .ct > .in > ul > li > .group-list.sitemap {
  display: none;
}
.group-list.sitemap > .in > .ct > .in > ul > li > .group-list.sitemap > .in > .ct > .in > ul > li > .group-list.sitemap > .in > .ct > .in > ul > li > .group-list.sitemap > .in > .ct > .in > ul > li > .group-list.sitemap > .in > .ct > .in > ul > li > .group-list.sitemap > .in > .ct {
  padding: 0;
}
.group-list.sitemap > .in > .ct > .in > ul > li > .group-list.sitemap > .in > .ct > .in > ul > li > .group-list.sitemap > .in > .ct > .in > ul > li > .group-list.sitemap > .in > .ct > .in > ul > li > .group-list.sitemap > .in > .ct > .in > ul > li > .group-list.sitemap > .in > .ct > .in > ul > li:first-child {
  margin-top: 0;
}
.group-list.sitemap > .in > .ct > .in > ul > li > .group-list.sitemap > .in > .ct > .in > ul > li > .group-list.sitemap > .in > .ct > .in > ul > li > .group-list.sitemap > .in > .ct > .in > ul > li > .group-list.sitemap > .in > .ct > .in > ul > li > .group-list.sitemap > .in > .ct > .in > ul > li:last-child {
  margin-bottom: 0;
}
.group-list.sitemap .ct {
  border-left: 1px dashed #CECECE;
  margin-left: 15px;
}

.area-table.title03 .ct table {
  width: 100%;
}
@media screen and (max-width: 560px) {
  .area-table.title03 .ct table {
    display: block;
  }
}
.area-table.title03 .ct thead {
  border-bottom: 2px outset #997950;
}
@media screen and (max-width: 560px) {
  .area-table.title03 .ct thead {
    display: none;
  }
}
.area-table.title03 .ct thead th {
  color: deeper(#997950);
}
.area-table.title03 .ct thead th span {
  padding: 10px;
}
@media screen and (max-width: 560px) {
  .area-table.title03 .ct tbody {
    display: block;
  }
}
.area-table.title03 .ct tbody tr {
  border-bottom: 1px solid #c5c5c5;
  transition: background 0.1s;
}
@media screen and (max-width: 560px) {
  .area-table.title03 .ct tbody tr {
    border-bottom: 2px solid #997950;
  }
}
.area-table.title03 .ct tbody tr:hover, .area-table.title03 .ct tbody tr:nth-child(odd):hover {
  background: #f6f6f6;
}
.area-table.title03 .ct tbody tr:hover td a, .area-table.title03 .ct tbody tr:nth-child(odd):hover td a {
  color: deeper(#997950);
}
@media screen and (max-width: 560px) {
  .area-table.title03 .ct tbody td {
    display: flex;
    border-bottom: 1px solid #c5c5c5;
    width: auto !important;
  }
}
@media screen and (max-width: 560px) {
  .area-table.title03 .ct tbody td:last-child {
    border-bottom: none;
  }
}
.area-table.title03 .ct tbody td:before {
  flex: 1;
  padding: 6px;
  color: deeper(#997950);
  display: flex;
  align-items: center;
}
@media screen and (max-width: 560px) {
  .area-table.title03 .ct tbody td:before {
    content: attr(data-title);
    font-weight: 700;
  }
}
.area-table.title03 .ct tbody td:first-child:last-child {
  padding: 8px 0;
}
.area-table.title03 .ct tbody td:first-child:last-child:before {
  content: none;
}
.area-table.title03 .ct tbody td span {
  word-break: break-all;
}
@media screen and (max-width: 560px) {
  .area-table.title03 .ct tbody td span {
    flex: 2;
  }
}
@media screen and (max-width: 560px) {
  .area-table.title03 .ct tfoot {
    display: block;
  }
}
.area-table.title03 .ct tfoot th,
.area-table.title03 .ct tfoot td {
  padding-top: 8px;
}
@media screen and (max-width: 560px) {
  .area-table.title03 .ct tr {
    display: block;
  }
}
@media screen and (max-width: 560px) {
  .area-table.title03 .ct th,
  .area-table.title03 .ct td {
    display: block;
  }
}
.area-table.title03 .ct td {
  padding: 6px 0;
}
@media screen and (max-width: 560px) {
  .area-table.title03 .ct td {
    padding: 0;
  }
}
.area-table.title03 .ct span {
  display: block;
  padding: 7px 10px;
}
@media screen and (max-width: 560px) {
  .area-table.title03 .ct span {
    padding: 3px 8px;
  }
}
.area-table.title03 .ct a:hover {
  text-decoration: none;
}
.area-table.title02 .ct table {
  width: 100%;
}
@media screen and (max-width: 560px) {
  .area-table.title02 .ct table {
    display: block;
  }
}
.area-table.title02 .ct thead {
  border-bottom-style: groove;
  border-bottom: 2px groove white;
  background: #997950;
}
@media screen and (max-width: 560px) {
  .area-table.title02 .ct thead {
    display: none;
  }
}
.area-table.title02 .ct thead th {
  border: 1px solid white;
  color: revertColor(#997950);
}
.area-table.title02 .ct thead th span {
  padding: 10px;
}
@media screen and (max-width: 560px) {
  .area-table.title02 .ct tbody {
    display: block;
  }
}
.area-table.title02 .ct tbody tr {
  transition: background 0.1s;
  background-color: #F8f8f8;
}
.area-table.title02 .ct tbody tr:hover, .area-table.title02 .ct tbody tr:nth-child(odd):hover {
  background: #f0f0f0;
}
@media screen and (max-width: 560px) {
  .area-table.title02 .ct tbody tr {
    margin: 0 0 5px 0;
  }
}
.area-table.title02 .ct tbody tr:nth-child(odd) {
  background: #f0f0f0;
}
.area-table.title02 .ct tbody tr:hover td a {
  color: deeper(#997950);
}
.area-table.title02 .ct tbody td {
  border: 1px solid white;
}
@media screen and (max-width: 560px) {
  .area-table.title02 .ct tbody td {
    display: flex;
    border-bottom: 0;
    margin: -1px 0 0 0;
    width: auto !important;
  }
}
.area-table.title02 .ct tbody td:before {
  flex: 1;
  padding: 6px;
  color: #343434;
  display: flex;
  align-items: center;
  color: revertColor(#997950);
  background: #997950;
  border-bottom: 1px solid deeper(#997950);
  border-right: 2px groove deeper(#997950);
}
@media screen and (max-width: 560px) {
  .area-table.title02 .ct tbody td:before {
    content: attr(data-title);
    font-weight: 700;
  }
}
.area-table.title02 .ct tbody td:first-child:last-child {
  padding: 8px 0;
}
.area-table.title02 .ct tbody td:first-child:last-child:before {
  content: none;
}
.area-table.title02 .ct tbody td span {
  word-break: break-all;
}
@media screen and (max-width: 560px) {
  .area-table.title02 .ct tbody td span {
    flex: 2;
  }
}
@media screen and (max-width: 560px) {
  .area-table.title02 .ct tfoot {
    display: block;
  }
}
.area-table.title02 .ct tfoot th,
.area-table.title02 .ct tfoot td {
  padding-top: 8px;
}
@media screen and (max-width: 560px) {
  .area-table.title02 .ct tr {
    display: block;
  }
}
@media screen and (max-width: 560px) {
  .area-table.title02 .ct th,
  .area-table.title02 .ct td {
    display: block;
  }
}
.area-table.title02 .ct span {
  display: block;
  padding: 7px 10px;
}
@media screen and (max-width: 560px) {
  .area-table.title02 .ct span {
    padding: 3px 8px;
  }
}
.area-table.title01 .ct > .in {
  border-radius: 6px;
  border: 1px solid #e1e1e1;
  border-top: 2px solid #997950;
}
.area-table.title01 .ct table {
  width: 100%;
}
@media screen and (max-width: 560px) {
  .area-table.title01 .ct table {
    display: block;
  }
}
.area-table.title01 .ct thead {
  border-bottom: 1px solid #dedede;
}
@media screen and (max-width: 560px) {
  .area-table.title01 .ct thead {
    display: none;
  }
}
.area-table.title01 .ct thead th span {
  padding: 12px;
}
@media screen and (max-width: 560px) {
  .area-table.title01 .ct tbody {
    display: block;
  }
}
.area-table.title01 .ct tbody tr {
  border-bottom: 1px solid #dedede;
}
@media screen and (max-width: 560px) {
  .area-table.title01 .ct tbody tr {
    border-bottom: none;
  }
}
.area-table.title01 .ct tbody tr:hover, .area-table.title01 .ct tbody tr:nth-child(even):hover {
  background-color: #f0f0f0;
  border-bottom-color: 0;
}
.area-table.title01 .ct tbody tr:hover td a, .area-table.title01 .ct tbody tr:nth-child(even):hover td a {
  color: deeper(#997950);
}
.area-table.title01 .ct tbody tr:nth-child(odd) {
  background-color: #eee;
}
.area-table.title01 .ct tbody tr:nth-child(even) {
  background-color: #f7f7f7;
}
@media screen and (max-width: 560px) {
  .area-table.title01 .ct tbody td {
    display: flex;
    border-bottom: 0;
    width: auto !important;
  }
}
@media screen and (max-width: 560px) {
  .area-table.title01 .ct tbody td:last-child {
    border-bottom: 1px solid #CECECE;
  }
}
@media screen and (max-width: 560px) {
  .area-table.title01 .ct tbody td:before,
  .area-table.title01 .ct tbody td span {
    padding: 8px 6px;
  }
}
.area-table.title01 .ct tbody td:before {
  flex: 1;
  color: #343434;
  display: flex;
  align-items: center;
  color: deeper(#997950);
}
@media screen and (max-width: 560px) {
  .area-table.title01 .ct tbody td:before {
    content: attr(data-title);
    font-weight: 700;
    background-color: hsl(33.698630137, 8.330472103%, 104.6862745098%);
  }
}
.area-table.title01 .ct tbody td:first-child:last-child:before {
  content: none;
}
.area-table.title01 .ct tbody td span {
  word-break: break-all;
}
@media screen and (max-width: 560px) {
  .area-table.title01 .ct tbody td span {
    flex: 2;
  }
}
@media screen and (max-width: 560px) {
  .area-table.title01 .ct tfoot {
    display: block;
  }
}
.area-table.title01 .ct tfoot th,
.area-table.title01 .ct tfoot td {
  padding-top: 8px;
}
@media screen and (max-width: 560px) {
  .area-table.title01 .ct tr {
    display: block;
  }
}
@media screen and (max-width: 560px) {
  .area-table.title01 .ct th,
  .area-table.title01 .ct td {
    display: block;
  }
}
.area-table.title01 .ct th {
  color: deeper(#997950);
}
.area-table.title01 .ct span {
  display: block;
  padding: 12px 10px;
}
@media screen and (max-width: 560px) {
  .area-table.title01 .ct span {
    padding: 3px 8px;
  }
}
.area-table.title01 .ct a:hover {
  text-decoration: none;
}
.area-table.notitle03 .ct table {
  width: 100%;
}
@media screen and (max-width: 560px) {
  .area-table.notitle03 .ct table {
    display: block;
  }
}
.area-table.notitle03 .ct thead {
  display: none;
}
@media screen and (max-width: 560px) {
  .area-table.notitle03 .ct thead {
    display: none;
  }
}
.area-table.notitle03 .ct thead tr {
  background-color: #f0f0f0;
}
.area-table.notitle03 .ct thead th span {
  padding: 12px;
}
@media screen and (max-width: 560px) {
  .area-table.notitle03 .ct tbody {
    display: block;
  }
}
.area-table.notitle03 .ct tbody tr {
  border-bottom: 1px dotted rgb(176.16, 165.92, 152.8);
  transition: background 0.1s;
}
.area-table.notitle03 .ct tbody tr:hover {
  background: rgba(153, 121, 80, 0.05);
}
.area-table.notitle03 .ct tbody tr:hover td:first-child span {
  border-left-width: 8px;
}
@media screen and (max-width: 560px) {
  .area-table.notitle03 .ct tbody tr:hover td {
    border-left-width: 8px;
  }
}
@media screen and (max-width: 560px) {
  .area-table.notitle03 .ct tbody tr + tr {
    margin-top: 1px;
  }
}
@media screen and (max-width: 560px) {
  .area-table.notitle03 .ct tbody td {
    display: flex;
    border-bottom: 0;
    border-left: 4px solid #997950;
    -webkit-transition: border-left-width 2s;
    transition: border-left-width 0.2s;
    width: auto !important;
  }
}
.area-table.notitle03 .ct tbody td:first-child span {
  border-left: 4px solid #997950;
  -webkit-transition: border-left-width 2s;
  transition: border-left-width 0.2s;
}
@media screen and (max-width: 560px) {
  .area-table.notitle03 .ct tbody td:first-child span {
    border-left: 0;
  }
}
.area-table.notitle03 .ct tbody td:before {
  flex: 1;
  padding: 6px;
  background-color: #f0f0f0;
  color: #343434;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 560px) {
  .area-table.notitle03 .ct tbody td:before {
    font-weight: 700;
  }
}
.area-table.notitle03 .ct tbody td:first-child:last-child {
  padding: 8px 0;
}
.area-table.notitle03 .ct tbody td:first-child:last-child:before {
  content: none;
}
.area-table.notitle03 .ct tbody td span {
  word-break: break-all;
}
@media screen and (max-width: 560px) {
  .area-table.notitle03 .ct tbody td span {
    flex: 2;
  }
}
@media screen and (max-width: 560px) {
  .area-table.notitle03 .ct tfoot {
    display: block;
  }
}
.area-table.notitle03 .ct tfoot th,
.area-table.notitle03 .ct tfoot td {
  padding-top: 8px;
}
@media screen and (max-width: 560px) {
  .area-table.notitle03 .ct tr {
    display: block;
    padding: 6px 0;
  }
}
@media screen and (max-width: 560px) {
  .area-table.notitle03 .ct th,
  .area-table.notitle03 .ct td {
    display: block;
  }
}
.area-table.notitle03 .ct td {
  padding: 10px 0;
}
@media screen and (max-width: 560px) {
  .area-table.notitle03 .ct td {
    padding: 0 0 1px 0;
  }
}
.area-table.notitle03 .ct span {
  display: block;
  padding: 7px 10px;
}
@media screen and (max-width: 560px) {
  .area-table.notitle03 .ct span {
    padding: 5px 8px;
  }
}
.area-table.notitle03 .ct a {
  color: #2D2D2D;
}
.area-table.notitle03 .ct a:hover {
  text-decoration: none;
}
.area-table.notitle02 .ct table {
  width: 100%;
}
@media screen and (max-width: 560px) {
  .area-table.notitle02 .ct table {
    display: block;
  }
}
.area-table.notitle02 .ct thead {
  display: none;
}
@media screen and (max-width: 560px) {
  .area-table.notitle02 .ct thead {
    display: none;
  }
}
.area-table.notitle02 .ct thead tr {
  background-color: #f0f0f0;
}
.area-table.notitle02 .ct thead th span {
  padding: 12px;
}
@media screen and (max-width: 560px) {
  .area-table.notitle02 .ct tbody {
    display: block;
  }
}
.area-table.notitle02 .ct tbody tr {
  border-bottom: dashed 1px #b1b1b1;
  transition: background 0.1s;
}
.area-table.notitle02 .ct tbody tr:hover {
  background: #f0f0f0;
}
.area-table.notitle02 .ct tbody tr:hover td:first-child span {
  border-left-width: 8px;
}
@media screen and (max-width: 560px) {
  .area-table.notitle02 .ct tbody tr:hover td {
    border-left-width: 8px;
    padding: 10px 0;
    width: auto !important;
  }
}
@media screen and (max-width: 560px) {
  .area-table.notitle02 .ct tbody tr + tr {
    margin-top: 1px;
  }
}
@media screen and (max-width: 560px) {
  .area-table.notitle02 .ct tbody td {
    display: flex;
    border-bottom: 0;
    -webkit-transition: border-left-width 2s;
    transition: border-left-width 0.2s;
  }
}
.area-table.notitle02 .ct tbody td:first-child span {
  -webkit-transition: border-left-width 2s;
  transition: border-left-width 0.2s;
}
@media screen and (max-width: 560px) {
  .area-table.notitle02 .ct tbody td:first-child span {
    border-left: 0;
  }
}
.area-table.notitle02 .ct tbody td:first-child span:before {
  content: url(/images/icon-pic/away-b-right.png);
  display: inline-block;
  padding-right: 10px;
  vertical-align: text-bottom;
}
.area-table.notitle02 .ct tbody td:before {
  flex: 1;
  padding: 6px;
  background-color: #f0f0f0;
  color: #343434;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 560px) {
  .area-table.notitle02 .ct tbody td:before {
    font-weight: 700;
  }
}
.area-table.notitle02 .ct tbody td:first-child:last-child {
  padding: 8px 0;
}
.area-table.notitle02 .ct tbody td:first-child:last-child:before {
  content: none;
}
.area-table.notitle02 .ct tbody td span {
  word-break: break-all;
}
@media screen and (max-width: 560px) {
  .area-table.notitle02 .ct tbody td span {
    flex: 2;
  }
}
@media screen and (max-width: 560px) {
  .area-table.notitle02 .ct tfoot {
    display: block;
  }
}
.area-table.notitle02 .ct tfoot th,
.area-table.notitle02 .ct tfoot td {
  padding-top: 8px;
}
@media screen and (max-width: 560px) {
  .area-table.notitle02 .ct tr {
    display: block;
    padding: 6px 0;
  }
}
@media screen and (max-width: 560px) {
  .area-table.notitle02 .ct th,
  .area-table.notitle02 .ct td {
    display: block;
  }
}
.area-table.notitle02 .ct th {
  background-color: rgb(178.5, 154.5, 123.75);
  color: rgb(126, 102, 71.25);
}
@media screen and (max-width: 560px) {
  .area-table.notitle02 .ct td {
    padding: 0;
  }
}
.area-table.notitle02 .ct span {
  display: block;
  padding: 12px 10px;
}
@media screen and (max-width: 560px) {
  .area-table.notitle02 .ct span {
    padding: 6px 8px;
  }
}
.area-table.notitle02 .ct a {
  color: deeper(#997950);
}
.area-table.notitle02 .ct a:hover {
  text-decoration: none;
}
.area-table.notitle01 .ct table {
  width: 100%;
}
@media screen and (max-width: 560px) {
  .area-table.notitle01 .ct table {
    display: block;
  }
}
.area-table.notitle01 .ct thead {
  display: none;
}
@media screen and (max-width: 560px) {
  .area-table.notitle01 .ct thead {
    display: none;
  }
}
.area-table.notitle01 .ct thead tr {
  background-color: #f0f0f0;
}
.area-table.notitle01 .ct thead th span {
  padding: 12px;
}
@media screen and (max-width: 560px) {
  .area-table.notitle01 .ct tbody {
    display: block;
  }
}
.area-table.notitle01 .ct tbody tr {
  transition: background 0.1s;
  border-bottom: 1px dotted #bebebe;
}
.area-table.notitle01 .ct tbody tr:hover, .area-table.notitle01 .ct tbody tr:nth-child(odd):hover {
  background: #f0f0f0;
}
.area-table.notitle01 .ct tbody tr:nth-child(odd) {
  background-color: #f5f5f5;
}
@media screen and (max-width: 560px) {
  .area-table.notitle01 .ct tbody td {
    display: flex;
    border-bottom: 0;
    width: auto !important;
  }
}
.area-table.notitle01 .ct tbody td:before {
  flex: 1;
  padding: 6px;
  background-color: #f0f0f0;
  color: #343434;
  display: flex;
  align-items: center;
  background-color: #997950;
  color: #ffffff;
}
@media screen and (max-width: 560px) {
  .area-table.notitle01 .ct tbody td:before {
    font-weight: 700;
  }
}
.area-table.notitle01 .ct tbody td:first-child:last-child {
  padding: 8px 0;
}
.area-table.notitle01 .ct tbody td:first-child:last-child:before {
  content: none;
}
.area-table.notitle01 .ct tbody td span {
  word-break: break-all;
}
@media screen and (max-width: 560px) {
  .area-table.notitle01 .ct tbody td span {
    flex: 2;
  }
}
@media screen and (max-width: 560px) {
  .area-table.notitle01 .ct tfoot {
    display: block;
  }
}
.area-table.notitle01 .ct tfoot th,
.area-table.notitle01 .ct tfoot td {
  padding-top: 8px;
}
@media screen and (max-width: 560px) {
  .area-table.notitle01 .ct tr {
    display: block;
  }
}
@media screen and (max-width: 560px) {
  .area-table.notitle01 .ct th,
  .area-table.notitle01 .ct td {
    display: block;
  }
}
.area-table.notitle01 .ct th {
  background-color: rgb(178.5, 154.5, 123.75);
  color: rgb(126, 102, 71.25);
  color: #ffffff;
}
.area-table.notitle01 .ct span {
  display: block;
  padding: 15px 10px;
}
@media screen and (max-width: 560px) {
  .area-table.notitle01 .ct span {
    padding: 6px 8px;
  }
}
.area-table.notitle01 .ct a {
  color: deeper(#997950);
}
.area-table.notitle01 .ct a:hover {
  text-decoration: none;
}
.area-table.rwd-straight {
  font-size: 1em;
  overflow-x: auto;
}
.area-table.rwd-straight .ct table {
  width: 100%;
  table-layout: fixed;
}
@media screen and (max-width: 768px) {
  .area-table.rwd-straight .ct table {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .area-table.rwd-straight .ct thead {
    display: none;
  }
}
.area-table.rwd-straight .ct thead tr {
  background-color: #ffffff;
}
@media screen and (max-width: 768px) {
  .area-table.rwd-straight .ct tbody {
    display: block;
  }
}
.area-table.rwd-straight .ct tbody tr:nth-child(even) {
  background-color: #f5f5f5;
}
@media screen and (max-width: 768px) {
  .area-table.rwd-straight .ct tbody tr:nth-child(even) {
    background-color: transparent;
  }
}
@media screen and (max-width: 768px) {
  .area-table.rwd-straight .ct tbody tr + tr {
    margin-top: 5px;
  }
}
@media screen and (max-width: 768px) {
  .area-table.rwd-straight .ct tbody td {
    display: grid;
    grid-template-columns: 8rem 1fr;
    padding: 0;
  }
  .area-table.rwd-straight .ct tbody td > .in {
    padding: 8px;
  }
}
@media screen and (max-width: 768px) {
  .area-table.rwd-straight .ct tbody td:last-child {
    border-bottom: 1px solid #CECECE;
  }
}
.area-table.rwd-straight .ct tbody td:before {
  flex: 1;
  padding: 8px;
  background-color: #f0f0f0;
  color: #343434;
}
@media screen and (max-width: 768px) {
  .area-table.rwd-straight .ct tbody td:before {
    content: attr(data-title);
    font-weight: 700;
  }
}
@media screen and (max-width: 768px) {
  .area-table.rwd-straight .ct tbody td span {
    flex: 2;
  }
}
@media screen and (max-width: 560px) and (min-width: 1px) {
  [lang=en] .area-table.rwd-straight .ct tbody td:before {
    flex: 2;
  }
}
@media screen and (max-width: 768px) {
  .area-table.rwd-straight .ct tbody td.is-center {
    text-align: left;
  }
}
@media screen and (max-width: 768px) {
  .area-table.rwd-straight .ct tfoot {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .area-table.rwd-straight .ct tr {
    display: block;
    border: 1px solid #CECECE;
    border-bottom: none;
  }
}
.area-table.rwd-straight .ct th, .area-table.rwd-straight .ct td {
  width: auto;
  padding: 8px;
}
.area-table.rwd-straight .ct th {
  background-color: #997950;
  color: #ffffff;
  padding: 15px;
}
.area-table.rwd-straight .ct td {
  padding: 15px;
}
@media screen and (max-width: 768px) {
  .area-table.rwd-straight .ct td + td {
    border-top: 1px solid #CECECE;
  }
}
.area-table.rwd-straight .ct td ul li a {
  display: inline-block;
  vertical-align: top;
  position: relative;
}
.area-table.rwd-straight .ct td ul li a + a {
  margin-left: 2px;
}
.area-table.rwd-straight .ct td ol li {
  padding-left: 20px;
  position: relative;
}
.area-table.rwd-straight .ct td ol li:before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  background-color: #009881;
  border-radius: 6px;
  position: absolute;
  left: 8px;
  top: 15px;
}
.area-table.rwd-straight .ct td ol li a {
  display: inline-block;
  padding: 5px;
  transition: 150ms;
}
.area-table.rwd-straight .ct td ol li a:hover, .area-table.rwd-straight .ct td ol li a:focus {
  color: #997950;
  text-decoration: underline;
}
.area-table.rwd-straight .ct td span > .list-text.file-download-multiple .in .hd {
  padding: 0;
}
.area-table.rwd-straight .ct td span > .list-text.file-download-multiple .in .hd .in div {
  padding: 0;
  font-size: 1.1em;
  font-weight: normal;
}
.area-table.rwd-straight .ct td span > .list-text.file-download-multiple .in .hd .in div:before {
  display: none;
}
.area-table.rwd-straight .ct td span > .list-text.file-download-multiple .in .hd .in div span {
  padding: 0;
}
.area-table.rwd-straight .ct td span > .list-text.file-download-multiple .in .ct .in ul li span {
  padding: 0;
}
.area-table.rwd-straight .ct td span > .list-text.file-download-multiple .in .ct .in ul li span a {
  padding-left: 0;
}
.area-table.rwd-straight .ct span {
  display: block;
}
@media screen and (max-width: 768px) {
  .area-table.rwd-straight .ct span {
    padding: 5px 8px;
    line-height: 1.7;
  }
}
.area-table.rwd-straight .ct a {
  text-decoration: none;
  transition: 150ms;
  font-size: 1.1em;
}
.area-table.rwd-straight .ct a.is-edit {
  color: #014DD0;
  display: flex;
  align-items: center;
  gap: 3px;
}
.area-table.rwd-straight .ct a.is-edit::before {
  content: "";
  width: 20px;
  height: 20px;
  mask-image: url(../images/svg/icon_tab_edit.svg);
  -webkit-mask-image: url(../images/svg/icon_tab_edit.svg);
  background-color: #014DD0;
  display: block;
}
.area-table.rwd-straight .ct a:hover, .area-table.rwd-straight .ct a:focus {
  color: #997950;
  text-decoration: underline;
}
.area-table.rwd-straight.contentlist > .in .ct .in table tbody tr td span ul li {
  display: block;
}
.area-table.rwd-straight.contentlist > .in .ct .in table tbody tr td span ul li a {
  position: relative;
  padding-left: 20px;
  font-size: 1em;
  color: #343434;
}
.area-table.rwd-straight.contentlist > .in .ct .in table tbody tr td span ul li a:after {
  position: absolute;
  left: 0;
  top: 4px;
}
.area-table.rwd-straight.contentlist > .in .ct .in table tbody tr td span ul li .wmv {
  position: relative;
}
.area-table.rwd-straight.contentlist > .in .ct .in table tbody tr td span ul li .wmv:before {
  content: "";
  display: block;
  background-image: url("../images/wmv.jpg");
  width: 14px;
  height: 16px;
  background-repeat: no-repeat;
  position: absolute;
  left: 2px;
  top: 4px;
}
.area-table.rwd-straight.contentlist > .in .ct .in table tbody tr td span ul li + li:before {
  display: none;
}

[lang=en] .area-table.rwd-straight table {
  width: 100%;
}
@media screen and (max-width: 900px) and (min-width: 1px) {
  [lang=en] .area-table.rwd-straight table.NascTableStyle {
    display: block;
  }
}
@media screen and (max-width: 900px) and (min-width: 1px) {
  [lang=en] .area-table.rwd-straight table.NascTableStyle thead {
    display: none;
  }
}
@media screen and (max-width: 900px) and (min-width: 1px) {
  [lang=en] .area-table.rwd-straight table.NascTableStyle tbody {
    display: block;
  }
}
@media screen and (max-width: 900px) and (min-width: 1px) {
  [lang=en] .area-table.rwd-straight table.NascTableStyle tbody tr:nth-child(even) {
    background-color: transparent;
  }
}
@media screen and (max-width: 900px) and (min-width: 1px) {
  [lang=en] .area-table.rwd-straight table.NascTableStyle tbody tr + tr {
    margin-top: 5px;
  }
}
@media screen and (max-width: 900px) and (min-width: 1px) {
  [lang=en] .area-table.rwd-straight table.NascTableStyle tbody td {
    display: flex;
    border-bottom: 0;
    width: auto;
  }
}
@media screen and (max-width: 900px) and (min-width: 1px) {
  [lang=en] .area-table.rwd-straight table.NascTableStyle tbody td:last-child {
    border-bottom: 1px solid #CECECE;
  }
}
@media screen and (max-width: 900px) and (min-width: 1px) {
  [lang=en] .area-table.rwd-straight table.NascTableStyle tbody td:before {
    content: attr(data-title);
    font-weight: 700;
  }
}
@media screen and (max-width: 900px) and (min-width: 1px) {
  [lang=en] .area-table.rwd-straight table.NascTableStyle tbody td span {
    flex: 2;
  }
}
@media screen and (max-width: 900px) and (min-width: 1px) {
  [lang=en] .area-table.rwd-straight table.NascTableStyle tfoot {
    display: block;
  }
}
@media screen and (max-width: 900px) and (min-width: 1px) {
  [lang=en] .area-table.rwd-straight table.NascTableStyle tr {
    display: block;
  }
}
@media screen and (max-width: 900px) and (min-width: 1px) {
  [lang=en] .area-table.rwd-straight table.NascTableStyle th, [lang=en] .area-table.rwd-straight table.NascTableStyle td {
    display: block;
  }
}
@media screen and (max-width: 1024px) and (min-width: 971px) {
  [lang=en] .area-table.rwd-straight table.NascTableStyle th span {
    font-size: 0.9em;
    padding: 3px 8px;
  }
}
@media screen and (max-width: 970px) and (min-width: 901px) {
  [lang=en] .area-table.rwd-straight table.NascTableStyle th span {
    font-size: 0.85em;
    padding: 3px 5px;
  }
}
@media screen and (max-width: 900px) and (min-width: 1px) {
  [lang=en] .area-table.rwd-straight table.NascTableStyle span {
    padding: 3px 8px;
  }
}

.area-table.rwd-straight.professor {
  overflow-x: visible;
}
.area-table.rwd-straight.professor .ct table, .area-table.rwd-straight.professor .ct tbody, .area-table.rwd-straight.professor .ct tr, .area-table.rwd-straight.professor .ct td {
  display: block;
  margin-top: 0 !important;
}
.area-table.rwd-straight.professor .ct table {
  table-layout: auto;
}
.area-table.rwd-straight.professor .ct thead {
  display: none;
}
.area-table.rwd-straight.professor .ct tbody tr {
  position: relative;
  box-sizing: border-box;
  min-height: calc(clamp(130px, 16vw, 220px) + 30px * 2);
  padding: 30px 150px 30px calc(clamp(130px, 16vw, 220px) + 30px);
  border-bottom: 1px solid #CECECE;
}
.area-table.rwd-straight.professor .ct tbody tr:nth-child(even) {
  background-color: transparent;
}
.area-table.rwd-straight.professor .ct tbody td {
  padding: 0;
  border: none;
}
.area-table.rwd-straight.professor .ct tbody td::before {
  background-color: transparent;
}
.area-table.rwd-straight.professor .ct tbody td > .in {
  padding: 0;
}
.area-table.rwd-straight.professor .ct tbody td.photo:before, .area-table.rwd-straight.professor .ct tbody td.name:before, .area-table.rwd-straight.professor .ct tbody td.cname:before, .area-table.rwd-straight.professor .ct tbody td.job:before, .area-table.rwd-straight.professor .ct tbody td.more:before {
  content: none;
}
.area-table.rwd-straight.professor .ct tbody td.photo {
  position: absolute;
  top: 30px;
  left: 0;
  width: clamp(130px, 16vw, 220px);
}
.area-table.rwd-straight.professor .ct tbody td.photo li {
  display: block;
}
.area-table.rwd-straight.professor .ct tbody td.photo img {
  display: block;
  width: 100%;
  aspect-ratio: 1/1;
  object-fit: cover;
}
.area-table.rwd-straight.professor .ct tbody td.name,
.area-table.rwd-straight.professor .ct tbody td.cname,
.area-table.rwd-straight.professor .ct tbody td.job {
  display: inline-block;
  vertical-align: baseline;
}
.area-table.rwd-straight.professor .ct tbody td.name .in,
.area-table.rwd-straight.professor .ct tbody td.cname .in,
.area-table.rwd-straight.professor .ct tbody td.job .in {
  display: inline;
}
.area-table.rwd-straight.professor .ct tbody td.name {
  color: #997950;
  font-size: 1.4em;
  font-weight: 700;
}
.area-table.rwd-straight.professor .ct tbody td.name .in {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}
.area-table.rwd-straight.professor .ct tbody td.name .in:before {
  content: "❯";
  font-size: 0.8em;
  color: #fff;
  background-color: #997950;
  border-radius: 50%;
  width: 1.2em;
  height: 1.2em;
  display: flex;
  align-items: center;
  font-weight: 100;
  justify-content: center;
}
.area-table.rwd-straight.professor .ct tbody td.cname {
  color: #997950;
  font-size: 1.4em;
  font-weight: 700;
  padding-left: 8px;
}
.area-table.rwd-straight.professor .ct tbody td.job {
  margin-left: 30px;
  font-size: 1.4em;
  font-weight: 700;
}
.area-table.rwd-straight.professor .ct tbody td.level,
.area-table.rwd-straight.professor .ct tbody td.tel,
.area-table.rwd-straight.professor .ct tbody td.email,
.area-table.rwd-straight.professor .ct tbody td.expertise {
  display: flex;
  align-items: baseline;
  margin-top: 8px;
  line-height: 1.2;
}
.area-table.rwd-straight.professor .ct tbody td.level:before,
.area-table.rwd-straight.professor .ct tbody td.tel:before,
.area-table.rwd-straight.professor .ct tbody td.email:before,
.area-table.rwd-straight.professor .ct tbody td.expertise:before {
  content: "•　" attr(data-title);
  flex: 0 0 7em;
  color: #343434;
  font-weight: 700;
}
.area-table.rwd-straight.professor .ct tbody td.level .in,
.area-table.rwd-straight.professor .ct tbody td.tel .in,
.area-table.rwd-straight.professor .ct tbody td.email .in,
.area-table.rwd-straight.professor .ct tbody td.expertise .in {
  flex: 1;
  color: #787878;
}
.area-table.rwd-straight.professor .ct tbody td.level span,
.area-table.rwd-straight.professor .ct tbody td.tel span,
.area-table.rwd-straight.professor .ct tbody td.email span,
.area-table.rwd-straight.professor .ct tbody td.expertise span {
  display: inline;
}
.area-table.rwd-straight.professor .ct tbody td.level {
  margin-top: 0;
}
.area-table.rwd-straight.professor .ct tbody td.more {
  position: absolute;
  right: 0;
  bottom: 30px;
  margin: 0;
}
.area-table.rwd-straight.professor .ct tbody td.more a {
  display: inline-block;
  padding: 10px 15px;
  border: 1px solid #CECECE;
  border-radius: 5px;
  color: #787878;
  font-size: 1em;
  white-space: nowrap;
  text-decoration: none;
  transition: 150ms;
}
.area-table.rwd-straight.professor .ct tbody td.more a:hover, .area-table.rwd-straight.professor .ct tbody td.more a:focus {
  color: #997950;
  border-color: #997950;
  text-decoration: none;
}
@media screen and (max-width: 768px) {
  .area-table.rwd-straight.professor .ct tbody tr {
    padding: 150px 15px 15px;
  }
  .area-table.rwd-straight.professor .ct tbody td.photo {
    top: 15px;
    left: 15px;
  }
  .area-table.rwd-straight.professor .ct tbody td.more {
    position: static;
    transform: none;
    margin-top: 15px;
  }
  .area-table.rwd-straight.professor .ct tbody td.job {
    display: block;
    margin-left: 0;
    margin-top: 5px;
  }
  .area-table.rwd-straight.professor .ct tbody td.level:before,
  .area-table.rwd-straight.professor .ct tbody td.tel:before,
  .area-table.rwd-straight.professor .ct tbody td.email:before,
  .area-table.rwd-straight.professor .ct tbody td.expertise:before {
    flex-basis: 6em;
  }
}

.area-table.rwd-horizontal .ct table {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .area-table.rwd-horizontal .ct table {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .area-table.rwd-horizontal .ct thead {
    display: none;
  }
}
.area-table.rwd-horizontal .ct thead tr {
  background-color: #f0f0f0;
}
.area-table.rwd-horizontal .ct thead th, .area-table.rwd-horizontal .ct thead td {
  border: 1px solid #CECECE;
}
@media screen and (max-width: 768px) {
  .area-table.rwd-horizontal .ct tbody {
    display: block;
  }
}
.area-table.rwd-horizontal .ct tbody tr:nth-child(even) {
  background-color: #f5f5f5;
}
@media screen and (max-width: 768px) {
  .area-table.rwd-horizontal .ct tbody tr:nth-child(even) {
    background-color: transparent;
  }
}
@media screen and (max-width: 768px) {
  .area-table.rwd-horizontal .ct tbody tr + tr {
    margin-top: 5px;
  }
}
.area-table.rwd-horizontal .ct tbody th {
  border: 1px solid #CECECE;
}
.area-table.rwd-horizontal .ct tbody td {
  border: 1px solid #CECECE;
}
@media screen and (max-width: 768px) {
  .area-table.rwd-horizontal .ct tbody td {
    display: grid;
    grid-template-columns: 8rem 1fr;
    padding: 0;
  }
  .area-table.rwd-horizontal .ct tbody td > .in {
    padding: 8px;
  }
  .area-table.rwd-horizontal .ct tbody td + td {
    border-top: none;
  }
}
@media screen and (max-width: 768px) {
  .area-table.rwd-horizontal .ct tbody td:last-child {
    border-bottom: 1px solid #CECECE;
  }
}
.area-table.rwd-horizontal .ct tbody td:before {
  flex: 1;
  padding: 8px;
  color: #343434;
  background-color: #f0f0f0;
}
@media screen and (max-width: 768px) {
  .area-table.rwd-horizontal .ct tbody td:before {
    content: attr(data-title);
    font-weight: 700;
  }
}
@media screen and (max-width: 768px) {
  .area-table.rwd-horizontal .ct tbody td span {
    flex: 2;
  }
}
@media screen and (max-width: 768px) {
  .area-table.rwd-horizontal .ct tfoot {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .area-table.rwd-horizontal .ct tr {
    display: block;
  }
}
.area-table.rwd-horizontal .ct th, .area-table.rwd-horizontal .ct td {
  padding: 8px;
}
.area-table.rwd-horizontal .ct th {
  background-color: #f0f0f0;
}
@media screen and (max-width: 768px) {
  .area-table.rwd-horizontal .ct th {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .area-table.rwd-horizontal .ct td {
    display: block;
  }
}
.area-table.rwd-horizontal .ct span {
  display: block;
}
.area-table.rwd-horizontal .ct a {
  text-decoration: underline;
}
.area-table.rwd-horizontal .ct a:hover {
  text-decoration: none;
}

/*# sourceMappingURL=global.css.map */