@charset "UTF-8";
@import url("https://fonts.googleapis.com/earlyaccess/sawarabigothic.css");
.cfx:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

* html .cfx { zoom: 1; }

*:first-child + html .cfx { zoom: 1; }

.flip-h { transform: scale(-1, 1); filter: FlipH; -ms-filter: "FlipH"; }

.flip-v { transform: scale(1, -1); filter: FlipV; -ms-filter: "FlipV"; }

.mt-5 { margin-top: -5px !important; }

.mt0 { margin-top: 0px !important; }

.mt5 { margin-top: 5px !important; }

.mt10 { margin-top: 10px !important; }

.mt15 { margin-top: 15px !important; }

.mt20 { margin-top: 20px !important; }

.mt25 { margin-top: 25px !important; }

.mt30 { margin-top: 30px !important; }

.mt35 { margin-top: 35px !important; }

.mt40 { margin-top: 40px !important; }

.mt45 { margin-top: 45px !important; }

.mt50 { margin-top: 50px !important; }

.mt55 { margin-top: 55px !important; }

.mt60 { margin-top: 60px !important; }

.mt65 { margin-top: 65px !important; }

.mt70 { margin-top: 70px !important; }

.mt75 { margin-top: 75px !important; }

.mt80 { margin-top: 80px !important; }

.mt85 { margin-top: 85px !important; }

.mt90 { margin-top: 90px !important; }

.mt95 { margin-top: 95px !important; }

.mt100 { margin-top: 100px !important; }

.mt105 { margin-top: 105px !important; }

.mt110 { margin-top: 110px !important; }

.mt115 { margin-top: 115px !important; }

.mt120 { margin-top: 120px !important; }

.mt125 { margin-top: 125px !important; }

.pt0 { padding-top: 0px !important; }

.pt5 { padding-top: 5px !important; }

.pt10 { padding-top: 10px !important; }

.pt15 { padding-top: 15px !important; }

.pt20 { padding-top: 20px !important; }

.pt25 { padding-top: 25px !important; }

.pt30 { padding-top: 30px !important; }

.pt35 { padding-top: 35px !important; }

.pt40 { padding-top: 40px !important; }

.pt45 { padding-top: 45px !important; }

.pt50 { padding-top: 50px !important; }

.pt55 { padding-top: 55px !important; }

.pt60 { padding-top: 60px !important; }

.pt65 { padding-top: 65px !important; }

.pt70 { padding-top: 70px !important; }

.pt75 { padding-top: 75px !important; }

.pt80 { padding-top: 80px !important; }

.pt85 { padding-top: 85px !important; }

.pt90 { padding-top: 90px !important; }

.pt95 { padding-top: 95px !important; }

.pt100 { padding-top: 100px !important; }

.pt105 { padding-top: 105px !important; }

.pt110 { padding-top: 110px !important; }

.pt115 { padding-top: 115px !important; }

.pt120 { padding-top: 120px !important; }

.pt125 { padding-top: 125px !important; }

.w0p { width: 0% !important; }

.w5p { width: 5% !important; }

.w10p { width: 10% !important; }

.w15p { width: 15% !important; }

.w20p { width: 20% !important; }

.w25p { width: 25% !important; }

.w30p { width: 30% !important; }

.w35p { width: 35% !important; }

.w40p { width: 40% !important; }

.w45p { width: 45% !important; }

.w50p { width: 50% !important; }

.w55p { width: 55% !important; }

.w60p { width: 60% !important; }

.w65p { width: 65% !important; }

.w70p { width: 70% !important; }

.w75p { width: 75% !important; }

.w80p { width: 80% !important; }

.w85p { width: 85% !important; }

.w90p { width: 90% !important; }

.w95p { width: 95% !important; }

.w100p { width: 100% !important; }

.w0 { width: 0px !important; }

.w5 { width: 5px !important; }

.w10 { width: 10px !important; }

.w15 { width: 15px !important; }

.w20 { width: 20px !important; }

.w25 { width: 25px !important; }

.w30 { width: 30px !important; }

.w35 { width: 35px !important; }

.w40 { width: 40px !important; }

.w45 { width: 45px !important; }

.w50 { width: 50px !important; }

.w55 { width: 55px !important; }

.w60 { width: 60px !important; }

.w65 { width: 65px !important; }

.w70 { width: 70px !important; }

.w75 { width: 75px !important; }

.w80 { width: 80px !important; }

.w85 { width: 85px !important; }

.w90 { width: 90px !important; }

.w95 { width: 95px !important; }

.w100 { width: 100px !important; }

.w105 { width: 105px !important; }

.w110 { width: 110px !important; }

.w115 { width: 115px !important; }

.w120 { width: 120px !important; }

.w125 { width: 125px !important; }

.w130 { width: 130px !important; }

.w135 { width: 135px !important; }

.w140 { width: 140px !important; }

.w145 { width: 145px !important; }

.w150 { width: 150px !important; }

.w155 { width: 155px !important; }

.w160 { width: 160px !important; }

.w165 { width: 165px !important; }

.w170 { width: 170px !important; }

.w175 { width: 175px !important; }

.w180 { width: 180px !important; }

.w185 { width: 185px !important; }

.w190 { width: 190px !important; }

.w195 { width: 195px !important; }

.w200 { width: 200px !important; }

.w205 { width: 205px !important; }

.w210 { width: 210px !important; }

.w215 { width: 215px !important; }

.w220 { width: 220px !important; }

.w225 { width: 225px !important; }

.w230 { width: 230px !important; }

.w235 { width: 235px !important; }

.w240 { width: 240px !important; }

.w245 { width: 245px !important; }

.w250 { width: 250px !important; }

.w255 { width: 255px !important; }

.w260 { width: 260px !important; }

.w265 { width: 265px !important; }

.w270 { width: 270px !important; }

.w275 { width: 275px !important; }

.w280 { width: 280px !important; }

.w285 { width: 285px !important; }

.w290 { width: 290px !important; }

.w295 { width: 295px !important; }

.w300 { width: 300px !important; }

.w305 { width: 305px !important; }

.w310 { width: 310px !important; }

.w315 { width: 315px !important; }

.w320 { width: 320px !important; }

.w325 { width: 325px !important; }

.w330 { width: 330px !important; }

.w335 { width: 335px !important; }

.w340 { width: 340px !important; }

.w345 { width: 345px !important; }

.w350 { width: 350px !important; }

.w355 { width: 355px !important; }

.w360 { width: 360px !important; }

.w365 { width: 365px !important; }

.w370 { width: 370px !important; }

.w375 { width: 375px !important; }

.w380 { width: 380px !important; }

.w385 { width: 385px !important; }

.w390 { width: 390px !important; }

.w395 { width: 395px !important; }

.w400 { width: 400px !important; }

.w405 { width: 405px !important; }

.w410 { width: 410px !important; }

.w415 { width: 415px !important; }

.w420 { width: 420px !important; }

.w425 { width: 425px !important; }

.w430 { width: 430px !important; }

.w435 { width: 435px !important; }

.w440 { width: 440px !important; }

.w445 { width: 445px !important; }

.w450 { width: 450px !important; }

.w455 { width: 455px !important; }

.w460 { width: 460px !important; }

.w465 { width: 465px !important; }

.w470 { width: 470px !important; }

.w475 { width: 475px !important; }

.w480 { width: 480px !important; }

.w485 { width: 485px !important; }

.w490 { width: 490px !important; }

.w495 { width: 495px !important; }

.w500 { width: 500px !important; }

.w505 { width: 505px !important; }

.w510 { width: 510px !important; }

.w515 { width: 515px !important; }

.w520 { width: 520px !important; }

.w525 { width: 525px !important; }

.w530 { width: 530px !important; }

.w535 { width: 535px !important; }

.w540 { width: 540px !important; }

.w545 { width: 545px !important; }

.w550 { width: 550px !important; }

.w555 { width: 555px !important; }

.w560 { width: 560px !important; }

.w565 { width: 565px !important; }

.w570 { width: 570px !important; }

.w575 { width: 575px !important; }

.w580 { width: 580px !important; }

.w585 { width: 585px !important; }

.w590 { width: 590px !important; }

.w595 { width: 595px !important; }

.w600 { width: 600px !important; }

.wauto { width: auto !important; }

.al { text-align: left !important; }

.ar { text-align: right !important; }

.ac { text-align: center !important; }

.vat { vertical-align: top !important; }

.vam { vertical-align: middle !important; }

.vab { vertical-align: bottom !important; }

.fs-s4 { font-size: 6px !important; }

.fs-s3 { font-size: 8px !important; }

.fs-s2 { font-size: 10px !important; }

.fs-s { font-size: 12px !important; }

.fs-r { font-size: 14px !important; }

.fs-r2 { font-size: 16px !important; }

.fs-l { font-size: 18px !important; }

.fs-l2 { font-size: 24px !important; }

.fs-l3 { font-size: 32px !important; }

.fs-l4 { font-size: 40px !important; }

.fs-l5 { font-size: 48px !important; }

.td-n { text-decoration: none !important; }

.fr { float: right; padding-left: 20px; padding-bottom: 20px; }

.fr small { display: block; font-size: 12px; color: #999; text-align: right; line-height: 150%; }

.fl { float: left; padding-right: 20px; padding-bottom: 20px; }

.fl small { display: block; font-size: 12px; color: #999; text-align: left; line-height: 150%; }

.fc { margin-right: auto; margin-left: auto; padding-bottom: 20px; }

.fc small { display: block; font-size: 12px; color: #999; text-align: center; line-height: 150%; }

.bcl:before { content: ""; display: block; height: 0; font-size: 0; line-height: 0; clear: both; }

.acl:after { content: ""; display: block; height: 0; font-size: 0; line-height: 0; clear: both; }

.zero { font-size: 0; line-height: 0; letter-spacing: 0; }

html, body { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; font-family: "Sawarabi Gothic", Verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; font-size: 14px; color: #333; line-height: 1.7em; letter-spacing: 0.1em; }

@media only screen and (max-width: 768px) { .pc { display: none; } }

a { color: #333; -webkit-transition: all 0.3s; transition: all 0.3s; }

a:hover { text-decoration: underline; }

#all-site-cover { height: 100%; width: 100%; }

.site-header { display: table; width: 100%; height: 100%; background-color: #FFF600; height: 40px; }

.site-header > * { display: table-cell; vertical-align: middle; text-align: center; }

.site-header > * { text-align: right; }

.site-header > * :first-child { text-align: left; padding-right: 0; }

.btn-drawer { background-color: #000; border: none; height: 40px; width: 40px; text-align: center !important; color: #fff; font-size: 8px; padding: 0; margin: 0; border-radius: 2px; }

.btn-drawer .fa { font-size: 20px; }

.drawer { text-align: right !important; }

.overlay-inner { padding: 0 15px 15px 15px; }

.global nav ul { display: table; width: 100%; height: 100%; background-color: #333; height: 40px; }

.global nav ul > * { display: table-cell; vertical-align: middle; text-align: center; }

.global nav ul > * { text-align: center; padding: 10px; }

.global nav ul > * :first-child { text-align: left; padding-right: 0; }

.breadcrumbs { text-align: left; border-bottom: solid 1px #dcdcdc; }

.breadcrumbs nav { padding: 5px 40px; }

@media only screen and (max-width: 800px) { .breadcrumbs nav { padding: 4px 20px; } }

@media only screen and (max-width: 640px) { .breadcrumbs nav { padding: 4px 10px; line-height: 1.7em; font-size: 10px; } }

.breadcrumbs nav > * { font-size: 0; line-height: 0; letter-spacing: 0; }

.breadcrumbs nav > * li { display: inline-block; *display: inline; *zoom: 1; font-size: 12px; line-height: 1.7em; letter-spacing: 0.1em; }

.breadcrumbs nav > * li:before { content: ''; display: inline-block; *display: inline; *zoom: 1; height: 16px; width: 16px; background: url(../img/bc-sep.svg) no-repeat center center; vertical-align: middle; }

.breadcrumbs nav > * li:first-child:before { display: none; }

.colbox > * { font-size: 0; line-height: 0; letter-spacing: 0; text-align: left; }

.colbox > * > * { font-size: 14px; line-height: 1.7em; letter-spacing: 0.1em; display: inline-block; *display: inline; *zoom: 1; vertical-align: top; }

.colbox.colbox-c-1 > * > * { width: 100%; }

.colbox.colbox-c-2 > * > * { width: 50%; }

.colbox.colbox-c-3 > * > * { width: 33.33333%; }

.colbox.colbox-c-4 > * > * { width: 25%; }

.colbox.colbox-c-5 > * > * { width: 20%; }

.colbox.colbox-c-6 > * > * { width: 16.66667%; }

.colbox.colbox-c-7 > * > * { width: 14.28571%; }

.colbox.colbox-c-8 > * > * { width: 12.5%; }

.colbox.colbox-c-9 > * > * { width: 11.11111%; }

.colbox.colbox-c-10 > * > * { width: 10%; }

.colbox.colbox-g-0 > * { margin-top: -0px; }

.colbox.colbox-g-0 > *, .colbox.colbox-g-0 > * > * { padding: 0 0px; }

.colbox.colbox-g-0 > * > * { padding-top: 0px; }

.colbox.colbox-side-no.colbox-g-0 > * { margin-right: -0px; margin-left: -0px; }

.colbox.colbox-g-5 > * { margin-top: -5px; }

.colbox.colbox-g-5 > *, .colbox.colbox-g-5 > * > * { padding: 0 2.5px; }

.colbox.colbox-g-5 > * > * { padding-top: 5px; }

.colbox.colbox-side-no.colbox-g-5 > * { margin-right: -2.5px; margin-left: -2.5px; }

.colbox.colbox-g-10 > * { margin-top: -10px; }

.colbox.colbox-g-10 > *, .colbox.colbox-g-10 > * > * { padding: 0 5px; }

.colbox.colbox-g-10 > * > * { padding-top: 10px; }

.colbox.colbox-side-no.colbox-g-10 > * { margin-right: -5px; margin-left: -5px; }

.colbox.colbox-g-15 > * { margin-top: -15px; }

.colbox.colbox-g-15 > *, .colbox.colbox-g-15 > * > * { padding: 0 7.5px; }

.colbox.colbox-g-15 > * > * { padding-top: 15px; }

.colbox.colbox-side-no.colbox-g-15 > * { margin-right: -7.5px; margin-left: -7.5px; }

.colbox.colbox-g-20 > * { margin-top: -20px; }

.colbox.colbox-g-20 > *, .colbox.colbox-g-20 > * > * { padding: 0 10px; }

.colbox.colbox-g-20 > * > * { padding-top: 20px; }

.colbox.colbox-side-no.colbox-g-20 > * { margin-right: -10px; margin-left: -10px; }

.colbox.colbox-g-25 > * { margin-top: -25px; }

.colbox.colbox-g-25 > *, .colbox.colbox-g-25 > * > * { padding: 0 12.5px; }

.colbox.colbox-g-25 > * > * { padding-top: 25px; }

.colbox.colbox-side-no.colbox-g-25 > * { margin-right: -12.5px; margin-left: -12.5px; }

.colbox.colbox-g-30 > * { margin-top: -30px; }

.colbox.colbox-g-30 > *, .colbox.colbox-g-30 > * > * { padding: 0 15px; }

.colbox.colbox-g-30 > * > * { padding-top: 30px; }

.colbox.colbox-side-no.colbox-g-30 > * { margin-right: -15px; margin-left: -15px; }

.colbox.colbox-g-35 > * { margin-top: -35px; }

.colbox.colbox-g-35 > *, .colbox.colbox-g-35 > * > * { padding: 0 17.5px; }

.colbox.colbox-g-35 > * > * { padding-top: 35px; }

.colbox.colbox-side-no.colbox-g-35 > * { margin-right: -17.5px; margin-left: -17.5px; }

.colbox.colbox-g-40 > * { margin-top: -40px; }

.colbox.colbox-g-40 > *, .colbox.colbox-g-40 > * > * { padding: 0 20px; }

.colbox.colbox-g-40 > * > * { padding-top: 40px; }

.colbox.colbox-side-no.colbox-g-40 > * { margin-right: -20px; margin-left: -20px; }

.colbox.colbox-g-45 > * { margin-top: -45px; }

.colbox.colbox-g-45 > *, .colbox.colbox-g-45 > * > * { padding: 0 22.5px; }

.colbox.colbox-g-45 > * > * { padding-top: 45px; }

.colbox.colbox-side-no.colbox-g-45 > * { margin-right: -22.5px; margin-left: -22.5px; }

.colbox.colbox-g-50 > * { margin-top: -50px; }

.colbox.colbox-g-50 > *, .colbox.colbox-g-50 > * > * { padding: 0 25px; }

.colbox.colbox-g-50 > * > * { padding-top: 50px; }

.colbox.colbox-side-no.colbox-g-50 > * { margin-right: -25px; margin-left: -25px; }

.colbox.colbox-g-0 > * { margin-top: -0px; }

.colbox.colbox-g-0 > *, .colbox.colbox-g-0 > * > * { padding: 0 0px; }

.colbox.colbox-g-0 > * > * { padding-top: 0px; }

.colbox.colbox-side-no.colbox-g-0 > * { margin-right: -0px; margin-left: -0px; }

.colbox.colbox-g-1 > * { margin-top: -1px; }

.colbox.colbox-g-1 > *, .colbox.colbox-g-1 > * > * { padding: 0 0.5px; }

.colbox.colbox-g-1 > * > * { padding-top: 1px; }

.colbox.colbox-side-no.colbox-g-1 > * { margin-right: -0.5px; margin-left: -0.5px; }

.colbox.colbox-g-2 > * { margin-top: -2px; }

.colbox.colbox-g-2 > *, .colbox.colbox-g-2 > * > * { padding: 0 1px; }

.colbox.colbox-g-2 > * > * { padding-top: 2px; }

.colbox.colbox-side-no.colbox-g-2 > * { margin-right: -1px; margin-left: -1px; }

.colbox.colbox-g-3 > * { margin-top: -3px; }

.colbox.colbox-g-3 > *, .colbox.colbox-g-3 > * > * { padding: 0 1.5px; }

.colbox.colbox-g-3 > * > * { padding-top: 3px; }

.colbox.colbox-side-no.colbox-g-3 > * { margin-right: -1.5px; margin-left: -1.5px; }

.colbox.colbox-g-4 > * { margin-top: -4px; }

.colbox.colbox-g-4 > *, .colbox.colbox-g-4 > * > * { padding: 0 2px; }

.colbox.colbox-g-4 > * > * { padding-top: 4px; }

.colbox.colbox-side-no.colbox-g-4 > * { margin-right: -2px; margin-left: -2px; }

.colbox.colbox-type-tbl > * { display: table; width: 100%; height: 100%; }

.colbox.colbox-type-tbl > * > * { display: table-cell; vertical-align: middle; text-align: center; }

.colbox.colbox-side-no { overflow-x: hidden !important; }

.colbox.colbox-side-no > * { padding: 0 !important; }

.hlbox > * { display: table; width: 100%; height: 100%; table-layout: fixed; }

.hlbox > * > * { display: table-cell; vertical-align: middle; text-align: center; }

@media only screen and (max-width: 768px) { .hlbox > * { display: block; } }

.hlbox > * > * { font-size: 14px; line-height: 1.7em; letter-spacing: 0.1em; vertical-align: top; }

@media only screen and (max-width: 768px) { .hlbox > * > * { display: block; width: auto !important; } }

.hlbox .hlbox-g-l-0 { padding-left: 0px; }

.hlbox .hlbox-g-r-0 { padding-right: 0px; }

.hlbox .hlbox-g-l-5 { padding-left: 5px; }

.hlbox .hlbox-g-r-5 { padding-right: 5px; }

.hlbox .hlbox-g-l-10 { padding-left: 10px; }

.hlbox .hlbox-g-r-10 { padding-right: 10px; }

.hlbox .hlbox-g-l-15 { padding-left: 15px; }

.hlbox .hlbox-g-r-15 { padding-right: 15px; }

.hlbox .hlbox-g-l-20 { padding-left: 20px; }

.hlbox .hlbox-g-r-20 { padding-right: 20px; }

.hlbox .hlbox-g-l-25 { padding-left: 25px; }

.hlbox .hlbox-g-r-25 { padding-right: 25px; }

.hlbox .hlbox-g-l-30 { padding-left: 30px; }

.hlbox .hlbox-g-r-30 { padding-right: 30px; }

.hlbox .hlbox-g-l-35 { padding-left: 35px; }

.hlbox .hlbox-g-r-35 { padding-right: 35px; }

.hlbox .hlbox-g-l-40 { padding-left: 40px; }

.hlbox .hlbox-g-r-40 { padding-right: 40px; }

.hlbox .hlbox-g-l-45 { padding-left: 45px; }

.hlbox .hlbox-g-r-45 { padding-right: 45px; }

.hlbox .hlbox-g-l-50 { padding-left: 50px; }

.hlbox .hlbox-g-r-50 { padding-right: 50px; }

.hlbox .hlbox-g-l-55 { padding-left: 55px; }

.hlbox .hlbox-g-r-55 { padding-right: 55px; }

.hlbox .hlbox-g-l-60 { padding-left: 60px; }

.hlbox .hlbox-g-r-60 { padding-right: 60px; }

.hlbox .hlbox-g-l-65 { padding-left: 65px; }

.hlbox .hlbox-g-r-65 { padding-right: 65px; }

.hlbox .hlbox-g-l-70 { padding-left: 70px; }

.hlbox .hlbox-g-r-70 { padding-right: 70px; }

.hlbox .hlbox-g-l-75 { padding-left: 75px; }

.hlbox .hlbox-g-r-75 { padding-right: 75px; }

.hlbox .hlbox-g-l-80 { padding-left: 80px; }

.hlbox .hlbox-g-r-80 { padding-right: 80px; }

.hlbox .hlbox-g-l-85 { padding-left: 85px; }

.hlbox .hlbox-g-r-85 { padding-right: 85px; }

.hlbox .hlbox-g-l-90 { padding-left: 90px; }

.hlbox .hlbox-g-r-90 { padding-right: 90px; }

.hlbox .hlbox-g-l-95 { padding-left: 95px; }

.hlbox .hlbox-g-r-95 { padding-right: 95px; }

.hlbox .hlbox-g-l-100 { padding-left: 100px; }

.hlbox .hlbox-g-r-100 { padding-right: 100px; }

.logbox { text-align: left; }

.logbox-date { font-size: 12px; color: #a3a3a3; padding-top: 5px !important; }

.logbox p { padding-top: 1em; padding-right: 10px; padding-left: 10px; }

.logbox p:first-child { padding-top: 0; }

.logbox p img { max-width: 100%; border-radius: 2px; }

.logbox ul { padding-top: 1em; }

.logbox ul li { list-style-type: disc; margin-left: 2em; line-height: 1.4em; padding-top: 0.5em; }

.logbox ul li:first-child { padding-top: 0; }

.tmbbox, .yarpp-related .tmbbox { display: table; width: 100%; height: 100%; }

.tmbbox > *, .yarpp-related .tmbbox > * { display: table-cell; vertical-align: middle; text-align: center; }

.tmbbox-img, .yarpp-related .tmbbox-img { padding: 10px 0 10px 10px; width: 25%; vertical-align: top; }

@media only screen and (max-width: 640px) { .tmbbox-img, .yarpp-related .tmbbox-img { padding: 10px 0 10px 10px; } }

.tmbbox-img > *, .yarpp-related .tmbbox-img > * { display: block; position: relative; background-size: cover; background-position: center center; border-radius: 2px; }

.tmbbox-img > *:before, .yarpp-related .tmbbox-img > *:before { content: ""; display: block; padding-top: 75%; overflow: hidden; }

.tmbbox-text, .yarpp-related .tmbbox-text { text-align: left; padding: 10px; vertical-align: top; }

@media only screen and (max-width: 640px) { .tmbbox-text, .yarpp-related .tmbbox-text { padding: 10px; } }

.tmbbox.tmbbox-vertical, .yarpp-related .tmbbox.tmbbox-vertical { display: block; }

.tmbbox.tmbbox-vertical > *, .yarpp-related .tmbbox.tmbbox-vertical > * { display: block; }

.tmbbox.tmbbox-vertical .tmbbox-img, .yarpp-related .tmbbox.tmbbox-vertical .tmbbox-img { width: 100%; padding: 10px 10px 0 10px; }

.tmbbox.tmbbox-vertical .tmbbox-img:before, .yarpp-related .tmbbox.tmbbox-vertical .tmbbox-img:before { padding-top: 64%; }

.articlelist li { padding-top: 20px; padding-bottom: 20px; border-top: solid 1px #dcdcdc; }

.articlelist li:first-child { border-top: none; }

.articlelist-box { display: table; width: 100%; height: 100%; }

.articlelist-box > * { display: table-cell; vertical-align: middle; text-align: center; }

.articlelist-box > * { vertical-align: top; }

.articlelist-box-tmb { width: 25%; }

.articlelist-box-tmb > * { display: block; position: relative; background-size: cover; background-position: center center; border-radius: 2px; }

.articlelist-box-tmb > *:before { content: ""; display: block; padding-top: 100%; overflow: hidden; }

.articlelist-box-text { text-align: left; font-weight: bold; padding-left: 10px; }

.articlelist-box-cap { font-size: 12px; line-height: 1.7em; color: #a3a3a3; padding-top: 10px; font-weight: normal; }

.articlelist-box-date { font-size: 12px; line-height: 1.7em; color: #a3a3a3; padding-top: 10px; font-weight: normal; }

.pagenation { padding: 10px 40px 0 40px; overflow: hidden; }

@media only screen and (max-width: 768px) { .pagenation { padding: 30px 15px 15px 15px; } }

.pagenation nav { margin: 0 -5px; }

.pagenation nav ul { font-size: 0; line-height: 0; letter-spacing: 0; display: table; width: 100%; height: 100%; }

.pagenation nav ul > * { display: table-cell; vertical-align: middle; text-align: center; }

.pagenation nav ul li { padding: 0 5px; width: 10%; }

.pagenation nav ul li a { display: block; border: solid 1px #dcdcdc; font-size: 12px; line-height: 32px; border-radius: 2px; color: #E14F5B; background-color: #f8f8f8; text-decoration: none; }

.pagenation nav ul li .btn { width: 100%; }

.pagenation-prev, .pagenation-next { width: 25% !important; }

@media only screen and (max-width: 768px) { .pagenation-prev, .pagenation-next { width: 10% !important; } }

@media only screen and (max-width: 768px) { .pagenation-prev span, .pagenation-next span { display: none; } }

.pagenation-here a { background-color: #E14F5B !important; color: #fff !important; }

.pagenation-list { width: 40% !important; }

.pagenation-list a { padding: 0 !important; }

.swiper-container { width: 100%; padding-top: 20px; height: 300px; }

.swiper-slide { background-size: cover; background-position: center center; border-radius: 2px; }