@charset "UTF-8";

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-size: 100%;font-family: inherit;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
:focus {outline: 0;}
strong {font-weight:bold;}
ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
img{border: 0; margin:0; padding:0;}
figure{margin:0}
option,select {color: #212121;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, picture {display: block;}
img {padding:0; margin:0; vertical-align:bottom; max-width: 100%;}
a { text-decoration:none; color: #2D343E; transition: 0.4s;}
a:hover { opacity:0.7; transition: 0.4s;}
/*
font-family: "Oswald", sans-serif;
*/
body{color:#2D343E; font-size: 16px; font-family: "Noto Sans JP", sans-serif; -webkit-text-size-adjust: 100%;font-weight: 400;line-height:1.8; position: relative;font-feature-settings: "palt"; letter-spacing:0.05em;}

header {width: 100%; border-top: 10px solid #FF9800;box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16); position: fixed; z-index: 1000; background-color: rgba(255,255,255,.9); backdrop-filter: blur(5px);}
header.member {border-top: 10px solid #131C62;}
div.header_cont {display: flex; align-items: center;height: 90px;padding: 0px 0px 0px 26px; justify-content: space-between;}
div.header_cont > p.logo a {display: block;}
div.header_cont > p.logo a img {width: 364px;}
div.header_cont > div.navi {display: flex; justify-content: space-between; align-items: center;}
div.header_cont > div.navi > nav ul {display: flex;}
div.header_cont > div.navi > nav ul li {height: 90px;}
div.header_cont > div.navi > nav ul li a {color: #FF9800; font-weight: 500; display: flex; justify-content: center; align-items: center; height: 100%; padding: 0px 15px; font-size: 16px; line-height: 140%;}
header.member div.header_cont > div.navi > nav ul li a {color: #131C62;}

div.header_cont > div.navi > nav ul li a:hover { background-color: #FFF9F1;}
header.member div.header_cont > div.navi > nav ul li a:hover { background-color: #eaebf1;}

div.header_cont > div.navi > div.member ul {display: flex;}
div.header_cont > div.navi > div.member ul li {height: 90px; width: 95px;}
div.header_cont > div.navi > div.member ul li a {display: flex; justify-content: center; align-items: center; height: 100%; }
div.header_cont > div.navi > div.member ul li a span {display: flex; flex-direction: column; justify-content: center;}
div.header_cont > div.navi > div.member ul li a span svg {height: 30px; margin: 0px auto;}
div.header_cont > div.navi > div.member ul li a span img {height: 30px; margin: 0px auto;}
div.header_cont > div.navi > div.member ul li a span em {font-size: 14px; font-weight: 500; color: #FF9800; line-height: 120%; margin-top: 5px;}
div.header_cont > div.navi > div.member ul li.notification a {border-left: 1px solid #FF9800;}

header.member div.header_cont > div.navi > div.member ul li.notification a span svg .a {fill: #131C62;}
header.member div.header_cont > div.navi > div.member ul li.notification a span em {color: #131C62;}
header.member div.header_cont > div.navi > div.member ul li.notification a {border-left: 1px solid #131C62;}

div.header_cont > div.navi > div.member ul li.login a {background-color: #FF9800;}
div.header_cont > div.navi > div.member ul li.login a span em {color: #fff;}

div.header_cont > div.navi > div.member ul li.member_home a {background-color: #131C62;}
div.header_cont > div.navi > div.member ul li.member_home a span em {color: #fff;}

div.menu_bt {width: 44px; height: 44px; border-radius: 100%; display: none; justify-content: center; align-items: center;}
div.menu_bt > div {width: 34px; height: 34px; position: relative; z-index: 10000; cursor: pointer;}
div.menu_bt:hover span {opacity: .7;}
div.menu_bt > div span {width: 100%; height: 3px; background-color: #FF9800; border-radius: 2px; position: absolute; left: 0;}
div.menu_bt > div span:nth-of-type(1) {top: 4px;}
div.menu_bt > div span:nth-of-type(2) {top: 15px;}
div.menu_bt > div span:nth-of-type(3) {bottom: 4px;}
div.menu_bt.active {z-index: 10001;}
div.menu_bt.active > div span:nth-of-type(1) {top: 5px;}

header.member div.menu_bt > div span {background-color: #131C62;}

div.menu_bt > div span:nth-of-type(1) {animation: btn-bar01 .75s forwards;}
@keyframes btn-bar01 {
0% {transform: translateY(11px) rotate(45deg);}
50% {transform: translateY(11px) rotate(0);}
100% {transform: translateY(0) rotate(0);}}
div.menu_bt > div span:nth-of-type(2) {transition: all .25s .25s;opacity: 1;}
div.menu_bt > div span:nth-of-type(3) {animation: btn-bar03 .75s forwards;}
@keyframes btn-bar03 {
0% {transform: translateY(-11px) rotate(-45deg);}
50% {transform: translateY(-11px) rotate(0);}
100% {transform: translateY(0) rotate(0);}
}
div.menu_bt.active > div span:nth-of-type(1) {animation: active-btn-bar01 .75s forwards;}
@keyframes active-btn-bar01 {
0% {transform: translateY(0) rotate(0);}
50% {transform: translateY(11px) rotate(0);}
100% {transform: translateY(11px) rotate(44deg);}
}
div.menu_bt.active > div span:nth-of-type(2) {opacity: 0;}
div.menu_bt.active > div span:nth-of-type(3) {animation: active-btn-bar03 .75s forwards;}
@keyframes active-btn-bar03 {
0% { transform: translateY(0) rotate(0);}
50% {transform: translateY(-11px) rotate(0);}
100% {transform: translateY(-11px) rotate(-44deg);}
}

.overlay {top:0; right: 0; position:fixed;display:none;width: 100%;height:100%;min-height:100vh; background-color: rgba(255,255,255,.95); overflow: hidden; z-index:2; transition: width 0.4s ease;}
.overlay.active {display: block;}

.sp_navi > div.logo {display: flex; align-items: center;height: 70px;padding: 0px 20px; justify-content: space-between;}
.sp_navi > div.logo p a {display: block;}
.sp_navi > div.logo p a img {width: 280px;}
.sp_navi > ul {padding: 0px 20px; margin-top:30px;}
.sp_navi > ul li {border-bottom: 1px solid rgb(255,137,0,0.5);}
.sp_navi > ul li a {display: flex; align-items: center; padding: 10px 0px; font-weight: 700; color: #FF8900; position: relative;}
.sp_navi > ul li a em {font-size:10px; color: #FFF; background-color: #131C62; border-radius: 3px; padding: 5px 10px; line-height: 100%; margin-left: 10px; display: inline-block;}
.sp_navi > ul li a:after {content: ""; width: 7px; height: 7px; border-top: solid 2px #FF8900; border-right: solid 2px #FF8900; display: block; transform: rotate(45deg); position: absolute; right: 5px; top: calc(50% - 3px);}

.sp_navi > p.logout {width: 150px; height: 34px;margin: 20px 20px 0px auto;}
.sp_navi > p.logout a {display: flex; align-items: center; width: 100%; height: 100%; border-radius: 5px; padding: 0px 20px; box-sizing: border-box; font-size: 14px; font-weight: 600; background-color: #131C62; color: #FFF; justify-content: center;}

.sp_navi.member > ul li {border-bottom: 1px solid rgb(19, 28, 98 , 0.5);}
.sp_navi.member > ul li a {color: #131C62;}
.sp_navi.member > ul li a:after {border-top: solid 2px #131C62; border-right: solid 2px #131C62;}

div.top_movie {width: 100%; height: 100vh; overflow: hidden; position: relative; z-index: 0;}
div.top_movie > video {position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%);min-width: 100%;min-height: 100%;}
div.top_movie > p {position: absolute; left: 16px; bottom: 16px;}
div.top_movie > p a {display: flex; align-items: center; font-size: 12px; color: #FFF;}
div.top_movie > p a span {margin-left: 10px; border-bottom: 1px dotted #FFF; line-height: 120%;}

div.top_donation {padding: 60px 0px; text-align: center;}

.top_information {border-top: 4px solid #FF9800; position: relative; padding: 60px 0px 0px 0px;}
.top_information:before {content: ""; width: calc(50% - 600px); height: 4px; position: absolute; left: 0; top: -4px; background-color:#707070 ;}
.info_main {border-top: 4px solid #FF9800; position: relative; padding: 60px 0px 0px 0px;}
.info_main:before {content: ""; width: calc(50% - 600px); height: 4px; position: absolute; left: 0; top: -4px; background-color:#707070 ;}
.info_main.member {border-top: 4px solid #131C62;}

.info_cont {max-width: 1200px; margin: 0px auto 60px;}
.info_cont > h2 {font-size: 28px; font-weight: 700; color: #585858;}
.info_cont > h2 + p {font-family: "Oswald", sans-serif; font-size: 18px; color: #FF8902; margin-top: 5px;}
span.line {position: relative; display: flex; align-items: center;}
span.line:after,span.line:before {display: block; content: ""; width: 10px; height: 1px; background-color: #FF8902;}
span.line:after {margin-left: 5px;}
span.line:before {margin-right: 5px;}
span.line.member {color: #131C62;}
span.line.member:after,span.member.line:before {background-color: #131C62;}

.info_cat {margin-top: 40px; display: flex; gap:7px 7px; flex-wrap: wrap;}
.info_cat li {min-width: 120px; padding: 0px 20px; height: 30px; background-color: #767676; color: #FFF; border-radius: 3px; font-size: 14px; font-weight: 600; text-align: center; line-height: 100%; box-sizing: border-box; cursor: pointer; transition: 0.4s; display: flex; justify-content: center; align-items: center;}
.info_cat li:hover {opacity:0.7; transition: 0.4s;}
.info_cat li.active { background-color: #FF8900;}
.info_cat li a {color: #FFF; display: block; width: 100%; height: 100%;display: flex; justify-content: center; align-items: center;padding: 0px 20px;}
.info_cat.archive li {padding: 0;}

.info_cat.member li.active {background-color: #131C62;}

.info_list {margin-top: 20px;}

#post_cont {opacity: 1;transition: opacity 0.4s ease;}
#post_cont.fade-out {opacity: 0;}

.post-item { padding: 20px 0px; border-bottom: 1px dotted #707070;}
.post-item dl {display: flex; align-items: center;}
.post-item dl dt {font-weight: 600; font-size: 16px; margin-right: 14px;}
.post-item dl dd {font-size: 12px; font-weight: 600; color: #FFF; background-color: #767676; padding: 4px 20px; line-height: 100%; border-radius: 3px;}
.post-item p {margin-top: 5px; font-size: 16px; font-weight: 600;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }

p.list_bt a {display: block; width: 100%; background-color: #F6F7F7; border-top: 1px solid #E6E6E6; text-align: center; color: #FF8900; font-size: 16px; font-weight: 700; padding: 10px 0px;}

.top_cal {border-top: 4px solid #FF9800; position: relative; padding: 60px 0px;}
.top_cal.member {border-top: 4px solid #131C62;}
.top_cal:before {content: ""; width: calc(50% - 600px); height: 4px; position: absolute; left: 0; top: -4px; background-color:#707070 ;}
.top_cal > div.title {max-width: 1200px; margin: 0px auto;}
.top_cal > div.title > h2 {font-size: 28px; font-weight: 700; color: #585858;}
.top_cal > div.title > h2 + p {font-family: "Oswald", sans-serif; font-size: 18px; color: #FF8902; margin-top: 5px;}
.top_cal.member > div.title > h2 + p {color: #131C62;}

.calendar_wrap {margin-top: 40px; position: relative;}

.calendar_wrap > div.cal_nav p {width: 76px; height: 38px; border-radius: 3px; background-color: #FCBC72; cursor: pointer;transition: 0.4s; display: flex; justify-content: center; align-items: center; position: absolute;}
.top_cal.member .calendar_wrap > div.cal_nav p {background-color: #131C62;}

.calendar_wrap > div.cal_nav p.disabled {pointer-events: none; background-color: #E6E6E6;}
.top_cal.member .calendar_wrap > div.cal_nav p.disabled {pointer-events: none; background-color: #E6E6E6;}

.calendar_wrap > div.cal_nav p:hover {opacity:.7; transition: 0.4s;}
.calendar_wrap > div.cal_nav p:before {content: ""; width: 10px; height: 10px; border-top: solid 2px #FFF; border-right: solid 2px #FFF; display: block;}
.calendar_wrap > div.cal_nav p.prev:before {transform: rotate(-135deg);}
.calendar_wrap > div.cal_nav p.next:before {transform: rotate(45deg);}
.calendar_wrap > div.cal_nav p.prev {top: 1px; left: 1px;}
.calendar_wrap > div.cal_nav p.next {top: 1px; right: 1px;}

div.cal_month { border-top: 1px solid #AFAFAF; border-left: 1px solid #AFAFAF; border-right: 1px solid #AFAFAF; height: 38px; display: flex; justify-content: center; align-items: center;}
div.cal_month h2 { text-align: center; font-size: 20px; font-weight: 600; line-height: 100%;}
div.cal_month h2 span {font-size: 24px; font-weight: 700;}

div.cal_day {display: flex; width: 100%; overflow-x: auto;}
div.cal_day > dl { flex: 1 0 30px; box-sizing: border-box;border: 1px solid #AFAFAF; text-align: center; border-right: none; background-color: #FAFAFA;}
div.cal_day > dl:last-child {border-right: 1px solid #AFAFAF;}
div.cal_day > dl dt {border-bottom:1px solid #AFAFAF; font-size: 16px; font-weight: 600; padding: 10px 0px; box-sizing: border-box; position: relative; line-height: 100%;}
div.cal_day > dl dd { padding: 5px; min-height: 50px;}
div.cal_day > dl dd ul {display: grid; row-gap: 10px;}
div.cal_day > dl dd ul li {font-size: 0; display: flex; justify-content: center; align-items: center;}
div.cal_day > dl dd ul li img {display: block;width: 100%; height: auto;}
div.cal_day > dl.today {background-color: #FFF9F2;}
div.cal_day > dl.today dt:before {content: ""; width: 100%; height: 4px; background-color: #FF8902; top: 0; left: 0; position: absolute;}
div.cal_day > dl.saturday dt {color: #657CFD;}
div.cal_day > dl.sunday dt {color: #FF3434;}
div.cal_day > dl.holiday dt {color: #FF3434;}

.top_report {border-top: 4px solid #FF9800; position: relative; padding: 60px 0px 0px 0px; background-color: #FFECC3;}
.top_report:before {content: ""; width: calc(50% - 600px); height: 4px; position: absolute; left: 0; top: -4px; background-color:#707070 ;}
.top_report_cont > div.head {max-width: 1200px; margin: 0px auto;}
.top_report_cont > div.head > h2 {font-size: 28px; font-weight: 700; color: #585858;}
.top_report_cont > div.head > h2 + p {font-family: "Oswald", sans-serif; font-size: 18px; color: #FF8902; margin-top: 5px;}
.top_report_cont > div.head > p.txt { color: 585858; margin-top: 20px;}
.top_report > p.list_bt {margin-top: 60px;}

.top_report_list {max-width: 1200px; margin: 50px auto 0px; display: flex; justify-content: space-between;}
.top_report_list > figure {width: 23%; position: relative; border-radius: 3px; overflow: hidden; cursor: pointer;transition: 0.4s;}
.top_report_list > figure:hover {opacity: .7;transition: 0.4s;}
.top_report_list > figure:after {content: ""; width: 100%; height: 50%; position: absolute; bottom: 0; left: 0;background-image: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(0, 0, 0, 1));z-index: 1;}
.top_report_list > figure ul li {display: none; }
.top_report_list > figure ul li img { width: 100%; aspect-ratio: 4 / 3;object-fit: cover;}
.top_report_list > figure ul li:first-child {display: block;}
.top_report_list > figure figcaption {width: 100%; position: absolute; bottom: 0; left: 0; padding: 10px; box-sizing: border-box; z-index: 2;}
.top_report_list > figure figcaption p {font-size: 16px;color: #FFF; line-height: 150%; }

.bannaer_area {padding: 50px 0px;}
.bannaer_area ul {max-width: 1200px; margin: 0px auto; display: flex; gap: 20px 20px; flex-wrap: wrap;}
.bannaer_area ul li {width: calc(25% - 20px); aspect-ratio: 2 / 1; position: relative; overflow: hidden; border: 1px solid #CCC; box-sizing: border-box;}
.bannaer_area ul li img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;object-position: center;}

.sp_member {display: none;}

footer {background-color: #707170; position: relative; padding: 60px 0px 50px;}
.footer_cont {display: flex; justify-content: space-between; max-width: 1200px; margin: 0px auto;}
.footer_cont > div.left_cont {display: contents;}
.footer_cont div.left dl {display: flex; font-size: 14px; color: #FFF; line-height: 140%; margin-top: 24px;}
.footer_cont div.right ul.member li {width: 208px; height: 50px;}
.footer_cont div.right ul.member li a {display: flex; align-items: center; width: 100%; height: 100%; border-radius: 5px; padding: 0px 20px; box-sizing: border-box; font-size: 16px; font-weight: 600;}

.footer_cont div.right ul.member li.notification a {color:#FF9800; background-color: #FFF;}
.footer_cont div.right ul.member li.login a {color: #FFF; background-color:#FF9800 ;}
.footer_cont div.right ul.member li.logout a {color: #FFF; background-color:#131C62 ;}
footer.member .footer_cont div.right ul.member li.notification a {color: #131C62;}
footer.member .footer_cont div.right ul.member li.notification a svg .a {fill:#131C62 ;}

.footer_cont div.right ul.member li + li {margin-top: 10px;}
.footer_cont div.right ul.member li em {margin-left: 24px;}

.footer_cont div.right ul.member li span {display: flex; align-items: center;}
.footer_cont div.right ul.member li.login span:before {content: ""; width: 21px; height: 30px; background: url(../images/login.svg) no-repeat; background-size: cover; display: inline-block;}
.footer_cont div.right ul.member li.logout span:before {content: ""; width: 21px; height: 21px; background: url(../images/logout.svg) no-repeat; background-size: cover; display: inline-block;}

.footer_cont div.right ul.sns {display: flex; margin-top: 20px; gap: 0 16px;}
.footer_cont div.right ul.sns li {width: 30px;}
.footer_cont > div.left_cont > ul li a {color: #FFF; font-size: 16px; font-weight: 600;}
.footer_cont > div.left_cont > ul li + li {margin-top: 10px;}

footer > p.pagetop {text-indent: -9999px; position: absolute; right: 16px; top: -22px;}
footer > p.pagetop a {width: 44px; height: 44px; border-radius: 3px; background-color:#FF9800; display: flex; justify-content: center; align-items: center;}
footer.member > p.pagetop a {background-color: #131C62;}
footer > p.pagetop a:before {content: ""; width: 10px; height: 10px; border-top: solid 2px #FFF; border-right: solid 2px #FFF; display: block; transform: rotate(-45deg); margin-top: 5px;}

footer > p.copy {text-align: center; margin-top: 50px; color: #FFF; font-size: 12px;}

@media only screen and (max-width:1270px){
header {width: 100%; border-top: calc(10 / 1270 * 100vw) solid #FF9800;box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16); position: fixed; z-index: 1000; background-color: rgba(255,255,255,.8); backdrop-filter: blur(10px);}

div.header_cont {display: flex; align-items: center;height: calc(90 / 1270 * 100vw);padding: 0px 0px 0px calc(26 / 1270 * 100vw); justify-content: space-between;}
div.header_cont > p.logo a img {width: calc(364 / 1270 * 100vw);}
div.header_cont > div.navi > nav ul li {height:calc(90 / 1270 * 100vw);}
div.header_cont > div.navi > nav ul li a {color: #FF9800; font-weight: 500; display: flex; justify-content: center; align-items: center; height: 100%; padding: 0px calc(10 / 1270 * 100vw); font-size: calc(16 / 1270 * 100vw);}

div.header_cont > div.navi > div.member ul li {height:calc(90 / 1270 * 100vw); width: calc(95 / 1270 * 100vw);}
div.header_cont > div.navi > div.member ul li a span img {height:calc(30 / 1270 * 100vw); margin: 0px auto;}
div.header_cont > div.navi > div.member ul li a span em {font-size:calc(14 / 1270 * 100vw); font-weight: 500; color: #FF9800; margin-top:calc(5 / 1270 * 100vw);}
}

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

.top_information:before {content: ""; width: 20px; height: 4px; position: absolute; left: 0; top: -4px; background-color:#707070 ;}
.info_main:before {content: ""; width: 20px; height: 4px; position: absolute; left: 0; top: -4px; background-color:#707070 ;}

div.top_donation {padding: 60px 20px; text-align: center;}

.info_cont {max-width: 1200px; margin: 0px auto 60px; padding: 0px 20px;}

.top_cal > div.title {max-width: 1200px; margin: 0px auto; padding: 0px 20px;}
.top_cal:before {content: ""; width: 20px; height: 4px; position: absolute; left: 0; top: -4px; background-color:#707070 ;}

.top_report_cont > div.head {max-width: 1200px; margin: 0px auto; padding: 0px 20px;}
.top_report:before {content: ""; width: 20px; height: 4px; position: absolute; left: 0; top: -4px; background-color:#707070 ;}
.top_report_list {max-width: 1200px; margin: 50px auto 0px; display: flex; justify-content: space-between; padding: 0px 20px;}


.bannaer_area ul {max-width: 1200px; margin: 0px auto; display: flex; gap: 20px 20px; flex-wrap: wrap; padding: 0px 20px; box-sizing: border-box;}
.footer_cont {padding: 0px 20px;}

}

@media only screen and (max-width:1000px){
div.header_cont {display: flex; align-items: center;height: 70px;padding: 0px 20px; justify-content: space-between;}
div.header_cont > div.navi {display: none;}
div.header_cont > p.logo a img {width: 280px;}

div.menu_bt {display: flex;}

.top_report_list > figure figcaption p {font-size: 12px;color: #FFF; line-height: 150%; }

}

@media only screen and (max-width:900px){
.footer_cont > div.left_cont {display:block;}
.footer_cont > div.left_cont > ul {margin-top: 30px;}
}

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

.top_report_list {max-width: 1200px; margin: 50px auto 0px; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 0px 20px; gap:14px 0px;}
.top_report_list > figure {width: 49%; position: relative; border-radius: 3px; overflow: hidden; cursor: pointer;transition: 0.4s;}

.bannaer_area ul {max-width: 1200px; margin: 0px auto; display: flex; justify-content: space-between; gap: 14px 0px; flex-wrap: wrap; padding: 0px 20px; box-sizing: border-box;}
.bannaer_area ul li {width: 49%; aspect-ratio: 2 / 1; position: relative; overflow: hidden; border: 1px solid #CCC; box-sizing: border-box;}

}
@media only screen and (max-width:680px){
.footer_cont {display: flex; justify-content: space-between;flex-direction: column;}
.footer_cont div.right {margin-top: 30px;}
.footer_cont div.right ul.member {display: flex; justify-content: center; gap: 0px 16px;}
.footer_cont div.right ul.member li + li {margin-top: 0px;}
.footer_cont div.right ul.sns {display: flex; margin-top: 20px; gap: 0 16px; justify-content: center;}
}

@media only screen and (max-width:500px){

div.top_donation {padding: 20px 20px; text-align: center;}

.top_information {border-top: 4px solid #FF9800; position: relative; padding: 30px 0px 0px 0px;}
.info_main {border-top: 4px solid #FF9800; position: relative; padding: 30px 0px 0px 0px;}

.info_cont {max-width: 1200px; margin: 0px auto 30px; padding: 0px 20px;}
.info_cont > h2 {font-size: 20px; font-weight: 700; color: #585858; line-height: 160%;}
.info_cont > h2 + p {font-family: "Oswald", sans-serif; font-size: 14px; color: #FF8902; margin-top: 5px; line-height: 100%;}

.info_cat {margin-top: 20px; display: flex; gap:7px 7px; flex-wrap: wrap;}
.info_cat li {min-width: 120px; padding: 0px 10px; height: 25px; background-color: #767676; color: #FFF; border-radius: 3px; font-size: 12px; font-weight: 600; text-align: center; line-height: 100%; box-sizing: border-box; cursor: pointer; transition: 0.4s; display: flex; justify-content: center; align-items: center;}

.post-item { padding: 10px 0px; border-bottom: 1px dotted #707070;}
.post-item dl {display: flex; align-items: center;}
.post-item dl dt {font-weight: 600; font-size: 14px; margin-right: 14px; color: #767676;}
.post-item dl dd {font-size: 12px; font-weight: 600; color: #FFF; background-color: #767676; padding: 4px 20px; line-height: 100%; border-radius: 3px;}
.post-item p {margin-top: 5px; font-size: 14px; font-weight: 600;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }

p.list_bt a {display: block; width: 100%; background-color: #F6F7F7; border-top: 1px solid #E6E6E6; text-align: center; color: #FF8900; font-size: 12px; font-weight: 700; padding: 10px 0px;}

.top_cal {padding: 30px 0px;}
.top_cal > div.title > h2 {font-size: 20px; font-weight: 700; color: #585858; line-height: 160%;}
.top_cal > div.title > h2 + p {font-family: "Oswald", sans-serif; font-size: 14px; color: #FF8902; margin-top: 5px;line-height: 100%;}
.calendar_wrap {margin-top: 20px; position: relative;}

.calendar_wrap > div.cal_nav p {width: 38px; height: 28px; border-radius: 3px; background-color: #FCBC72; cursor: pointer;transition: 0.4s; display: flex; justify-content: center; align-items: center; position: absolute;}
.top_cal.member .calendar_wrap > div.cal_nav p {background-color: #131C62;}

.calendar_wrap > div.cal_nav p.disabled {pointer-events: none; background-color: #E6E6E6;}
.calendar_wrap > div.cal_nav p:before {content: ""; width: 8px; height: 8px; border-top: solid 2px #FFF; border-right: solid 2px #FFF; display: block;}

div.cal_month { border-top: 1px solid #AFAFAF; border-left: 1px solid #AFAFAF; border-right: 1px solid #AFAFAF; height: 28px; display: flex; justify-content: center; align-items: center;}
div.cal_month h2 { text-align: center; font-size: 16px; font-weight: 600; line-height: 100%;}
div.cal_month h2 span {font-size: 18px; font-weight: 700;}

div.cal_day > dl dt {border-bottom:1px solid #AFAFAF; font-size: 14px; font-weight: 600; padding: 5px 0px; box-sizing: border-box; position: relative; line-height: 100%;}

.top_report {border-top: 4px solid #FF9800; position: relative; padding: 30px 0px 0px 0px; background-color: #FFECC3;}

.top_report_cont > div.head > h2 {font-size: 20px; font-weight: 700; color: #585858; line-height: 160%;}
.top_report_cont > div.head > h2 + p {font-family: "Oswald", sans-serif; font-size: 14px; color: #FF8902; margin-top: 5px; line-height: 100%;}
.top_report_cont > div.head > p.txt { color: 585858; margin-top: 20px; font-size: 14px;}
.top_report > p.list_bt {margin-top: 30px;}

.top_report_list {max-width: 1200px; margin: 20px auto 0px; display: flex; flex-wrap: wrap; justify-content: space-between; padding: 0px 20px; gap:14px 0px;}

.bannaer_area {padding: 20px 0px;}

.footer_cont div.left dl {display: flex; flex-direction: column; font-size: 12px; color: #FFF; line-height: 140%; margin-top: 12px;}
.footer_cont div.left dl dd {margin-top: 5px;}
.footer_cont > div.left_cont > ul li a {color: #FFF; font-size: 14px; font-weight: 600;}
.footer_cont > div.left_cont > ul li + li {margin-top: 0px;}
.footer_cont > div.left_cont > ul {margin-top: 20px;}
.footer_cont div.right ul.member {display: none;}
.footer_cont div.right {margin-top: 0px;}
footer > p.pagetop {text-indent: -9999px; position: absolute; right: 10px; top: -17px;}
footer > p.pagetop a {width: 34px; height: 34px; border-radius: 3px; background-color:#FF9800; display: flex; justify-content: center; align-items: center;}
footer > p.copy {text-align: center; margin-top: 20px; color: #FFF; font-size: 10px;}

.sp_member {display: block; position: fixed; bottom: 0; left: 0; z-index: 1000; padding: 0px 10px; width: 100%; box-sizing: border-box; }
.sp_member ul {display: flex; justify-content: space-between;}
.sp_member ul li {width: 49%; height: 40px;box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.16);}
.sp_member ul li a {display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; border-radius: 5px 5px 0px 0px; padding: 0px 10px; box-sizing: border-box; font-size: 14px; font-weight: 600;}
.sp_member ul li.login span:before {content: ""; width: 15px; height: 24px; background: url(../images/login.svg) no-repeat; background-size: contain; display: inline-block; background-position: center;}
.sp_member ul li.member_home span img {width: 20px;}
.sp_member ul li.notification a {color:#FF9800; background-color: #FFF;}
.sp_member ul li.login a {color: #FFF; background-color:#FF9800 ;}
.sp_member ul li.member_home a {color: #FFF; background-color:#131C62 ;}
.sp_member ul li span {display: flex; align-items: center;}
.sp_member ul li em {margin-left: 12px;}
.sp_member ul li.notification a svg {width: 20px;}

.sp_member.member ul li.notification a {color: #131C62;}
.sp_member.member ul li.notification a svg .a {fill:#131C62 ;}

}