html,body,div,ul,ol,li,dl,dt,dd,td,th,h1,h2,h3,h4,h5,h6,p,pre,blockquote,fieldset,form,input,button,textarea {margin:0;padding:0;}h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th {font-size:1.0em;font-weight:normal;font-style:normal;}ul,ol,li {list-style:none;}fieldset,img {border:none;}img {-ms-interpolation-mode:bicubic;}caption, th {text-align:left;}table {border-collapse:collapse;border-spacing:0;}input,textarea,select {font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select {font-size:100%;}button {background-color:transparent;text-decoration:none;}
*,*::before,*::after {box-sizing:border-box;-webkit-user-drag:none!important;-webkit-tap-highlight-color:transparent;-webkit-appearance:none;}


body {scroll-behavior:smooth;word-break:auto-phrase;background:#fff;--fs:27px;--c1:#bfb9;--c2:#efec;--gc:#b72730;--bc:#f0f0f0;--sc:#0003;overflow-x:hidden;font:400 var(--fs)/1.4em system-ui;letter-spacing:0;width:100vw;-webkit-tap-highlight-color:rgba(0,0,0,0);tap-highlight-color:rgba(0,0,0,0);-webkit-touch-callout:none;-webkit-text-size-adjust:100%!important;zoom:1;display:flex;justify-content:center;flex-direction:column;scroll-behavior:smooth;}
body { transition:background-position 1s ease;-webkit-animation:body 1s ease-out;animation:body 1s ease-out; }

body * {user-select:text!important;-webkit-user-select:text!important;overflow-wrap: anywhere!important;}

.ic   { display:inline;width:100%;height:100%;fill:#000; }
[hid="yes"] { opacity:0.5; }
.svg-logo,
.svg-logo * { fill:#fff }

.box-ani {position:absolute;left:3em;bottom:3em;width:6em;height:6em;display:block;background:url(img/wheel.svg) center center / 100% auto no-repeat;
-webkit-animation:2s linear 0s infinite box;animation:2s linear 0s infinite box; }
@-webkit-keyframes box { 0% { transform:rotate(0); } 100% { transform:rotate(720); } }
        @keyframes box { 0% { transform:rotate(0); } 100% { transform:rotate(720); } }

a.nl0,
a.nl {margin:0 2em 0 0;cursor:pointer;text-decoration:underline;text-decoration-skip-ink:none;text-decoration-style:dashed;text-decoration-color:#0002;text-underline-offset:0.3em;font-size:0.95em;}
a.nl::after {content:'';position:relative;display:inline-block;font-size:0.5em;line-height:1em;width:2em;left:3.5em;margin:0.3em 0.3em 0.3em -2em;padding:0;height:1em;background:url("data:image/svg+xml,%0A%3Csvg width='15' height='8' viewBox='0 0 15 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.3536 4.35355C14.5488 4.15829 14.5488 3.84171 14.3536 3.64645L11.1716 0.464466C10.9763 0.269204 10.6597 0.269204 10.4645 0.464466C10.2692 0.659728 10.2692 0.976311 10.4645 1.17157L13.2929 4L10.4645 6.82843C10.2692 7.02369 10.2692 7.34027 10.4645 7.53553C10.6597 7.7308 10.9763 7.7308 11.1716 7.53553L14.3536 4.35355ZM0 4.5H14V3.5H0V4.5Z' fill='%23808895'/%3E%3C/svg%3E%0A") top left no-repeat;background-size:cover;}

::-webkit-scrollbar{background-color:rgba(0,0,0,0);width:14px;height:14px;border-radius:14px;}::-webkit-scrollbar-thumb{background-color:var(--sc);border-radius:14px;}
::-moz-scrollbar   {background-color:rgba(0,0,0,0);width:14px;height:14px;border-radius:14px;}::-moz-scrollbar-thumb   {background-color:var(--sc);border-radius:14px;}
::-ms-scrollbar    {background-color:rgba(0,0,0,0);width:14px;height:14px;border-radius:14px;}::-ms-scrollbar-thumb    {background-color:var(--sc);border-radius:14px;}

.justify { text-align:justify; }
.center {text-align:center;float:none!important;margin-left:auto;margin-right:auto;}
.left { text-align:left; }
.right { text-align:right; }
.middle { position:absolute;padding:0;margin:0 -50% 0 0;left:50%;transform:translateX(-50%); }

.close {position:absolute;right:3em;top:3em;width:1.5em;height:1.5em;cursor:pointer;font-size:0.8em;}
.close::before {content:'';position:absolute;left:-0.25em;top:0.75em;width:2em;height:2px;background-color:#000;transform:rotate(45deg);transform-origin:center center;}
.close::after {content:'';position:absolute;left:-0.25em;top:0.75em;width:2em;height:2px;background-color:#000;transform:rotate(-45deg);transform-origin:center center;}

ol {list-style-type:decimal; }
ol li {margin:1em 0 1em 1.2em;padding:0;list-style-type:decimal;}
ol li::marker {font-size:1.1em;font-weight:700;color:var(--hc);}
ul li {margin:0.5em 0 0 1.5em;padding:0;list-style-type:circle;}
ul li::marker {font-size:1em;font-weight:700;color:var(--hc);}
nav ul li { list-style-type:none;margin:0; }

table {font-size:0.9em;line-height:1.3em;position:relative;width:100%;}
table thead tr {background:var(--gc);border-radius:6px;overflow:hidden;}
table th {padding:0.75em;text-align:left;font-weight:700; }
table th:first-child { border-left:none; }
table th:last-child { border-right:none; }
table td {padding:0.75em;text-align:left;border:1px solid #0003; }
table td:first-child { border-left:none; }
table td:last-child { border-right:none; }
table tr:first-child td { border-top:none; }
table tr:last-child td { border-bottom:none; }

table thead tr td {color:#fff;font-size:0.75em;padding:1em;border-color:#fff;border-radius:6px;overflow:hidden;}

#win[view="no"],#modal[view="no"] { display:none; }

#win > .close,
#modal > .close { top:2em;right:2em;z-index:4; }

iframe {display:block;width:100%;min-height:20em;height:100%;border-radius:6px;overflow:hidden;}

input:focus { box-shadow:0 0 1em 2px #fff; }

#click {position:fixed;left:0;top:0;bottom:0;right:0;cursor:pointer;z-index:-1;}
#click[act="yes"] {z-index:1000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);}
[dash="yes"] #click { z-index:0;}

a {color:inherit;text-decoration:none;text-decoration-skip-ink:none;user-select:none!important;}
a.button {color:inherit;text-decoration:none;}
a.link { border-bottom:1px solid; }

button,.button {position:relative;width:fit-content;font-size:1em;line-height:1.3em;font-weight:600;color:#fff;text-align:center;border:0;border-radius:2em;padding:0.3em 1em;background-color:#b72730;cursor:pointer;margin:0.25em 0;}
button.left,.button.left { float:left; }
button.right,.button.right { float:right; }
button.center,.button.center {display:inline-block;float:none;margin-left:auto;margin-right:auto;}
button input[type="file"] {position: absolute!important;left:0;top:0;width:1px;height:1px;padding:0;margin: 0!important;opacity:0;border:none;cursor:pointer;}

#pagesave {position:fixed;bottom:2em;right:2em;width:3em;height:3em;border:0.5em solid var(--gc);background-color:#fffc;z-index:1000;border-radius:50%;cursor:pointer;-webkit-animation:pulse 3s infinite alternate ease-in-out;animation:pulse 3s infinite alternate ease-in-out; }

select,
textarea,
input {width:100%;background-color:#00000009;outline:none;border:0;padding:0.5em;border-radius:6px;border-top-left-radius:0;position:relative;box-shadow:inset 0 1px 3px 0 #0006;}
textarea {min-height:6em;display:block;width:100%;font-size:1em;line-height:1.25em;clear:both;padding:0.5em;}
textarea:-webkit-autofill,input:-webkit-autofill{-webkit-box-shadow:inset 0 0 0 50px #fff;-webkit-text-fill-color:#000;color:#000;}
textarea::placeholder,input::placeholder,textarea::-webkit-input-placeholder,input::-webkit-input-placeholder {text-indent:1px;font-size:1em;line-height:2em;transition:text-indent 0.7s ease,color 0.7s ease;color:#0006;}
textarea:focus,input:focus { background-color:#f6f6f6;color:#000;box-shadow:inset 0 1px 3px 0 #0006; }
textarea:focus::-webkit-input-placeholder  {text-indent:3em;color:#0002;white-space:nowrap; }
input:focus::-webkit-input-placeholder  {text-indent:3em;color:#0002;white-space:nowrap; }

label { position:relative;float:left;width:100%;margin:0.5em 0 0 0; }
select {appearance:auto;background:#ffe;}

#form { max-width:min(100%,30em);position:relative;left:50%;margin:0 -50% 0 0;transform:translateX(-50%); }

p { font-size:1em;line-height:1.5em;width:100%;padding:0 0 0.5em 0;color:var(--hc); }
h1 {font:400 2.8em/1.2em system-ui;color:#000;}
h1::focus-within { background-color:#0003}

[contenteditable]:focus {outline:5px dotted #0002;border-radius:6px;}

h2 {font:500 2em/1.2em system-ui;}
h3 {font:500 1.3em/1.2em system-ui;}
h4 {font:500 1.25em/1.2em system-ui;}

li > h3 + p { margin-top:0!important;}
h4 + p {margin-top:0.4em!important;}

li > p {padding-top:0!important;}

h2 + h3 { margin-top:0.8em!important;}
h3 + h2 { margin-top:0.8em!important;}
h3 + ul { margin-top:0.8em!important;}
h4 + ul { margin-top:0.8em!important;}
ul + h3 { margin-top:1.6em!important;}
ul + h4 { margin-top:1em!important;}


ul { margin-bottom:1em;}
[contents="yes"] ul li { cursor:pointer; }

.btop { border-top:1px solid #ccc; }
.bbot { border-bottom:1px solid #ccc; }

.txt0 h2 { margin-bottom:0;}
.txt0 h3 { margin-bottom:0; }
.txt2 h3 {font:500 1.33em/1.2em system-ui;color:var(--hc);letter-spacing:-0.05em;}

.tblue { color:#0092de; }
.tsky { color:#73d9f4; }
.tblack { color:#000; }
.twhite { color:#fff; }

.brd {position:relative;display:inline-block;background-color:#fff;width:fit-content;border:1px solid var(--gc);padding:1em;text-align:center;margin:1em 1em 1em 0;border-radius:6px;}
.brd::after {content:'';position:absolute;right:-2em;bottom:3em;font-size:0.5em;line-height:1em;width:2em;padding:0;height:1em;background:url("data:image/svg+xml,%0A%3Csvg width='15' height='8' viewBox='0 0 15 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.3536 4.35355C14.5488 4.15829 14.5488 3.84171 14.3536 3.64645L11.1716 0.464466C10.9763 0.269204 10.6597 0.269204 10.4645 0.464466C10.2692 0.659728 10.2692 0.976311 10.4645 1.17157L13.2929 4L10.4645 6.82843C10.2692 7.02369 10.2692 7.34027 10.4645 7.53553C10.6597 7.7308 10.9763 7.7308 11.1716 7.53553L14.3536 4.35355ZM0 4.5H14V3.5H0V4.5Z' fill='%23ec6c29'/%3E%3C/svg%3E%0A") top left no-repeat;background-size:cover;}
.brd.end::after { content:none!important; }

.table {border-collapse:collapse;width:100%;margin-bottom:1em;}
.table td { border-collapse:collapse;border:0.01em solid #000;padding:0.5em;border-radius:0.5em;}

blockquote { margin-left:2em; }

#contextmenu {position:absolute;width:4.6em;margin-left:-5em;background-color:var(--bc);padding:0.1em;border-radius: 1em;font-size:0.9em;z-index:10;}
#contextmenu a {position:relative;float:left;text-decoration:none;padding:0;margin:0.1em;width: 1.9em;height: 2em;line-height:2em;border-radius:1em;font-size:1em;text-align:center;display:block;background:#fff;color:#000;cursor:pointer;}
#contextmenu a[alert="yes"],
#contextmenu a[alert="no"] {background-color: #00c000!important;color: #fff!important;width: 100%;margin:0;border-bottom-left-radius:0;border-bottom-right-radius:0;}
#contextmenu a[alert="yes"] {background-color: #ff0000!important;}
#contextmenu div {position:relative;font-size:0.75em;font-weight:600;margin:0 0 0.5em 0;padding:0;float:left;width:100%;overflow:hidden;border-radius:1em;display:block;background:#fff;color:#000;text-align:center;border-top-left-radius:0;border-top-right-radius:0;}

.menu-block {position:relative;width:fit-content;font-size:1em;line-height:1.3em;margin:0 0 0.5em 0;padding:0;}
.menu-block[val="no"] {width:6.1em;}
.menu-block .menu-name {position:relative;font-size:0.8em;width:100%;height:1.5em;padding:0 0 0 1.3em;color:#fff;cursor:pointer;}
.menu-block .menu-value {position:relative;float:left;width:100%;height:2.4em;padding:0.5em 3em 0.5em 1em;background-color:#c0e0c0;border-radius:1.5em;overflow:hidden;color:#000;cursor:pointer;white-space:nowrap;}
.menu-block[val="yes"] .menu-value { background-color:#fff; }
.menu-block[val="no"] .menu-value span {color:#0006; }
.menu-block .menu-del {position:relative;float:left;width:2.4em;height:2.4em;margin:0 0 0 -2.4em;border-radius:1.5em;padding:0.4em;cursor:pointer;background-color:#c0e0c0;}
.menu-block .menu-del svg { fill:#0009; }
.menu-block .menu-list {position:absolute;width:fit-content;height:0;font-size:0.9em;padding:0 1em;margin:2.7em 0 0 0;background-color:#fff;border-radius:1.5em;overflow:hidden;color:#000;transition:height 0.5s ease-out;z-index:2;}
.menu-block .menu-list .grp {position:relative;fit-content;height:2em;padding:0.3em 1em;font-weight:700;background-color:var(--gc);color:#fff;margin:0 -1em;white-space:nowrap;overflow:hidden;}
.menu-block .menu-list .prf {position:relative;fit-content;height:2em;padding:0.3em 1em;font-weight:400;margin:0 -1em;cursor:pointer;white-space:nowrap;overflow:hidden;}
.menu-block[act="yes"] .menu-list {height:12em;overflow-y:auto;}
.menu-block[act="yes"][oo="yes"] .menu-list {height:4em;overflow-y:auto;}
.menu-block[act="yes"] .menu-list li.prf:hover { background-color:#0001; }
.menu-block[act="yes"] .menu-list li[act="yes"]{background-color:#c0e0c0;}
.menu-block[oo="yes"] {width:5.2em;cursor:pointer;}
.menu-block[oo="yes"]::before { content:'';position:absolute;left:0;bottom:0;width:5.2em;height:2.4em;border-radius:1.5em;background-color:#c0e0c0; }
.menu-block[val="yes"][oo="yes"]::before { background-color:#fff; }
.menu-block[oo="yes"] .menu-value {position:absolute;float:none;left:0.3em;bottom:0.2em;width:2em;height:2em;border-radius:1em;background-color:#0000;color:var(--gc);z-index:1;padding:0;margin:0;transition:left 0.5s ease;box-shadow:inset 0 0 0 2px var(--gc);}
.menu-block[val="yes"][oo="yes"] .menu-value {left:3em;background-color:var(--gc);}
.menu-block[oo="yes"] .menu-list { display:none; }
.menu-send {margin:1.1em 0 0.5em 0;padding:0.5em 1em;}


main {width:100%;float:left;position:relative;display:block;overflow:hidden;}
.content {position:relative;width:100%;height:fit-content;}
section {position:relative;width:116em;margin:0 calc(50vw - 58em);padding:5em 0;display:flex;justify-content:space-between;flex-wrap:wrap;flex-direction:column;justify-content:space-between;align-content:center;align-items:stretch;}
article {position:relative;width:min(63em,100vw);display:flex;margin:0 auto;padding:0;grid-gap:2em;justify-content:space-between;line-height:1.5em;}

header {color:#000;position:sticky;top:0;width:100%;z-index: 20;overflow:hidden;background-color:#fff;}
header .content {width:100%;position:relative;display:flex;justify-content:center;align-items:center;}
header section {height:4em;width:100%;margin:0;padding:1em 0;overflow:hidden;}
header .logo {position:relative;font-size:0.9em;cursor:pointer;}
header .logo img {height:2em;margin:0.33em 0;}
header .menu {position:absolute;right:2em;top:0.5em;width:1.5em;height:1.5em;cursor:pointer;}
header .menu { right:-100em; }

header nav {position:relative;top:0.25em;width:calc(100% - 12em);}
header nav ul {width:100%;display:flex;justify-content:space-between;}
header nav li {color:#231815;width:fit-content;padding:0;float:left;cursor:pointer;font-weight:400;font-size:1em;}
header nav li img {height:0.75em;}

.black {background:#000!important; }
.white {background:#fff!important; }
.blue { background-color:var(--bc)!important; }
.orange { background-color:var(--gc)!important; }
.gray {background-color:#ccc!important; }

.txt0 { width:100%;padding:0;flex:1; }
.txt {padding:0;flex:1;width:100%;position:relative;}
.txt2 { flex:1;padding:3em 3em;margin:0;background:var(--bc);position:relative;overflow:hidden;}
.txt2 h2 { margin-top:0!important; }
.txt2 .contents { font-size:0.9em; }
.img img {width:100%;vertical-align:middle;}
article > img { max-width:100%; }
.notop { padding-top:0!important; }
.nobot,.nobottom { padding-bottom:0!important; }

.btn {position:relative;display:block;float:right;width:auto;height:min-content;top:1em;margin-top:0;margin-bottom:1em;padding:0.8em 1em;background-color:#b72730;);border-radius:2em;overflow:hidden;cursor:pointer;text-align:center;color:#fff;font-weight:400;font-size:1.2em;line-height:1em;letter-spacing:0.05em;background-blend-mode:color;user-select:none!important;}
.btn.long {width:100%;white-space:nowrap;font-size:1.5em;padding:0.8em 1em;font-weight:600;text-shadow:0 0.5px 0 #000;margin-left:auto;margin-right:auto;float:none;}
.btn.max { width:100%; }
.btn.order {position:sticky;font-size:1em;top:6em;left:calc((100vw - 80em)/2 + 67em);float:none;z-index:1000;width:8em;margin:13em 5em -15.2em 0;user-select:none!important;}
.btn.left { float:left; }
.btn2.order { -webkit-animation:pulse 3s infinite alternate ease-in-out;animation:pulse 3s infinite alternate ease-in-out; }
.btn2.order:hover { -webkit-animation:pulse 3s infinite alternate ease-in-out;animation:pulse 3s infinite alternate ease-in-out; }
@-webkit-keyframes pulse { 10%,90% { box-shadow:0 0 0 0.2em #fffc;} 0%,100% { box-shadow:0 0 0 5em #fff0;} }
        @keyframes pulse { 10%,90% { box-shadow:0 0 0 0.2em #fffc;} 0%,100% { box-shadow:0 0 0 5em #fff0;} }

#getfile { position:relative;width:100%;margin:0 0 0.5em 0;overflow:hidden;}
#getfile button { font-size:0.8em;}
#filename { margin:1em 0 0 1em;float:left;width:17em;line-height:1.2em; }

.fleft { justify-content:normal!important;display:flex; }
.fright { justify-content:right!important;display:flex; }
.fcenter {justify-content:center!important;align-items:center;display:flex;}
.ffull {justify-content:space-between!important;display:flex;}

.wrap {display:flex;flex-wrap:wrap;flex-direction:column;justify-content:space-between;align-content:center;align-items:stretch;}
.nowrap {display:flex;flex-wrap:nowrap!important;flex-direction:row;}
.noborder, .noborder::before, .noborder::after {border:none!important;}

.col  {position:relative;display:inline-block;width:calc(33.333%);margin:0 0 1em 0;padding:0;vertical-align:top;overflow:hidden;}
.col1 {position:relative;display:inline-block;width:calc(25%);margin:0 0 1em 0;padding:0;vertical-align:top;overflow:hidden;}
.col2 {position:relative;display:inline-block;width:calc(50%);margin:0.5em 0;padding:0;vertical-align:top;}
.col3 {position:relative;display:inline-block;width:calc(66.666%);margin:0 0 1em 0;padding:0;vertical-align:top;}
.col4 {position:relative;display:inline-block;width:100%;margin:0 0 1em 0;padding:0;vertical-align:top;}
.col5 {position:relative;display:inline-block;width:50%;margin:0;padding:0;vertical-align:top;}

section > .col:nth-child(3n) { padding:0; }
section > .col2:nth-child(2n) { padding:0; }

footer { position:relative;width:100%;float:left;overflow:hidden;}
footer .content {width:100%;position:relative;}
footer .logo {position:relative;font-size:0.8em;line-height:1em;letter-spacing:0.05em;cursor:pointer;font-weight:600;margin-bottom:0;}
footer .logo img {width:10em;font-size:1.5em;margin:0 0 1em 0;}
footer .soc { position:relative;font-size:1em;margin:0 0 1em 0; }
footer .soc a svg {height: 1.75em;position:relative;display:inline-block;width: 2em;margin-right:0.35em;}
footer .txt { padding-top:5em; }
footer .btn {position:relative;float:left;margin:0;bottom:0;top:auto;white-space:nowrap;}

#msg {position:fixed;opacity:1;right:-50em;top:calc(50vh - 3.5em);width:30em;margin:0;background-color:rgba(250,250,250,1);box-shadow:0 0 0 1px #fff, 0 0 1em 0 #fff, 0 0 5em 0 #fff;padding:0;font-weight:400;font-size:1em;line-height:1.25em;padding:3em;border-radius:0;color:#000;text-align:center;z-index:500000000;}
#msg { -webkit-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out;}
#msg[view="yes"] {
-webkit-animation:msg 3s 1 alternate ease-in-out;
   -moz-animation:msg 3s 1 alternate ease-in-out;
     -o-animation:msg 3s 1 alternate ease-in-out;
        animation:msg 3s 1 alternate ease-in-out;
}
@-webkit-keyframes msg { 5%,95% { opacity:1;right:calc(50vw - 15em);} 0%,100% { opacity:0;right:-150vw;} }
   @-moz-keyframes msg { 5%,95% { opacity:1;right:calc(50vw - 15em);} 0%,100% { opacity:0;right:-150vw;} }
     @-o-keyframes msg { 5%,95% { opacity:1;right:calc(50vw - 15em);} 0%,100% { opacity:0;right:-150vw;} }
        @keyframes msg { 5%,95% { opacity:1;right:calc(50vw - 15em);} 0%,100% { opacity:0;right:-150vw;} }

.form h3 {font-weight:400;font-size:1.5em;margin-bottom:0.75em;text-align:left;}
.form .n {font-size:1em;line-height:1.25em;position:relative;float:left;width:7em;clear:left;margin:0.6em 1em 0.6em 0;}
.form input, .form textarea {position:relative;float:right;width:calc(100% - 9em);margin:0 0 1em 0;clear:none;overflow-x:hidden;}
.form textarea {min-width:15em;margin:0.5em 0;}

#card {position:relative;width:100%;float:left;clear:both;margin:0 0 1em 0;}
ul.choise {text-align:left;margin:0;font-weight:400;}
ul.choise li {box-shadow:none!important;padding:0.4em 0 0 2.5em;border-radius:2em;margin:0.5em 0;width:100%;display:inline-block;border:none;position:relative;float:right;min-height:2.4em;}
ul.choise li::before {content:"\2713";position:absolute;left:-0.2em;top:-0.2em;font-size:3.4em;color:var(--gc);font-weight:600;width:1em;height:1em;line-height:1em;text-align:center;text-shadow:2px 1px 0 var(--gc);}
ul.choise li[act="yes"] {background-color:#00000009;font-weight:700;border-radius:1em;cursor:default;}
ul.choise li[act="yes"] b { font-weight:700; }
ul.choise li[act="yes"]::before {left:0.6em;top:0.35em;font-size:1.4em;background-color:#fff;border:none;box-shadow:inset 0px -0.15em 0.2em -0.1em #fff, inset 0px -0.5em 1em -0.5em rgb(0 0 0 / 40%), 0 0 0.2em 0 #0009;}
ul.choise li[hid="yes"] { opacity:0.5; }
ul.choise li h3 {font-size:1.3em;line-height:1.3em;font-weight:700;margin-bottom:0.5em;}
ul.choise li p {font-size:1em;line-height:1.3em;font-weight:400;}

dt {color:var(--gc);white-space:nowrap;float:left;}
.dt {position:relative;float:left;width:4em;margin-top:10.5em;}
.dt p { font-size:0.75em;line-height:1.25em;margin:0;color:var(--gc); }

.form {position:relative;float:left;width:100%;margin-top:8em;margin-bottom:2em;clear:both;}
.form ul.choise {float:right;width:calc(100% - 9em);}
.form ul.choise li { width:auto;display:inline-block;clear:none;float:none;}
.form,.form div,.form h2,.form h3 { clear:both; }
.formd {margin:0.5em 0 1em 0;position:relative;float:left;width:100%;}

.card {position:relative;float:right;width:23em;height:13em;list-style-type:none;margin:19em 0 6em 0;padding:2em;background-color:#fff;box-shadow:0 0.25em 1em -0.25em #0006;overflow:hidden;}
.card .txt .d {font-size:0.75em;line-height:1.4em;margin:0.5em 0 0 0;}
.card .txt .n {font-size: 1em;line-height:1.4em;margin: 1em 0 0 0;height:5.8em;overflow:hidden;display:-webkit-box;-webkit-line-clamp: 4;-webkit-box-orient:vertical;}
.card .img {display:none;}

ul.cards {position:relative;width:100%;padding:0;margin:0;display:flex;grid-gap:2em;overflow-x:auto;overflow-y:hidden;text-align:left;justify-content: flex-start;}
ul.cards li {position:relative;width:fit-content;min-width:18em;height:25em;list-style-type:none;margin:0 0 1em 0;padding:1em;background-color:#fff;box-shadow:0 0.25em 1em -0.25em #0006;overflow:hidden;}
ul.cards li .img {margin:0 0 0.75em 0;position:relative;overflow:hidden;}
ul.cards li .img img {width:100%;height:15em;vertical-align:bottom;object-fit:cover;transform:scale(1);transform-origin:center;}
ul.cards li .o {position:absolute;top:0;margin:0 0 0 -1em;text-align:center;width:4em;height:2em;background:url(img/hit.svg) left top / 100% auto no-repeat;font-size:1.5em;line-height:2em;font-weight:600;color:#fff;}
ul.cards li .txt .d {font-size:0.75em;line-height:1.4em;}
ul.cards li .txt .n {font-size: 1em;line-height:1.4em;margin-top:0.25em;height: 5.8em;overflow:hidden;}
ul.cards li .txt .t {font-size:1em;line-height:1.4em;margin-top:6em;height:10em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:7;-webkit-box-orient:vertical;}
ul.cards li * { transition:all 0.5s ease-out; }
ul.cards li:hover .img img {transform:scale(2);height:12em;}
ul.cards li:hover .txt .d { margin-top:20em;}
ul.cards li:hover .txt .t { margin-top:-21.4em; }

ul.cards2 {padding:0;margin:10em 0 2em 0;font-size:0.8em;}

ul.cards3 {margin-top:-2em; }
ul.cards3 li {height:34em;padding:0;box-shadow:none;position:relative;}
ul.cards3 li .img {margin:0;height:17em;padding:1em;position:relative;overflow:hidden;background-color:var(--bc);}
ul.cards3 li .img img {width:100%;height:15em;vertical-align:bottom;object-fit:cover;transform:scale(1);transform-origin:center;}
ul.cards3 li .g {position:relative;margin:0 0 -6em 0;padding:1em;text-align:left;width:100%;height:12em;background:url(img/topic.svg) left 4.5em / 100% auto no-repeat;font-size:1.2em;z-index:1;}
ul.cards3 li .txt {position:relative;margin:0;padding:0 1em 1em 1em;background-color:var(--bc);}
ul.cards3 li .txt .d {font-size:0.75em;line-height:1.4em;}
ul.cards3 li .txt .n {font-size:1em;line-height:1.4em;margin-top:0.25em;height:3em;overflow:hidden;}
ul.cards3 li .txt .t {font-size:0.9em;line-height:1.4em;margin-top:6em;height:10em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:7;-webkit-box-orient:vertical;}
ul.cards3 li:hover .img {height:12em;}
ul.cards3 li:hover .img img {transform:scale(2);height:10em;}
ul.cards3 li:hover .txt .t { margin-top:-20.5em; }
ul.cards3 li .btn {position:absolute;float:none;bottom:2em;right:auto;top:auto;left:50%;margin:0 -50% 0 0;transform:translateX(-50%);font-size:0.9em;background-color:#fff;color:#000;white-space:nowrap;}
ul.cards3 li:hover .btn { background-color:var(--bc); }

ul.cards5 {position:relative;width:100%;padding:2.6em 2.5em;margin:0;display:flex;grid-gap:1em;overflow:hidden;text-align:left;flex-direction:column;flex-wrap:nowrap;}
ul.cards5 li {position:relative;width:100%;min-width:auto;height:7em;list-style-type:none;margin:0;padding:0;background-color:#fff;box-shadow:none;overflow:hidden;}
ul.cards5 li .img {margin:0;width:min-content;position:relative;float:left;overflow:hidden;}
ul.cards5 li .img img {width:9em;height:7em;vertical-align:bottom;object-fit:cover;transform:scale(1);transform-origin:center center;}
ul.cards5 li .o {position:absolute;top:0;margin:0 0 0 -1em;text-align:center;width:4em;height:2em;background:url(img/hit.svg) left top / 100% auto no-repeat;font-size:1.5em;line-height:2em;font-weight:600;color:#fff;}
ul.cards5 li .txt .d {font-size:0.75em;line-height:1.4em;color:#0009;}
ul.cards5 li .txt .n {font-size: 0.9em;line-height:1.4em;margin-top:0.25em;height: 5.8em;overflow:hidden;}
ul.cards5 li .txt .t {font-size:0.75em;line-height:1.4em;margin-top:6em;height:8.5em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;}
ul.cards5 li .img img,
ul.cards5 li .txt .d,
ul.cards5 li .txt .t { transition:all 0.5s ease-out; }
ul.cards5 li:hover .img img {transform:scale(1.5) translate(-5%,-15%);height:12em;}
ul.cards5 li:hover .txt .d { margin-top:20em;}
ul.cards5 li:hover .txt .t { margin-top:-29em; }

ul.cards6 li {position:relative;height:30em;padding:0;box-shadow:none;}
ul.cards6 li .img {margin:0;height:17em;padding:1em;position:relative;overflow:hidden;background-color:var(--bc);}
ul.cards6 li .img img {width:100%;height:15em;vertical-align:bottom;object-fit:cover;transform:scale(1);transform-origin:center;}
ul.cards6 li .g {position:relative;margin:0;padding:0 1em;text-align:center;width:100%;height:4em;background-color:var(--gc);color:#fff;font-size:1em;z-index:1;align-content:center;}
ul.cards6 li .txt {position:relative;margin:0;padding:0 1em 1em 1em;background-color:var(--bc);}
ul.cards6 li .txt .d {font-size:0.75em;line-height:1.4em;}
ul.cards6 li .txt .n {font-size:1em;line-height:1.4em;margin-top:0.25em;height:3em;overflow:hidden;}
ul.cards6 li .txt .t {font-size:0.9em;line-height:1.4em;margin-top:6em;height:10em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:7;-webkit-box-orient:vertical;}
ul.cards6 li:hover .img {height:11em;}
ul.cards6 li:hover .img img {transform:scale(2);height:9em;}
ul.cards6 li:hover .txt .t { margin-top:-20.5em; }
ul.cards6 li .btn {position:absolute;float:none;bottom:2em;right:auto;top:auto;left:50%;margin:0 -50% 0 0;transform:translateX(-50%);font-size:0.9em;background-color:#fff;color:#000;white-space:nowrap;}
ul.cards6 li:hover .btn { background-color:var(--bc); }


ul.cards11 {position:relative;width:100%;padding:0;margin:0;display:flex;grid-gap:2em;overflow-x:auto;overflow-y:hidden;text-align:left;flex-wrap:wrap;flex-direction:row;}
ul.cards11 li {width:calc(100%/3 - 1.4em);min-width:auto;height:25em;list-style-type:none;margin:0 0 1em 0;padding:1em;background-color:var(--bc);box-shadow:none;overflow:hidden;}
ul.cards11 li .img {margin:0 0 0.75em 0;position:relative;overflow:hidden;}
ul.cards11 li .img img {width:100%;height:15em;vertical-align:bottom;object-fit:cover;transform:scale(1);transform-origin:center;}
ul.cards11 li .txt .d {font-size:0.75em;line-height:1.4em;}
ul.cards11 li .txt .n {font-size: 1em;line-height:1.4em;margin-top:0.25em;height: 5.8em;overflow:hidden;}
ul.cards11 li .txt .t {font-size:1em;line-height:1.4em;margin-top:6em;height:10em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:7;-webkit-box-orient:vertical;}
ul.cards11 li .img img,
ul.cards11 li .txt .d,
ul.cards11 li .txt .t { transition:all 0.5s ease-out; }
ul.cards11 li:hover .img img {transform:scale(2);height:12em;}
ul.cards11 li:hover .txt .d { margin-top:20em;}
ul.cards11 li:hover .txt .t { margin-top:-21em; }

.b13s ul.cards6 {flex-direction:row;flex-wrap:wrap;}
.b13s ul.cards6 li {width:calc(100%/3 - 1.4em);min-width:19em;position:relative;}

.b1-bgr {position:absolute;left:50%;top:0;margin:0 -50% 0 0;transform:translateX(-50%);width:100%;height:100%;display:block;background:url(img/1.jpg) center top / 100% auto no-repeat;}
.l1-bgr {position:absolute;left:50%;top:-1em;margin:0 -50% 0 0;transform:translateX(-50%);width:100%;height:100%;display:block;background:url(img/l1.svg) center top / 100% auto no-repeat;}

.b2-bgr {position:absolute;left:50%;top:4em;margin:0 -50% 0 0;transform:translateX(-50%);width:100%;height:44em;display:block;background:url(img/2.jpg) center top / 100% auto no-repeat;}
.l2-bgr {position:absolute;left:50%;top:0;margin:0 -50% 0 0;transform:translateX(-50%);width:100%;height:calc(100% + 10em);display:block;background:url(img/l2.svg) center top / 100% auto no-repeat;}

.b12-bgr {position:absolute;left:50%;top:4em;margin:0 -50% 0 0;transform:translateX(-50%);width:100%;height:38em;display:block;background:url(img/bgr.jpg) center top / 100% auto no-repeat;}
.l12-bgr {position:absolute;left:50%;top:0;margin:0 -50% 0 0;transform:translateX(-50%);width:100%;height:calc(100% + 10em);display:block;background:url(img/l2.svg) center top / 100% auto no-repeat;}

.b3-bgr {position:absolute;left:50%;top:4em;margin:0 -50% 0 0;transform:translateX(-50%);width:100%;height: calc(100% - 8em);display:block;background:url(img/bgr.jpg) center top / 100% auto no-repeat;}
.l3-bgr {position:absolute;left:50%;top:0;margin:0 -50% 0 0;transform:translateX(-50%);width:100%;height:100%;display:block;background:url(img/l4.svg) center top / 100% auto no-repeat;}
footer .b3-bgr { height:100%; }
.b7-bgr {position:absolute;left:50%;top:4em;margin:0 -50% 0 0;transform:translateX(-50%);width:100%;height: 38em;display:block;background: url(img/3.jpg) center center / 100% auto no-repeat;}
.l7-bgr {position:absolute;left:50%;top:0;margin:0 -50% 0 0;transform:translateX(-50%);width:100%;height:calc(100% + 10em);display:block;background:url(img/l3.svg) center top / 100% auto no-repeat;}

.l5-bgr {position:absolute;left:50%;top:0;margin:0 -50% 0 0;transform:translateX(-50%);width:100%;height:100%;display:block;background:url(img/l5.svg) center top / 100% auto no-repeat;}

.b10s .txt {padding:10em 0 0 0;}
.b10-bgr {position:absolute;left:50%;top:0;margin:0 -50% 0 0;transform:translateX(-50%);width:100%;height:9em;display:block;background:url(img/5.jpg) center center / 100% auto no-repeat;}
.l10-bgr {position:absolute;left:50%;top:0;margin:0 -50% 0 0;transform:translateX(-50%);width:100%;height:13em;display:block;background:url(img/l11.svg) center bottom / 100% auto no-repeat;}

.b1s article > .txt { padding:23em 0 0 0; }
.b2s article > .txt { display:flex; }
.b2s h1 { min-width:7em;margin-bottom:0.5em; }

.b12s .txt { padding:5em 0; }
.b12s { margin-top:0;margin-bottom:-4em;z-index:2; }
.b8s  { padding-bottom:0;margin-top:2em;z-index: 1; }
.b11s { margin-top:3em;z-index:3; }
.b11p { position:absolute;right:0;top:-6em;width:40em; }
.b13s { margin-top:-3em; }

.b3s,.b6s,
.b5s {margin-top:3em;margin-bottom:2em;z-index:2;}
.b12s h2,
.b5s h2,
.b6s h2,
.b8s h2,
.b11s h1,
.b11s h2,
.b3s h2 {position:absolute;left:0;top:-3em;color:#000;font:500 2em/1.2em system-ui;}

.b14s .w14,
.b13s .w13,
.b12s .w12,
.b5s .w3,
.b6s .w6,
.b8s .w8,
.b11s .w11,
.b3s .w2 {position:absolute;left:9em;top:-7.6em;width:16em;height:16em;background:url(img/wheel.svg) center center / 100% auto no-repeat;
-webkit-animation:5s cubic-bezier(0.38, 0.12, 0.64, 0.91) 0s infinite wheel;
        animation:5s cubic-bezier(0.38, 0.12, 0.64, 0.91) 0s infinite wheel; }
@-webkit-keyframes wheel { 0% { transform:translateX(-20em) rotate(0deg); } 40% { transform:translateX(10em) rotate(180deg); } 70% { transform:translateX(12em) rotate(210deg); } 100% { transform:translateX(100em) rotate(1440deg); } }
        @keyframes wheel { 0% { transform:translateX(-20em) rotate(0deg); } 40% { transform:translateX(10em) rotate(180deg); } 70% { transform:translateX(12em) rotate(210deg); } 100% { transform:translateX(100em) rotate(1440deg); } }
.b13s .w13 { top:-1.8em; }
.b14s .w14 { top:-4em; }

.b7s { z-index:1;}
.b4s {margin-top:3em;margin-bottom:3em;}
.b7s h2,
.b4s h2 {position:absolute;top:-3em;right:0;z-index:1;}
.b7s .w7,
.b4s .w4 {position:absolute;left:9em;top:-7.6em;width:16em;height:16em;background:url(img/wheel.svg) center center / 100% auto no-repeat;-webkit-animation:5s cubic-bezier(0.38, 0.12, 0.64, 0.91) 0s infinite wheel2;animation:5s cubic-bezier(0.38, 0.12, 0.64, 0.91) 0s infinite wheel2;z-index:0;}
@-webkit-keyframes wheel2 { 0% { transform:translateX(100em) rotate(0deg); } 40% { transform:translateX(65em) rotate(-180deg); } 70% { transform:translateX(63em) rotate(-210deg); } 100% { transform:translateX(-20em) rotate(-1440deg); } }
        @keyframes wheel2 { 0% { transform:translateX(100em) rotate(0deg); } 40% { transform:translateX(65em) rotate(-180deg); } 70% { transform:translateX(63em) rotate(-210deg); } 100% { transform:translateX(-20em) rotate(-1440deg); } }
.b4s .w4 { z-index:1;}

.b111p {position:relative;margin:0 0 3em 0;background-color:var(--bc);padding:3em;}

.b11n { position:relative;height:3em;float:left;margin-bottom:1em; }
ul.nums {position:relative;width:100%;padding:0;margin:0;display:flex;grid-gap:0.5em;overflow-x:auto;overflow-y:hidden;text-align:left;flex-wrap:wrap;flex-direction:row;}
ul.nums li {width:3em;height:3em;list-style-type:none;margin:0 0 1em 0;padding:0.5em;background-color:var(--bc);border-radius:2em;box-shadow:none;overflow:hidden;text-align:center;}
ul.nums li .n {font-size:1.2em;line-height:1.7em;overflow:hidden; }
ul.nums li[act=yes]{background-color:var(--gc);color:#fff;}

.b11f {display: none;position:relative;width:min(100%,20em);height:3em;background-color:var(--bc);color:#000;float:right;margin-bottom:1em;border-radius:2em;overflow:hidden;}
.b11f #find-id {position:relative;width:100%;height:3em;padding:0.5em 3em 0.5em 1em;box-shadow:none;background:none;}
.b11f .find-ic {background-color:var(--bc);position:relative;float:right;width:3em;height:3em;margin:0 0 0 -3em;border-radius:1.5em;cursor:pointer;}
.b11f .find-ic svg {fill:#000;height:1.5em;width:1.5em;margin:0.75em;cursor:pointer;}

.b11b {position:relative;background-color:var(--bc);color:#000;float:right;font-size:1.2em;right:0;bottom:0;top:auto;margin:0 0 0 0;}

.b13p {position:relative;margin:2em 0 4em 0;}

ul.topic {position:relative;width:100%;padding:0;margin:0;display:flex;grid-gap:4em;text-align:left;flex-direction:column;}
ul.topic li {width:100%;list-style-type:none;margin:0;background-color:var(--bc);}
ul.topic li .g {position:relative;margin:-1em 0 -6em 0;padding:1em;text-align:left;width:100%;height:7em;background:url(img/topic2.svg) left top / 100% auto no-repeat;font-size:1.2em;z-index: 0;}
ul.topic2 li .g {position:relative;margin: -1em 0 -1em 0;padding:1em;text-align:left;width:100%;height: 2em;background:url(img/topic2.svg) calc(50% - 3em) top / 120% auto no-repeat;font-size:1.2em;z-index:1;}
ul.topic li .topic_info {position:relative;float:left;width:calc(100% - 24em);margin:0;padding:3em 0 3em 3em;}
ul.topic li .topic_info .n {font-size:2em;line-height:1em;overflow:hidden;}
ul.topic li .topic_info .t {font-size:1em;line-height:1.4em;margin:2em 0 1.5em 0;overflow:hidden;}
ul.topic li .topic_info .btn {position:relative;float:left;margin:0;font-size:1.1em;background-color:#fff;color:#000;white-space:nowrap;}
ul.topic li .card_info {position:relative;float:right;width:18em;margin:3em;}
ul.topic li .txt .d {font-size:0.75em;line-height:1.4em;margin-top: 1em;}
ul.topic li .txt .n {font-size:1em;line-height:1.4em;margin:0.25em 0;overflow:hidden;}


.b5s .block {position:relative;margin:5em 0 10em 0;display:flex;flex-direction:row;flex-wrap:nowrap;grid-gap:2em;}
.b5s .block .txt { background-color:#fff;}
.b5s .block .txt li .txt {width:calc(100% - 10em);margin:0 0 0 1em;position:relative;float:right;flex:none;}
.b5s .block .txt h3 { margin:-2em 0 0 0;text-align:right; }

.b2txt {display:flex;position:relative;}
.b2h {min-width:7em;margin-bottom:0.5em;}
.b2t {width:100%;border-left:1px solid #000;padding-left:5em;font-size:1.2em;}
.b2b {position:absolute;float:none;left: 0;bottom:0;top:auto;margin:0;}

.block .txt .btn,.b5b,.b1b,.b4b,
.b6b,
.b3b {position:relative;float:none;bottom:auto;top:auto;margin:0 auto 2em auto;font-size:1.2em;background-color:var(--bc);color:#000;}
.block .txt .btn {margin:1.2em auto -4em auto;background-color: var(--gc);font-size:1.1em;color: #fff;}
.b1b,.b5b { margin:1em auto;font-size:1.2em;}
.b5b,
.b4b { margin:1em auto 0 auto;background-color:var(--gc);color:#fff;font-size:1.2em;}
.b5b {margin:9em auto 0 auto;}
.b6b { position:absolute;top:-5.5em;right:0;}

.b12b { margin:0 auto 0 auto;background-color:var(--gc);color:#fff;font-size:1.1em;}

.regs {width:fit-content;z-index:1;margin:0;}
.regs .name {position:relative;width:100%;color:#0009;font-size:1em;padding:0 0 0.5em 0;font-weight:400;text-align:center;}
.regs .list { margin-bottom:1em; }

.map {width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;}
.map .city {position:relative;width:5em;padding:0.5em 0;margin:0.5em 0;text-align:center;background-color:var(--bc);border-radius:2em;overflow:hidden;cursor:pointer;transition:box-shadow 0.5s ease;}
.map .city:hover { box-shadow:0 0 0 0.5em #0001;transition:all 0.5s ease;background-color:#fff;}



.article { display:block; }

.article-main {position:relative;float:left;width:100%;}


.article h1 { font-size:2em;margin-bottom:1em; }
.article h2 { margin: 0 0 1.5em 0; }
.article h2 { margin: 0 0 1.5em 0; }

.article h3 { margin:1em 0!important; }
.article h3:first-child {margin-top: 0!important;}
.article-img {position:relative;width:100%;margin-bottom:3em;vertical-align:middle;text-align: center;}
.article-img img {max-width: 100%;min-width: 50%;max-height: 50em;}
.article-block {position:relative;width:100%;margin-bottom:3em;overflow:hidden;column-count:2;column-gap:3em;}
.article-table {position:relative;width:100%;margin-bottom:3em;overflow:hidden;column-count:1;column-gap:0;padding: 1em;box-shadow:inset 0 0 0 0.5em var(--bc);}
.article-table th { background-color:var(--bc); }
.article ol,.article ul { margin-left:1.5em;}

.article-qa u,
.article-table u,
.article-block u { text-decoration:underline;text-underline-offset:5px; }
.article-qa a:not(button)[href],
.article-quote a:not(button)[href],
.article-table a:not(button)[href],
.article-block a:not(button)[href] { text-decoration:underline;text-underline-offset:5px;color:var(--gc); }
.article-qa a:not(button)[name],
.article-quote a:not(button)[name],
.article-table a:not(button)[name],
.article-block a:not(button)[name] { box-shadow:inset 0 0 0 0.1em var(--sc);border-radius:1em;text-decoration:none; }
.article-qa a:not(button)[name]::before,
.article-quote a:not(button)[name]::before,
.article-table a:not(button)[name]::before,
.article-block a:not(button)[name]::before { content:'\f13d';font:900 0.66em/1em 'fas';color:var(--gc);position:absolute;margin:-0.75em 0 0 -0.5em;}

.article-block + h2 { padding-top:2em; }
.article-block + .article-block { padding-top:0em; }
.article-block + h2::before {content:'';position:absolute;left:0;width:100%;height:0.2em;margin-top:-2em;background-color:var(--bc);z-index:1;}
#article-resume {position:relative;padding:3em 6em;margin: 0 0 3em 0;background-color:var(--bc);overflow:hidden;}

.article-comment {position:relative;width:100%;padding:3em 6em;margin: 0 0 3em 0;background-color:var(--bc);overflow:hidden;border-radius:2em;}
.article-comment:after {content:"";font-size:3em;background-color:#fff;border-radius:50%;display:block;height:1em;width:1em;position:absolute;left:calc(50% - 0.5em);top:-0.5em;}
.article-comment:before {content:"";font-size:3em;background-color:#fff;border-radius:50%;display:block;height:1em;width:1em;position:absolute;left:calc(50% - 0.5em);bottom:-0.5em;}


.article-qa,
.article-quote {position:relative;width:100%;padding:3em 6em;margin: 0 0 3em 0;background-color:var(--bc);overflow:hidden;border-bottom-left-radius: 3em;}
.article-quote:before {content:"";font-size:3em;background-color:var(--gc);border-radius:50%;height:3.5em;width:3.75em;position:absolute;left:-2em;top:-2em;}

.article-quote:after {content:"";font-size:3em;background-color:#fff;border:solid 0.5em #0001;border-radius:50%;display:block;height:3em;width:2.5em;position:absolute;left:-1.5em;top:-1.5em;}
.article-qa { padding:1.5em 3em;margin-bottom:0.5em;box-shadow:inset 0 -8em 8em -5em #fff;border-top-right-radius: 3em; }
.article-qa .q { font-size:1.2em;font-weight:700;margin-bottom:0.5em;}
.article-qa .q:before { content:'?';display:inline-block;padding-right:0.5em;margin-left:-1em;color:var(--gc)}
.article-qa .a { font-size:1em;font-weight:400;}

.article-qa + h2 { margin-top:2em; }
.article-qa + div:not(.article-qa) { margin-top:3em; }

.article-top {position:relative;display:block;margin-top: -4em;margin-bottom:2em;overflow:hidden;}
.article-date { font-size:0.75em; }
.article-short {position:relative;float:left;width:calc(100% - 18em);padding-right:2em;}
.article-short p {display:inline-block;}

.article-rate {position:relative;float:right;width:17em;padding:3em;background-color:var(--bc);}
.article-rate .n {position:relative;float:left;width:100%;font-size:1.3em;margin-bottom:1.5em;}
.article-rate .s {position:relative;float:left;width:5em;font-size:1.6em;font-weight:700;color:var(--gc);white-space:nowrap;}
.article-rate .r {position:relative;float:right;width:1.5em;font-size:1.5em;font-weight:700;color:var(--gc);text-align:right;}
.article-rate .t {position:relative;float:left;width:100%;margin-top:1.5em;font-size:1em;}

.article-authors {position:relative;float:left;width:100%;display:flex;grid-gap:2em;margin:3em 0 2em 0;flex-wrap:wrap;justify-content:space-between;}
.author {position:relative;float:left;width:18.5em;background-color:var(--bc);padding:1em;}
.author .img {margin:0 1em 0.5em -1em;position:relative;float:left;width:8em;height:8em;overflow:hidden;border-top-right-radius:4em;border-bottom-right-radius:4em; }
.author .img img {width:100%;height:8em;vertical-align:bottom;object-fit:cover;transform:scale(1);transform-origin:center center;}
.author .g {position:relative;margin:-1.5em -1em -3em -1em;width:calc(100% + 1.8em);height:5em;background:url(img/topic2.svg) left top / 200% auto no-repeat;font-size:1.2em;z-index:1;}
.author .n {font-size:1em;line-height:1.4em;margin-top:0;}
.author .e {font-size:1em;line-height:1.4em;margin-top:0.25em;}
.author .c {font-size:1em;line-height:1.4em;margin-top:0.25em;}
.author .p {font-size:1em;line-height:1.4em;margin-top:0.25em;}
.author.empty {opacity: 0.25;filter:grayscale(1);display: none;}
.author.empty::before {content:'第二著者';font-size:2em;width: 4em;opacity:0.5;position:absolute;top:50%;left:50%;margin:0 50% 0 0;transform:translate(-50%,-50%);}

.article-tags {position:relative;float:left;width:100%;display:flex;grid-gap:0.5em;margin:0;flex-wrap:wrap;}
.tags-seo { margin:1em 0;font-size:0.7em; }
.tag {position:relative;float:left;width:auto;background-color:var(--bc);padding:0.5em 1em;border-radius:2em;}
a:first-child .tag { font-weight:700; }
.tag span {display: inline-block!important;font-size:0.8em;margin:0 -0.5em 0 0.5em;background-color:#fff;width: 2em;text-align:center;border-radius:1em;}

.article-contents {column-count:2;column-gap:3em;position:relative;float:left;width:100%;padding:3em;margin:0 0 3em 0;background-color:var(--bc);}
.article-contents h4 { margin-top:0!important; }
ul.contents {display:flex;flex-wrap:wrap;flex-direction:column;}
ul.contents li {cursor:pointer;text-decoration:underline;text-decoration-skip-ink:none;text-decoration-style:dashed;text-decoration-color:#0002;text-underline-offset:0.3em;user-select:none!important;overflow-wrap: anywhere;}
ul.contents li.l2 { margin-left:3em;}
ul.contents ol li { list-style:decimal; }


.info2 p { display:none; }
.info2 ul { display:none; }
.info2 p:nth-of-type(1) { display:block; }

.window {position:fixed;font-size:1em;line-height:1.3em;top:-50%;left:50%;width: min(100%,40em);height:min(100%,66em);margin:0;margin-right:-50%;transform:translate(-50%,-50%);z-index:1;transition:top 0.5s ease;border-radius:0.5em;padding:0;overflow:hidden;background:rgba(255,255,255,0.85);box-shadow:0 -1px 0 0 #fff, 0 0 0.4em -0.3em #000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);overscroll-behavior:contain;-ms-scroll-chaining:none;}
.window[all="yes"] {top:50%;}
.window[view="yes"] {top:50%!important;}
.window p .title { display:block;font-size:1.2em;margin:0.5em 0; }
.window p b {position:relative;display:block;margin:0.1em 0;font-size:0.75em;}
.window button {position:relative;display:block;width:fit-content;padding:0.5em 1em;margin:0.5em auto;}
.window span {clear:both;position:relative;display:block;}
.window ul {position:relative;display:block;margin:0;padding:0;}
.window ul li {width:calc(100% + 6em);float:left;list-style:none;position:relative;display:block;padding:0.5em 3em;margin:0 -3em 0 -3em;border-bottom:1px solid rgba(0,0,0,0.1);}
.window ul li:last-child { border-bottom:none; }
.window ul li[type] { overflow:hidden; }
.window ul li > div {position:relative;margin:0.5em 0;clear:both;float:left;width:100%;}
.window ul li > div > b {display:block;font-size:1em;font-weight:400;}
.window ul li .n {width:fit-content;margin:0 0 0.5em 1em;}
.window ul li .d {width:fit-content;font-size:0.9em;}
.window ul li .s {width:30%;float:left;clear:none;text-align:left;margin-left:1em;}
.window ul li .p {width:25%;float:left;clear:none;margin-left:1em;line-height:2em;}
.window h2 {position:relative;font-weight:700;font-size:1.5em;width:min(calc(100% - 2em),20em);margin:0 0 1em 0;padding:0;line-height:1.2em;letter-spacing:0;color:#000;text-shadow:0 -1px 0 #fff, 0 0 1em #fff;}
.window h3 {position:relative;font-weight:400;font-size:1.3em;color:#000;margin:0.5em 0;}

.win_menu {position:relative;overflow:hidden;width:calc(100% + 6em);margin:-0.5em -3em 0 -3em;padding:0.5em 0;box-shadow:inset 0 -1em 2em -2em #0006;}
.window ul.menu {position:relative;overflow:hidden;width:100%;margin:-0.5em 0;padding:0;box-shadow:inset 0 -1em 2em -2em #0006;}
.window ul.menu li {width:fit-content;list-style:none;position:relative;display:inline-block;padding:0.5em 1em;margin:0;border:0;cursor:pointer;height:2.4em;}
.window ul.menu li[act="yes"] { font-weight:600;background-color:#fff;border-top-left-radius:0.5em;border-top-right-radius:0.5em;border-top:1px solid #0003;border-left:1px solid #0003;border-right:1px solid #0003;}

.window ul.line {position:relative;overflow:hidden;width:calc(100% + 2.1em);height:2em;line-height:2em;margin:1em -1.1em -3.1em -1.1em;padding:0;font-weight:400;}
.window ul.line li {position:relative;float:left;display:block;width:20%;height:100%;padding:0;margin:0;border:0;overflow:hidden;text-align:center;color:#0002;}

.win_menu img { height:100%; }


#win[view="yes"] {z-index:21;}
#win[mini="yes"] {height:var(--max,20em)!important;}
#win[bottom="yes"] {height:var(--max,20em)!important;top:auto!important;bottom:-11em!important;}
#win input {display:block;margin:0.5em auto 0.75em auto;}
#win input.field {margin:0.5em  auto;}
#win_top {position:absolute;top:0;left:0;width:100%;padding:1.5em 3em 0 3em;cursor:move;overflow:hidden;z-index:3;background-color:#0001}
#win_top:hover {background:-webkit-linear-gradient(#e0e0e0 0%, #e0e0e0cc 100%);background:linear-gradient(#e0e0e0 0%, #e0e0e0cc 100%);}
#win_main {position:absolute;top:6em;left:0;width:100%;bottom:0;padding:1em 3em;overflow-x:hidden;overflow-y:scroll;background-color:#fff;}


#modal[view="yes"] {z-index:21;}
#modal[mini="yes"] {height:var(--max,20em)!important;max-height:calc(100 * var(--vh));}
#modal[bottom="yes"] {height:var(--max,20em)!important;top:auto!important;bottom:-11em!important;}
#modal input {position:relative;float:none;margin:0.5em auto 0.75em auto;}
#modal input.field {margin:0 auto;}
#modal_top {position:absolute;top:0;left:0;width:100%;height:4.5em;padding:1.5em 3em;cursor:move;z-index:1;overflow:hidden;background:-webkit-linear-gradient(#eee 0%, #eeec 100%);background:linear-gradient(#eee 0%, #eeec 100%);z-index:3;}
#modal_top:hover { background:-webkit-linear-gradient(#e0e0e0 0%, #e0e0e0cc 100%);background:linear-gradient(#e0e0e0 0%, #e0e0e0cc 100%); }
#modal_main {position:absolute;top:0;left:0;width:100%;height:100%;padding: 6em 3em 2em 3em;overflow-x:hidden;overflow-y:scroll;}
#modal_main h2 { margin-top:1em;}
#gokey {width:100%;text-align:center;}
#paykey {width:5em;text-align:center;}
#gopay {position:relative;margin:0 auto;width:auto;padding:0 1.2em;}

#b_yes {float:left;width:calc(50% - 0.5em);}
#b_no  {float:right;width:calc(50% - 0.5em);background-color:#00000011;font-weight:400;color:#000000bb;}


.but   { position:absolute;top:1em;right:1em;width:2em;height:2em;font-size:1.2em;background-color:#fff;color:#000;border-radius:2em;text-align:center;line-height:2em;cursor:pointer; }
.but.r { background-color:#f00;color:#fff; }

#dash {position:fixed;top:-100%;left:50%;transform:translate(-50%,-50%);margin-right:-50%;z-index:21;transition:top 1s ease;width:48em;}
[dash="yes"] #dash {top:50%;}
[dash="yes"] #click {z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:rgba(255,255,255,0.33);}
#dash .in {position:relative;padding:0;border-radius:0.33em;overflow:hidden;background:#ccc3;box-shadow:0 0 0 1px #fff, 0 0 2em -1.5em #000;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);}
#acc_logo {position:relative;width:100%;font-size:1em;line-height:1em;height:2em;padding:0 0 0 8em;margin:2em 0 0 3em;background:url(logo.svg) left center / contain no-repeat;color:#0092de;font-weight:600;}
#acc_exit {position:absolute;top:2em;right:6em;}

#live {position:fixed;left:0;top:0;right:0;bottom:0;background-color:#fe90;text-align:center;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);
       display:-webkit-box;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center; }
#live svg { position:relative;width:calc(24*var(--fs));}
#live[top="yes"] {z-index:400;background-color:#fff6;background:-webkit-radial-gradient(#fff9 0%, #fff0 90%);background:radial-gradient(#fff9 0%, #fff0 90%);}
#live[top="yes"] svg { -webkit-filter:drop-shadow( 0 0 50px rgba(255,255,255,1) );filter:drop-shadow( 0 0 50px rgba(255,255,255,1) ); }
#live_msg { position:absolute;bottom:25%;height:2em; font-size:1.25em;}

#mw_view { -webkit-animation-name:none;animation-name:none; }
.screen_off {-webkit-animation:screen_off 2s ease 0s alternate;animation:screen_off 2s ease 0s alternate; }
@-webkit-keyframes screen_off { 0% {opacity:1;} 100% {opacity:0;} }
@keyframes screen_off { 0% {opacity:1;} 100% {opacity:0;} }
.screen_on {-webkit-animation:screen_on 5s ease 0s alternate;animation:screen_on 5s ease 0s alternate; }
@-webkit-keyframes screen_on { 0% {opacity:0;} 33% {opacity:1;} 100% {opacity:1;} }
@keyframes screen_on { 0% {opacity:0;} 33% {opacity:1;} 100% {opacity:1;} }

.wait { height:1em;vertical-align:middle;line-height:1em;animation:wait 1s infinite linear; }
@-webkit-keyframes wait {
  0% { transform:rotate(0deg); }
  100% { transform:rotate(360deg); }
}
@keyframes wait {
  0% { transform:rotate(0deg); }
  100% { transform:rotate(360deg); }
}

#mw_wnd {position:fixed;top:0!important;left:calc(100% - 40em);width:40em;height:calc(100 * var(--vh));z-index:11;display:none;letter-spacing:0;overflow:hidden;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background-color:#ffffffcc;}
#mw_wnd[view=yes] { display:block; }
#mw_wnd[max="yes"] {top:0!important;height:100vh!important;}
#mw_wnd[small="yes"] {top:50%!important;height:min(100vh,30em);left:50%;width:min(100vw,30em);text-align:center;margin:0 -50% 0 0;transform:translate(-50%,-50%);}
.mw_rt {position:absolute;right:2em;top:1.25em;width:1em;height:1em;margin:0;cursor:pointer;z-index:1;}
#mw_h1,#mw_bot,.mw_lt,.mw_lb,.mw_rb,.mw_max,.mw_black { display:none; }

.wnd {position:absolute;top:50%;transform:translateY(-50%);width:100%;height:auto;max-height:100%;/*-webkit-user-select:none;user-select:none;*/overflow:hidden;}
.wnd::before {content:'';position:absolute;left:0;top:0;bottom:0;right:0;background-color:#fff;opacity:0.4;}
.wnd_in {position:relative;width:100%;padding:0 0 1em 0;max-height:calc(100*var(--vh) - 3em);overflow-x:hidden;overflow-y:auto;font-size:1.1em;line-height:1.25em;}
[menu="no"] .wnd_in {max-height:calc(100*var(--vh));}

.wnd .menu {position:relative;width:100%;height:3em;margin:0;list-style:none;-webkit-user-select:none;user-select:none;text-align:center;white-space:nowrap;box-shadow:inset 0 -1em 2em -1.75em rgba(127,127,127,0.5);}
.wnd .menu li {position:relative;display:inline-table;cursor:pointer;padding:1em;width:auto;color:var(--tc);margin:0;text-align:center;font:400 1em/1em system-ui;}
.wnd .menu li a { color:var(--tc); }
.wnd .menu li img {position:relative;margin:4px 0px -4px 0px;height:20px;width:20px;}
.wnd .menu li.yes {cursor:default;color:#0092de;font-weight:600;box-shadow:inset 0 -5px 0 0 #0092de;}
.wnd .menu li:hover {box-shadow:inset 0 -5px 0 0 #0092de;}
.wnd .block {position:relative;float:left;clear:both;width:100%;padding:1em 2em;display:block;height:auto;}
.wnd .block_zgl {position:relative;clear:both;width:calc(100% - 3em);text-align:center;font:600 1.2em/1em system-ui;margin:1em 1.5em 0 1.5em;color:#0092de;display:inline-block;}
.wnd .br { position:relative;width:100%;height:40px; }

.prop {position:relative;float:left;width:100%;padding:0.5em;/*-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;*/}
.prop .zgl {position:relative;width:100%;display:block;overflow:hidden;margin:0;padding:0 0 0.3em 0;font-size:0.9em;font-weight:400;color:#0092de;}

.prop[type="button"] { min-height:1em; }
.prop[type="checkbox"] .zgl {min-height:50px;}

.prop[type="select2"],
.prop[type="button2"],
.prop[type="checkbox2"],
.prop[type="color2"],
.prop[type="text2"],
.prop[type="text_mini"],
.prop[type="textarea_mini"],
.prop[type="block2"] {width:50%;}

.prop[type="select3"],
.prop[type="button3"],
.prop[type="checkbox3"],
.prop[type="color3"],
.prop[type="text3"],
.prop[type="block3"] {width:33.333%;}

.prop[type="select4"],
.prop[type="button4"],
.prop[type="checkbox4"],
.prop[type="color4"],
.prop[type="text4"],
.prop[type="block4"] {width:25%;}

.prop[type="select6"],
.prop[type="button6"],
.prop[type="checkbox6"],
.prop[type="color6"],
.prop[type="text6"],
.prop[type="block6"] {width:66.666%;}

.prop[type="range2"] {width:50%;padding-right:1%;}
.prop[type="range3"] {width:33.333%;padding-right:1%;}
.prop[type="rangef2"] {width:50%;padding-right:1%;}
.prop[type="rangef3"] {width:33.333%;padding-right:1%;}

.prop ul { margin:0;padding:0; }

.prop .help {position:absolute;right:0.7em;top:0.5em;padding:0;width:1.5em;height:1.5em;font:300 0.9em/1.5em system-ui;color:var(--tc);text-align:center;cursor:help;margin:0;z-index:2;background:#f0f0f0;border-radius:1em;}
.prop[type="checkbox"] .help { right:55px;top:25px; }

.prop .help:before,
.prop .help:after {bottom:-50%;right:0px;border-radius:3em;}
.prop .help:before {}
.prop [data-hint]::before {content:'';margin-left:-100px;position:absolute;background:rgba(210,210,210,0);z-index:1000002;}
.prop [data-hint]::before,
.prop [data-hint]::after {position:absolute;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0);visibility:hidden;opacity:0;z-index:1000000;pointer-events:none;-webkit-transition:.3s ease;-moz-transition:.3s ease;transition:.3s ease;}
.prop [data-hint]::after {content:attr(data-hint);background:#f0f0f0;color:var(--tc);padding:0.5em 0.5em;min-width:9em;font:400 0.85em/1.25em system-ui;box-shadow:0 0 1em 0.5em #ffffff;}
.prop [data-hint]:hover::before,
.prop [data-hint]:hover::after,
.prop [data-hint]:focus::before,
.prop [data-hint]:focus::after{visibility:visible;opacity:1}
.prop [data-hint]:hover::before,
.prop [data-hint]:hover::after{-webkit-transition-delay:100ms;-moz-transition-delay:100ms;transition-delay:100ms}
.prop .help:hover::after,.prop .help:hover::before,.prop .help:focus::after,.prop .help:focus::before{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}


.prop .color,
.prop .color2,
.prop .color3,
.prop .text2,
.prop .text3,
.prop .text4,
.prop .text_mini,
.prop .text {background-color:#00000006;position:relative;width:100%;padding:0.15em 0.5em 0.25em 0.5em;margin:0;font-size:1em;line-height:1.5em;color:var(--tc);box-shadow:0 0 0 1px #0001, inset 0 0.15em 0.3em -0.1em #0003;}

.prop .color3,
.prop .color2,
.prop .color {border-top-right-radius:calc(0.75*var(--fs));border-bottom-right-radius:calc(0.75*var(--fs));}
.prop .btncolor {position:absolute;width:calc(2.5*var(--fs));height:calc(2.5*var(--fs));right:calc(0.5*var(--fs));bottom:calc(0.5*var(--fs));box-shadow:inset calc(1*var(--fs)) 0 calc(1.5*var(--fs)) calc(-1.5*var(--fs)) var(--bc);cursor:pointer;}
.prop .btncolor::before {content:'o';height:10px;width:10px;position:absolute;right:calc(1*var(--fs));font-size:calc(1*var(--fs));line-height:calc(2.5*var(--fs));color:var(--bc);}

.prop .block_text {position:relative;float:left;width:100%;margin:0;color:#000;font:350 1.1875em/1.25em system-ui;display:block;text-align:justify;min-height:1.5em;padding:0.1em 0 0.25em 0;}
.prop[type="block0"] .block_text {box-shadow:none;background:transparent;width:100%;font-size:1em;text-transform:none;letter-spacing:0;padding:0;color:var(--tc);text-align:justify;}

.prop .block_text p { margin:0 0 0.5em 0; }
.prop .block_text p.first::first-letter { font-size:3em;float:left;margin:0.2em 0.05em 0.1em 0; }

.prop .block_text .d {position:relative;font-size:1em;display:block;margin:0;padding:0;}
.prop .block_text .n {position:relative;font-size:1em;display:inline-block;width:auto;margin:0;padding:0;}


.prop .textarea_mini,
.prop .textarea {background:rgba(0,0,0,0.1);position:relative;width:100%;padding:calc(0.333*var(--fs)) calc(1*var(--fs));margin:0;font-size:1em;color:var(--tc);line-height:1.25em;border:0;}

.prop .checkbox {	vertical-align:top;width:17px;height:17px;margin:0 3px 0 0; }
.prop .checkbox + label { cursor:pointer; }
.prop .checkbox:not(checked) { position:absolute;opacity:0; }
.prop .checkbox:not(checked) + label {position:relative;display:inline-block;width:100%;padding:0 0 calc(0.3*var(--fs)) 0;color:var(--tc);letter-spacing:0;text-transform:uppercase;font-size:0.9em;line-height:1.4em;}

.prop .checkbox:not(checked) + label {cursor:pointer;text-align:left;font-size:1em;line-height:1em;font-weight:400;margin:calc(1*var(--fs)) 0;}
.prop .checkbox:not(checked) + label {position:relative;display:inline-block;width:100%;margin:calc(0.35*var(--fs)) 0;padding:calc(0.4*var(--fs)) 0;color:var(--tc);letter-spacing:0;text-transform:uppercase;}

.prop .checkbox:not(checked) + label::before {content:'';position:absolute;top:0px;right:0;width:calc(3.6*var(--fs));height:calc(1.8*var(--fs));border-radius:calc(1.5*var(--fs));box-shadow:inset 0 0 0px 1px var(--bc);}
.prop .checkbox:not(checked) + label::after  {background:var(--bc);content:'';position:absolute;top:calc(0.2*var(--fs));right:calc(2*var(--fs));width:calc(1.4*var(--fs));height:calc(1.4*var(--fs));border-radius:calc(1.4*var(--fs));transition:all .2s;opacity:0.5;}
.prop .checkbox:checked + label::before {background:var(--wc);}
.prop .checkbox:checked + label::after {right:calc(0.2*var(--fs));background:var(--bc);opacity:1;}


.prop[type="radio"] {padding:0px 0px 0px 0px;box-shadow:inset 1px 0 0 0 rgba(180,180,180,0.3);}
.prop .radio    {vertical-align:top;width:17px;height:17px;margin:0 3px 0px -20px;}
.prop .radio + label {cursor:pointer;position:relative;padding:0px 10px 10px 30px;display:inline-block;}
.prop .radio:not(checked) {position:relative;width:1px;height:1px;overflow:hidden;opacity:0;margin:0;padding:0;}
.prop .radio:not(checked) + label {position:relative;padding:0px 10px 10px 30px;display:inline-block;margin-left:14px;color:var(--tc);}
.prop .radio:not(checked) + label::before {content:'';position:absolute;top:0px;left:0px;width:22px;height:22px;border:1px solid #dddee0;border-radius:50%;background:var(--wc);}
.prop .radio:not(checked) + label::after  {content:'';position:absolute;top:0px;left:1px;width:22px;height:22px;border-radius:50%;background:var(--bc);box-shadow:inset 0 1px 1px rgba(180,180,180,.5);opacity:0;transition:all .2s;}
.prop .radio:checked + label::after { opacity:1; }

.prop .range_img {position:relative;width:120px;height:120px;margin:0px auto 10px auto;background:none center center / auto 100% no-repeat;cursor:pointer;}
.prop .range_list { position:relative;width:100%;margin:10px 0px 0px 0px; }
.prop .range_list[act="no"] { margin:0;display:none; }
.prop .range_list img { width:46px;cursor:pointer; }
.prop .range_list img.yes { box-shadow:0px 0px 0px 2px var(--bc);border-radius:50%;padding:3px;margin:-3px; }

.prop .rangef,
.prop .range {position:relative;width:100%;height:26px;margin:0px 0px 10px 0px;padding:0;border:0;box-shadow:none;border-radius:20px;cursor:move;-webkit-appearance:none;}
.prop .rangef:focus,
.prop .range:focus { outline:none!important;}
.prop ::-ms-ticks-after,.prop ::-ms-ticks-before,.prop ::-ms-track { background-color:transparent;color:transparent;border:0;}
.prop ::-ms-tooltip { display:none;}
.prop ::-ms-fill-lower,.prop ::-ms-fill-upper { background-color:transparent;height:30px;}
.prop ::-moz-range-track { background-color:transparent;width:100%;height:30px;padding:0;margin:0;border:0;}
.prop ::-webkit-slider-runnable-track { background-color:#dddee0;border-radius:20px;margin:0;padding:2px;border:0;box-shadow:inset 0 2px 3px rgba(180,180,180,.2); }
.prop ::-ms-thumb            { background:var(--wc) none center center no-repeat;border-radius:50%;width:22px;height:22px;padding:0;margin:0;border:0;cursor:move;box-shadow:0 2px 5px rgba(180,180,180,.3); }
.prop ::-moz-range-thumb     { background:var(--wc) none center center no-repeat;border-radius:50%;width:22px;height:22px;padding:0;margin:0;border:0;cursor:move;box-shadow:0 2px 5px rgba(180,180,180,.3); }
.prop ::-webkit-slider-thumb { background:var(--wc) none center center no-repeat;border-radius:50%;width:22px;height:22px;padding:0;margin:0;border:0;cursor:move;box-shadow:0 2px 5px rgba(180,180,180,.3);-webkit-appearance:none;}
.prop .nums {position:relative;margin:-3px 12px 10px 12px;font:400 calc(0.5*var(--fs))/calc(0.5*var(--fs)) system-ui;text-align:center;color:var(--tc);}

.prop[type="rangef"]::before,
.prop[type="rangef2"]::before,
.prop[type="rangef3"]::before { content:'';position:absolute;top:0;left:calc(50% - 0.2*var(--fs));width:1px;height:3.3em;text-align:center;border-left:1px solid #ccc; }

.wnd .prop h2 {font-size:1.6em;margin:0.5em 0;text-align:center;}
.wnd .prop h3 {font:600 1.25em/1.25em system-ui;margin:0.5em 0 0 0;}
.wnd .prop ul li {list-style:square;margin:0.5em 0 0.5em 1.5em;}
.wnd .prop ul { margin-bottom:calc(2*var(--fs)); }

.wnd .prop ul li.pay_ok,
.wnd .prop ul li.pay_now,
.wnd .prop ul li.pay_bad {position:relative;width:100%;display:inline-block;list-style:none;margin:0.5em 0 0 0;padding:0.5em 0 0 1.2em;font-size:0.9em;font-weight:450;border-top:1px solid #0001;}

.wnd .prop ul li.pay_ok:first-child,
.wnd .prop ul li.pay_now:first-child,
.wnd .prop ul li.pay_bad:first-child { border:none; }

.wnd .prop ul li.pay_ok::before,
.wnd .prop ul li.pay_now::before,
.wnd .prop ul li.pay_bad::before {position:absolute;content:'\2714';color:#0092de;width:1.2em;left:0;}

.wnd .prop ul li.pay_now {color:#0092de;}
.wnd .prop ul li.pay_now::before { content:'?';color:#0092de;left:0.1em;}
.wnd .prop ul li.pay_now button { position:relative;display:inline-block;margin-top:-0.75em;}

.wnd .prop ul li.pay_bad {color:#c00000;}
.wnd .prop ul li.pay_bad::before {content:'\2BBE';color:#c00000;left:-0.1em;font-weight:550;}

.prop .button,
.wnd input[type="button"],
.prop .submit {display:block;width:100%;padding:1em 1.5em;margin:0.5em 0 0.02em 0;white-space:nowrap;background-repeat:no-repeat;background-position:center center;}
.prop .button[act="yes"] { background-color:#00c000;}

.wnd input[type="button"].yes {border-radius:20px;cursor:pointer;text-align:center;font-size:12.5px;line-height:12.5px;padding:0px 20px;font-weight:bold;display:block;margin:10px auto;position:relative;width:auto;text-transform:uppercase;height:40px;box-shadow:none;background-color:#60e0d0;color:var(--tc);transition:background-color 0.8s 0.1s ease;}

.prop .select {background-color:#0092de;position:relative;float:left;width:100%;padding:0 0.5em;margin:0;font-size:1em;font-weight:450;line-height:200%;color:#fff;cursor:pointer;border-top-right-radius:1em;border-bottom-left-radius:1em;}
.prop .select::before {content:'o';height:10px;width:10px;position:absolute;right:calc(1*var(--fs));font-size:calc(1*var(--fs));color:var(--bc);}
.prop .select_box {z-index:1;background:#00000009;position:inherit;display:block;top:2px;margin:0;width:100%;overflow:hidden;transition:all .2s;border-radius:1em;z-index:1;}
.prop .select_box[act="no"] { height:0;opacity:0;margin:-10px 0px 0px 0px; }
.prop .select_box ul {position:relative;margin:0;width:100%;}
.prop .select_box li {position:relative;float:left;width:100%;padding:0.25em 0.5em;margin:0!important;height:1.8em;color:var(--tc);cursor:pointer;overflow:hidden;white-space:nowrap;}
.prop .select_box li[act="yes"] {background-color:#0092de;border-bottom-right-radius:1em;color:#fff;}
.prop[type="select"] .br { position:relative;width:100%;height:1px; }

.prop i { color:rgba(180,180,180,0.95);font-size:75%; }

.wnd .prop .date1 {position:absolute;left:0px;width:40px;margin:0px 0px 30px 0px;height:40px;}
.wnd .prop .date1 .date {z-index:1;background:var(--wc);position:absolute;left:0px;width:40px;padding:8px 10px;margin:0px 0px 30px 0px;font-size:16px;height:40px;border:1px solid var(--bc);border-top-left-radius:20px;border-bottom-left-radius:20px;cursor:pointer;}
.wnd .prop .date1 .date_box {z-index:2;background:rgba(250,250,250,0.9);left:0px;position:absolute;margin:-81px 0px -1px 0px;width:100%;height:200px;border-top-left-radius:20px;border-bottom-left-radius:20px;overflow:hidden;transition:all .2s;border-bottom:1px solid var(--bc);border-top:1px solid var(--bc);box-shadow:0px 0px 30px -15px var(--tc);}
.wnd .prop .date1 .date_box[act="no"] { margin-top:-20px;height:0;opacity:0; }
.wnd .prop .date1 .date_box ul { position:relative;margin:80px 0px 80px 0px;width:100%;}
.wnd .prop .date1 .date_box li {background:var(--wc);position:relative;width:40px;padding:8px 10px;font-size:16px;height:40px;border:1px solid #f6f6f6;color:var(--tc);border-top-left-radius:20px;border-bottom-left-radius:20px;cursor:pointer;}
.wnd .prop .date1 .date_box li[act="yes"] {background:var(--wc);color:var(--tc);border:1px solid var(--bc);}

.wnd .prop .date2 {position:absolute;left:40px;width:100px;margin:0px 0px 30px 0px;height:40px;}
.wnd .prop .date2 .date {z-index:1;background:var(--wc);position:absolute;left:0px;width:100px;padding:8px 10px;margin:0px 0px 30px 0px;font-size:16px;height:40px;border:1px solid var(--bc);cursor:pointer;}
.wnd .prop .date2 .date_box {z-index:2;background:rgba(250,250,250,0.9);left:0px;position:absolute;margin:-81px 0px -1px 0px;width:100%;height:200px;overflow:hidden;transition:all .2s;border-bottom:1px solid var(--bc);border-top:1px solid var(--bc);box-shadow:0px 0px 30px -15px var(--tc);}
.wnd .prop .date2 .date_box[act="no"] { margin-top:-20px;height:0;opacity:0; }
.wnd .prop .date2 .date_box ul {position:relative;margin:-1px 0px -1px 0px;width:100%;}
.wnd .prop .date2 .date_box li {background:var(--wc);position:relative;width:100px;padding:8px 10px;font-size:16px;height:40px;border:1px solid #f6f6f6;color:var(--tc);cursor:pointer;}
.wnd .prop .date2 .date_box li[act="yes"] {background:var(--wc);color:var(--tc);border:1px solid var(--bc);}

.wnd .prop .date3 {position:absolute;left:140px;width:70px;margin:0px 0px 30px 0px;height:40px;}
.wnd .prop .date3 .date {z-index:1;background:var(--wc);position:absolute;left:0px;width:70px;padding:8px 10px;margin:0px 0px 30px 0px;font-size:16px;height:40px;border:1px solid var(--bc);border-top-right-radius:20px;border-bottom-right-radius:20px;cursor:pointer;}
.wnd .prop .date3 .date_box {z-index:2;background:rgba(250,250,250,0.9);left:0px;position:absolute;margin:-81px 0px -1px 0px;width:100%;height:200px;border-top-right-radius:20px;border-bottom-right-radius:20px;overflow:hidden;transition:all .2s;border-bottom:1px solid var(--bc);border-top:1px solid var(--bc);box-shadow:0px 0px 30px -15px var(--tc);}
.wnd .prop .date3 .date_box[act="no"] { margin-top:-20px;height:0;opacity:0; }
.wnd .prop .date3 .date_box ul { position:relative;margin:80px 0px 80px 0px;width:100%;}
.wnd .prop .date3 .date_box li {background:var(--wc);position:relative;width:70px;padding:8px 10px;font-size:16px;height:40px;border:1px solid #f6f6f6;color:var(--tc);border-top-right-radius:20px;border-bottom-right-radius:20px;cursor:pointer;}
.wnd .prop .date3 .date_box li[act="yes"] {background:var(--wc);color:var(--tc);border:1px solid var(--bc);opacity:1;}

.wnd .prop[type="youtube"] {width:100%;height:560px;margin:10px -20px 10px -30px;padding:0;border-radius:6px;}
@media screen and (max-width:1920px) { .wnd .prop[type="youtube"] {height:500px;} }
@media screen and (max-width:1600px) { .wnd .prop[type="youtube"] { height:225px; } }
@media screen and (max-width:1560px) { .wnd .prop[type="youtube"] { height:170px; } }
.wnd .prop[type="youtube"] div {width:100%;height:100%;margin:0px 0px 0px 0px;border-radius:6px;overflow:hidden;box-shadow:0px 5px 10px -5px rgba(180,180,180,1);}
.wnd .prop[type="youtube"] div iframe {width:100%;height:100%;border-radius:6px;overflow:hidden;}

.wnd .prop[type="val"] div {background:var(--wc);position:relative;width:100%;padding:0;margin:0;font:400 15px/20px 'system-ui';min-height:20px; }
.wnd .prop .val_img { position:relative;max-width:100%;min-height:0px;margin-bottom:10px; }
.wnd .prop[type="img"] img {position:relative;max-width:100%;min-height:0px;margin:0px auto 10px auto;display:block;border-radius:6px;cursor:pointer;box-shadow:0px -1px 5px -1px var(--wc),0px 20px 50px -20px var(--tc);}
.wnd #img_full_prop.prop img { max-height:400px;border-radius:6px;margin-bottom:10px;cursor:pointer; }

.wnd_send,
.file {position:relative;font:400 calc(1*var(--fs))/calc(1.5*var(--fs)) system-ui;color:var(--tc);text-transform:uppercase;margin:0;padding:calc(0.6*var(--fs)) calc(0.8*var(--fs));width:auto;min-width:calc(9*var(--fs));max-width:calc(18*var(--fs));background-color:rgba(255,255,255,0.2);border-radius:calc(2 * var(--fs));clear:both;overflow:hidden;cursor:pointer;border:0;text-align:center;border-radius:calc(1.5*var(--fs));box-shadow:none;}
.file {margin:10px auto;}
.file:before {content:'Choose files';cursor:pointer;}
.file input[type="file"] { position:absolute; left:0px; top:0px; width:1px; height:1px; font:400 0/0 system-ui; padding:0px;margin:0px; opacity:0; border:none;cursor:pointer; }
#file1,#file2,#file3 {position:relative;width:100%;padding:10px 0px 0px 0px;font-size:12.5px;text-align:center;overflow:hidden;}
#file1:before,#file2:before,#file3:before { content:'File:';position:relative;margin:0px 0px 5px 0px;width:100%; }

.wnd .prop[type="img_shop"] { text-align:center; }
.wnd .prop[type="img_shop"] img { box-shadow:0px 0px 3px -1px rgba(180,180,180,0.5); }

@media (max-width:2200px) {
  body {--fs:21px;}
}
@media (max-width:1600px) {
  body {--fs:19px; }
}
@media (max-width:1440px) {
  body {--fs:17px;}
  #mw_wnd,#mw_wnd[max] {width:100vw;height:100vh;left:0;}
  @media (max-height:600px) {
    ul.cards { margin-left:0;margin-right:0;}
  }
}
@media (max-width:1200px) {
  body {--fs:16px;}
  
  ul.cards {margin-left:-2em;margin-right:-2em;width:calc(100% + 4em);padding:0 2em;}
  ul.cards2 {margin-left:-2.5em;margin-right:-2.5em;width:calc(100% + 5em);padding:0 2em;}
  ul.cards5 {margin-left:0;margin-right:0;width:100%;padding:1.5em;font-size:1.1em;}
  ul.cards5 li .img img { width:7em; }
  .b5s .block .txt li .txt { width:calc(100% - 8em); }
  ul.cards5 li:hover .txt .t { margin-top:-25.5em; }
  .txt { width:100%; }

  .b2h {min-width:6em;margin-bottom:0.5em;font-size:2.2em; }
  .b2t {width:100%;border-left:1px solid #000;padding-left:2em;font-size:1.2em;}
  .b2b { font-size:1.1em;}
  .l3-bgr {left:40%;}
}
@media (max-width:1060px) {
  .col1 { width:50%!important;margin:0; }

  #dash { width:100%; }
  [dash="yes"] #dash {width:100%;height:100%;transform:none;left:0;top:0;}
  #dash .close {top:2em;right:2em;}
  #dash .in {height:100%;}

  header article,
  article {width:calc(100vw - 4em);}

  header .logo {position:relative;font-size:1.1em;cursor:pointer;}
  header .menu {right:0;}
  header nav {position:fixed;background:#fff;display:block;top:0;right:0;height:0;opacity:0;font-size:1.3em;line-height:1.3em;margin:0;z-index:1;overflow:hidden;transition:all 0.3s ease;}
  header nav[view="yes"] {padding:2em 3em!important;height:100vh;width:100vw;opacity:1;overflow-y: auto;}
  header nav[view="yes"] + .menu { z-index:100; }
  header nav[view="yes"] + .menu::before {content:'\2715';font-size:2em;color:var(--gc);}
  header nav[view="yes"] + .menu svg { opacity:0; }
  header nav ul {flex-wrap:wrap;flex-direction:column;grid-gap:1em;width:100%;display:block;}
  header nav li.logo {position:relative;display:block;width:100%;height:3.4em;margin:0 auto 1.3em auto;background:url(img/logo.svg) top center / auto 100% no-repeat;border:none;}
  header nav li {width:calc(33% + 1em);font-size:1.2em;padding:0.8em 0;margin:0 -0.5em; border-top:1px solid var(--gc);text-align:center; }

  .b5s .block {flex-direction:column;grid-gap:7em; }
  .b5s article div.block > div:last-child { display:none; }
  .b11p {position:relative;max-width:100%;margin:5em 0 -3em 0;}

  .b13s ul.cards6 li {width:calc(100%/2 - 1em);}

  #contextmenu {position:fixed;top:4em!important;left:0!important;width:calc(100vw - 0.5em);margin:0!important;border-radius:0;font-size:1em;}
  #contextmenu div { width:auto;font-size:1em;height:2em;margin:0.1em;line-height:2em;padding:0 0.5em}
  #contextmenu a[alert="yes"],
  #contextmenu a[alert="no"] {width: 2.4em;border-bottom-left-radius:1em;border-bottom-right-radius:0;border-top-right-radius:0;}
  #contextmenu div {border-top-right-radius:1em;border-bottom-left-radius:0;border-bottom-right-radius:1em;}
  #contextmenu hr { display:none; }

  
}
@media (max-width:960px) {
  .article-contents,
  .article-block {column-count:1;column-gap:0;}
}
@media (max-width:720px) {
  .wnd .block {padding:1em;}
  .nomobile { display:none; }
  .col,.col2,.col3 {width:100%!important;padding-right:0!important;margin:0;}
  .col1 { width:50%!important;margin:0; }

  
  header section {height:4em;margin:0 auto;padding-top:0.75em;}
  footer article {display:flex;flex-wrap:wrap;}
  footer article .txt {flex:33%!important;margin-top:0 !important;}

  .txt,.txt0,.txt2 {position:relative;width:100%;flex-direction:column;}
  .txt + .txt2 { margin-top:1em; }
  .txt2 + .txt { margin-top:1em; }
  .txt + .txt { margin-top:1em; }
  .txt2 + .txt2 { margin-top:1em; }

  .form ul.choise, .form .n, .form input, .form textarea {width:100%;margin-top:0.5em;clear:both;float:none;}

  #mw_wnd,#mw_wnd[max],#mw_wnd[max="yes"][rzm="vFltWork"] {left:0!important;top:0!important;height:100%!important;width:100%!important;max-width:100%!important;max-height:100%!important;margin:0;transform:none;border-radius:0!important;}
  .wnd::before {opacity:1;}
  .mw_max {display:none; }
  input { width:100%; }

  .close {right:1.5em;top:1.5em;}
  #win_top {padding:1.5em 1.5em 0 1.5em;margin:0;width:100%;}
  #win_main {padding:0 1.5em 1.5em 1.5em;}
  #modal_top {padding:1.5em 2em;font-size:0.75em;height:5em;}
  #modal_main {padding:5em 1.5em 1.5em 1.5em; }
  #modal .close {right:1.5em;top:1.5em;}
  
  .win_menu {width:calc(100% + 3em);margin:-0.5em -1.5em 0 -1.5em;overflow-x:auto;}
  .window ul li[type="pro"]::before{right:-1.5em;}
  .window ul.menu {width:max-content;}
  .window ul.line {width:calc(100% + 1em);margin:1em -0.5em -3.1em -0.5em;}

  .prop[type="select2"],.prop[type="button2"],.prop[type="checkbox2"],.prop[type="color2"],.prop[type="text2"],.prop[type="text_mini"],.prop[type="textarea_mini"],.prop[type="block2"] {width:100%;}
  .prop[type="select3"],.prop[type="button3"],.prop[type="checkbox3"],.prop[type="color3"],.prop[type="text3"],.prop[type="block3"],.prop[type="select4"],.prop[type="button4"],.prop[type="checkbox4"],.prop[type="color4"],.prop[type="text4"],.prop[type="block4"],.prop[type="select6"],.prop[type="button6"],.prop[type="checkbox6"],.prop[type="color6"],.prop[type="text6"],.prop[type="block6"] {width:50%;}

  header nav ul {width:100%;display:block;}
  header nav li.logo {position:relative;display:block;width:100%;height: 2em;margin: 0.75em auto;background:url(img/logo.svg) top center / auto 100% no-repeat;border:none;}
  header nav li {width:calc(100% + 1em);font-size: 1em;padding:0.8em 0;margin:0 -0.5em;border-top:1px solid var(--gc);text-align:center;}
  header nav a:first-child li { border-top:none; }
  header .menu {right:0;z-index:100;display:block;}

  header article,
  article {padding-right:0;padding-left:0;}
  
  .txt + .txt2 {margin-top:1em;}
  .txt2 + .txt { margin-top:2em; }
  .txt + .txt {margin-top:0em;}
  .txt2 {margin:0 -3em;width:calc(100% + 6em);padding:1.5em 3em;}

  .wnd_in {height:100%;overflow:auto;padding:0;}
  [menu="yes"] .wnd_in {height:calc(100vh - 3em);}

  .b2t {width:100%;border-left:none;padding-left:0;}
  .b2b {position:relative;float:left;bottom:auto;top:auto;margin:2em 0 1em 0;}

  .b6b { position:relative;top:auto;right:auto;margin-top:2em}

  .l3-bgr {left:50%;}
  
  .b8s {margin-top:2em;margin-bottom: 6em;}
  
  
  .l7-bgr,
  .l5-bgr {left:43%;}
  .footer {padding: 5.5em 0 3em 0;margin-top:-4em;}
  footer article {display:flex;flex-wrap:wrap;grid-gap:1em;flex-direction:row;}
  footer article .txt {flex:100%!important;float:left;width:100%;margin:0;padding:0;}
  footer article .txt li { margin:0 0 0.25em 0; }
  footer .logo {font-size:0.6em;margin:1em 0 0.5em 0;}
  footer .logo img {margin:0;}
  footer .soc { position:relative;font-size:1em;margin:1em 0 -0.5em 0; }
  footer .btn {position:absolute;right:0;bottom:-14.5em;background-color:#fff;color:#000;font-size:1em;}
  .footer2 { padding:1em 0!important;}
  .footer2 .txt { display:block!important;padding:0!important; }
  .footer2 .txt li {float:left;width:50%;text-align:left;white-space:nowrap;}

@-webkit-keyframes wheel { 0% { transform:translateX(-20em) rotate(0deg); } 40% { transform:translateX(30em) rotate(180deg); } 70% { transform:translateX(32em) rotate(210deg); } 100% { transform:translateX(100em) rotate(1440deg); } }
        @keyframes wheel { 0% { transform:translateX(-20em) rotate(0deg); } 40% { transform:translateX(30em) rotate(180deg); } 70% { transform:translateX(32em) rotate(210deg); } 100% { transform:translateX(100em) rotate(1440deg); } }
@-webkit-keyframes wheel2 { 0% { transform:translateX(100em) rotate(0deg); } 40% { transform:translateX(50em) rotate(-180deg); } 70% { transform:translateX(48em) rotate(-210deg); } 100% { transform:translateX(-20em) rotate(-1440deg); } }
        @keyframes wheel2 { 0% { transform:translateX(100em) rotate(0deg); } 40% { transform:translateX(50em) rotate(-180deg); } 70% { transform:translateX(48em) rotate(-210deg); } 100% { transform:translateX(-20em) rotate(-1440deg); } }

.regs {width:100%;}
.regs .name {text-align:left;}
.regs .list { margin:0 0 1em 0!important;overflow:hidden; }
.map .city {position:relative;float:left;width:5.6em;padding:0.5em 0;margin:0 0.5em 0.5em 0;text-align:center;background-color:var(--bc);border-radius:2em;overflow:hidden;cursor:pointer;transition:box-shadow 0.5s ease;}
.map .city:hover { box-shadow:0 0 0 0.5em #0001;transition:all 0.5s ease;background-color:#fff;}

ul.cards11 li {width:calc(100%/2 - 1em);}
ul.topic li .topic_info {float:left;width:100%;margin:0;padding:3em 3em 0 3em;}
ul.topic li .card_info {float:left;width:calc(100% - 6em);margin:3em;}
.b11f { width:100%;margin-bottom:2em; }
  .l10-bgr {left:60%;}
}
@media (max-width:600px) {
  article {flex-direction:column;grid-gap:0;}
  .l10-bgr {display:none;}
  .b10s .txt { padding-bottom:1em;border-bottom:0.4em solid var(--gc); }
  .article-date { margin-top:1em!important; }
  .article-short {width:100%;padding-right:0;margin-bottom:2em;}
  .article-rate {float:left;width:100%;}
  ul.contents li { margin-left:0; }
  ul.contents li.l2 { margin-left:1.5em; }

  #modal,
  #modal[mini="no"] {height:calc(100 * var(--vh))!important;box-shadow:0 0 5em -2em #000}

  .article-quote {padding:4em 1em 2em 2em;margin: 0 0 3em 0;background-color:var(--bc);overflow:hidden;}
  h1 {font-size: 1.6em!important;}
  h2 {font-size: 1.4em!important;}
  h3 {font-size: 1.2em!important;}
  ul.cards5 li:hover .txt .t { margin-top:-29em; }

}
@media (max-width:450px) {
  header article,
  article {padding-right:0em;padding-left:0em;}

  
ul.topic2 li .g {background:url(img/topic2.svg) calc(50% - 1em) top / 120% auto no-repeat;}
ul.topic li .topic_info .n {font-size:1.4em;line-height:1em;}
.b13b.btn {font-size:0.9em!important;margin-bottom: 1em!important;}
  
.b13s ul.cards6 li {width:100%;min-width:auto;}
  
  .txt2,.cont {width:calc(100% + 4em);padding:2em;margin:0 -2em;}
  .b14s .img2 {width:calc(100% + 4em);padding:0;margin:0 -2em;}
  .empty { display:none; }
  .tag { font-size:0.75em; }

   ul.cards11 li {width:100%;}
  .card {width:100%;height:min-content-content;list-style-type:none;margin:19em 0 3em 0;padding:2em;background-color:#fff;box-shadow:0 0.25em 1em -0.25em #0006;overflow:hidden;}
  .card .n {font-size:1em;line-height:1.4em;height:5em;}
  h1 {font-size: 1.5em!important;}
  h2 {font-size: 1.3em!important;}
  h3 {font-size: 1.1em!important;}
}