.article{
    font-family: "M PLUS Rounded 1c","Montserrat","Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
    min-height: 100vh;
}
a{
    color: #ee68e3;
}
img, svg{
    vertical-align:top;
}

.button_lang{
    border: 2px solid #333;
    font-family : inherit;
    font-size   : 100%;
    padding: 5px 10px;
    display: inline-block;
    font-weight: bold;
    cursor : pointer;
}
.button_lang div{
    gap: 8px !important;
}
.header-nav-item{
    cursor : pointer;
}
.header-nav-item:not(:last-child){
    margin-right: 16px;
}
h2.article-title{
    font-size: 20px;
    margin: 2em 0 1em 0;
}
.article-body img {
    margin-bottom: 10px;
}
p{
    margin-top: 4px;
    word-break: break-word;
}
.article ul{
    margin-top: 4px;
    margin-bottom: 30px;
}
.article ul li {
	list-style-type: disc;/* リストの左側に黒丸 */
	margin-left: 24px;/* リストの左側に余白 */
	text-align: left;
}

.content{
    margin-top: 80px;
}
.header{
    background-color: #fff;
}
.footer div{
    color: #eee;
}

table{
    margin: 1em 0 2em 0;
    display: inline-block;
}
th{
    text-align: left;
    padding-right: 1.5em;
    vertical-align: top;
    white-space:nowrap;
}
td{
    text-align: left;
    padding-bottom: 0.8em;
}

.button-gonft{
    font-family: 'Roboto', sans-serif;
    display: inline-block;
    color: #3b9ad5;
    border: 2px solid #3b9ad5;
    padding: 0px 6px;
    margin-left: 0.5em;
    border-radius: 4px;
}

.header-img{
    width: 100%;
    min-height: 200px;
    max-height: 30%;
    object-fit: cover;
    background-image: url("../img/back.svg");
    background-size: cover;
    background-position: center;
}

.header-logo img{
    width: auto;
    height: 50px;
}
.logo_big{
    display: inline;
}
.logo_mini{
    display: none;
}
@media screen and (max-width: 500px) {
    .logo_big{
        display: none;
    }
    .logo_mini{
        display: inline;
    }
}

.footlink{
    width: 100%;
    text-align: center;
    font-size: 1.5em;
}
.footlink a{
    padding: 0 1em;
}

.hide{
    display: none !important;
}
.centering{
    display: block;
    width: 100%;
    text-align: center;
}
.pointer{
    cursor : pointer;
}

.col4{
	text-align: center;
	margin: 5em 0;
}
.col4 .img{
	margin: 0 auto;
}
.col4 li{
    display: inline-block;
    width: 300px;
    padding: 0 3%;
    vertical-align: top;
    text-align: center !important;
    margin-left: 0 !important;
}

/* mint */

.area_mint{
    display: block;
    padding: 2em;
    margin-bottom: 2em;
    text-align: center;

    border: 3px dashed #ff7fd2;
    border-image: conic-gradient(#d47fff, #ff7fd2, #ffdb7f, #d47fff) 3;
    font-family : inherit;
    font-size   : 100%;
    font-weight: bold;
}
#button_mint{
    background-image: linear-gradient(150deg, #f7a60c 15%, #ff507a 50%, #9a27ee 90%);
    color: #fff;
    display: inline-block;
    margin-top: 1em;
    padding: 0.6em 2em;
}
.big{
    font-size: 150%;
}
.errmsg{
    margin-top: 0.2em;
    color: #fc67a8;
}

.loader-back{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 2;
    background-color: #eaeaea88;
}
.loader {
    position: fixed;
    top: 50%;
    left: 49%;
    transform: translate(-50%, -50%);
    font-size: 2vw;
    width: 2vw;
    height: 2vw;
    border-radius: 50%;
    
    -webkit-animation: load5 1.1s infinite ease;
    animation: load5 1.1s infinite ease;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
}
@-webkit-keyframes load5 {
    0%,
    100% {
        box-shadow: 0em -2.6em 0em 0em #ff6299, 1.8em -1.8em 0 0em #ff629933, 2.5em 0em 0 0em #ff629933, 1.75em 1.75em 0 0em #ff629933, 0em 2.5em 0 0em #ff629933, -1.8em 1.8em 0 0em #ff629933, -2.6em 0em 0 0em #ff629980, -1.8em -1.8em 0 0em #ff6299b3;
    }
    12.5% {
        box-shadow: 0em -2.6em 0em 0em #ff6299b3, 1.8em -1.8em 0 0em #ff6299, 2.5em 0em 0 0em #ff629933, 1.75em 1.75em 0 0em #ff629933, 0em 2.5em 0 0em #ff629933, -1.8em 1.8em 0 0em #ff629933, -2.6em 0em 0 0em #ff629933, -1.8em -1.8em 0 0em #ff629980;
    }
    25% {
        box-shadow: 0em -2.6em 0em 0em #ff629980, 1.8em -1.8em 0 0em #ff6299b3, 2.5em 0em 0 0em #ff6299, 1.75em 1.75em 0 0em #ff629933, 0em 2.5em 0 0em #ff629933, -1.8em 1.8em 0 0em #ff629933, -2.6em 0em 0 0em #ff629933, -1.8em -1.8em 0 0em #ff629933;
    }
    37.5% {
        box-shadow: 0em -2.6em 0em 0em #ff629933, 1.8em -1.8em 0 0em #ff629980, 2.5em 0em 0 0em #ff6299b3, 1.75em 1.75em 0 0em #ff6299, 0em 2.5em 0 0em #ff629933, -1.8em 1.8em 0 0em #ff629933, -2.6em 0em 0 0em #ff629933, -1.8em -1.8em 0 0em #ff629933;
    }
    50% {
        box-shadow: 0em -2.6em 0em 0em #ff629933, 1.8em -1.8em 0 0em #ff629933, 2.5em 0em 0 0em #ff629980, 1.75em 1.75em 0 0em #ff6299b3, 0em 2.5em 0 0em #ff6299, -1.8em 1.8em 0 0em #ff629933, -2.6em 0em 0 0em #ff629933, -1.8em -1.8em 0 0em #ff629933;
    }
    62.5% {
        box-shadow: 0em -2.6em 0em 0em #ff629933, 1.8em -1.8em 0 0em #ff629933, 2.5em 0em 0 0em #ff629933, 1.75em 1.75em 0 0em #ff629980, 0em 2.5em 0 0em #ff6299b3, -1.8em 1.8em 0 0em #ff6299, -2.6em 0em 0 0em #ff629933, -1.8em -1.8em 0 0em #ff629933;
    }
    75% {
        box-shadow: 0em -2.6em 0em 0em #ff629933, 1.8em -1.8em 0 0em #ff629933, 2.5em 0em 0 0em #ff629933, 1.75em 1.75em 0 0em #ff629933, 0em 2.5em 0 0em #ff629980, -1.8em 1.8em 0 0em #ff6299b3, -2.6em 0em 0 0em #ff6299, -1.8em -1.8em 0 0em #ff629933;
    }
    87.5% {
        box-shadow: 0em -2.6em 0em 0em #ff629933, 1.8em -1.8em 0 0em #ff629933, 2.5em 0em 0 0em #ff629933, 1.75em 1.75em 0 0em #ff629933, 0em 2.5em 0 0em #ff629933, -1.8em 1.8em 0 0em #ff629980, -2.6em 0em 0 0em #ff6299b3, -1.8em -1.8em 0 0em #ff6299;
    }
}
@keyframes load5 {
    0%,
    100% {
        box-shadow: 0em -2.6em 0em 0em #ff6299, 1.8em -1.8em 0 0em #ff629933, 2.5em 0em 0 0em #ff629933, 1.75em 1.75em 0 0em #ff629933, 0em 2.5em 0 0em #ff629933, -1.8em 1.8em 0 0em #ff629933, -2.6em 0em 0 0em #ff629980, -1.8em -1.8em 0 0em #ff6299b3;
    }
    12.5% {
        box-shadow: 0em -2.6em 0em 0em #ff6299b3, 1.8em -1.8em 0 0em #ff6299, 2.5em 0em 0 0em #ff629933, 1.75em 1.75em 0 0em #ff629933, 0em 2.5em 0 0em #ff629933, -1.8em 1.8em 0 0em #ff629933, -2.6em 0em 0 0em #ff629933, -1.8em -1.8em 0 0em #ff629980;
    }
    25% {
        box-shadow: 0em -2.6em 0em 0em #ff629980, 1.8em -1.8em 0 0em #ff6299b3, 2.5em 0em 0 0em #ff6299, 1.75em 1.75em 0 0em #ff629933, 0em 2.5em 0 0em #ff629933, -1.8em 1.8em 0 0em #ff629933, -2.6em 0em 0 0em #ff629933, -1.8em -1.8em 0 0em #ff629933;
    }
    37.5% {
        box-shadow: 0em -2.6em 0em 0em #ff629933, 1.8em -1.8em 0 0em #ff629980, 2.5em 0em 0 0em #ff6299b3, 1.75em 1.75em 0 0em #ff6299, 0em 2.5em 0 0em #ff629933, -1.8em 1.8em 0 0em #ff629933, -2.6em 0em 0 0em #ff629933, -1.8em -1.8em 0 0em #ff629933;
    }
    50% {
        box-shadow: 0em -2.6em 0em 0em #ff629933, 1.8em -1.8em 0 0em #ff629933, 2.5em 0em 0 0em #ff629980, 1.75em 1.75em 0 0em #ff6299b3, 0em 2.5em 0 0em #ff6299, -1.8em 1.8em 0 0em #ff629933, -2.6em 0em 0 0em #ff629933, -1.8em -1.8em 0 0em #ff629933;
    }
    62.5% {
        box-shadow: 0em -2.6em 0em 0em #ff629933, 1.8em -1.8em 0 0em #ff629933, 2.5em 0em 0 0em #ff629933, 1.75em 1.75em 0 0em #ff629980, 0em 2.5em 0 0em #ff6299b3, -1.8em 1.8em 0 0em #ff6299, -2.6em 0em 0 0em #ff629933, -1.8em -1.8em 0 0em #ff629933;
    }
    75% {
        box-shadow: 0em -2.6em 0em 0em #ff629933, 1.8em -1.8em 0 0em #ff629933, 2.5em 0em 0 0em #ff629933, 1.75em 1.75em 0 0em #ff629933, 0em 2.5em 0 0em #ff629980, -1.8em 1.8em 0 0em #ff6299b3, -2.6em 0em 0 0em #ff6299, -1.8em -1.8em 0 0em #ff629933;
    }
    87.5% {
        box-shadow: 0em -2.6em 0em 0em #ff629933, 1.8em -1.8em 0 0em #ff629933, 2.5em 0em 0 0em #ff629933, 1.75em 1.75em 0 0em #ff629933, 0em 2.5em 0 0em #ff629933, -1.8em 1.8em 0 0em #ff629980, -2.6em 0em 0 0em #ff6299b3, -1.8em -1.8em 0 0em #ff6299;
    }
}