@charset "UTF-8";
/*----------------------------------------------------------------------------*/
body {
    background-color: #000;
    color: #FFF;
    margin: 0;
    padding: 0;
}

a {
    color: #FFF;
}

.sp {
        display: none;
    }

.news h3{font-size:28px;margin-bottom:20px;line-height:1.2em;}
.news p{margin-bottom:1em;}

.news .day{font-size:14px;text-align:right;}

#item_detail h2 {
    background-color: #000;
    font-size: 25px;
    color: #FFF;
    padding: 5px;
    width: 100%;
    text-align: center;
}

.toy_img dl {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    background: #000;
    color: #FFF;
    padding: 50px 0px;
    box-sizing: border-box;
    font-size: 16px;
    margin-top: 0px;
}


.toy_img dl dt {
    width: 15%;
    height: fit-content;
    background: #FFF;
    color: #000;
    display: block;
    text-align: center;
    padding: 5px 10px;
}

.toy_img dl dd {
    width: 75%;
    margin-bottom: 20px;
    padding-left: 1em;
    display: block;
    text-align: left;
}

.news {
    max-width: 1000px;
    margin: 40px auto;
    background: #000;
    color: #FFF;
    padding: 40px;
}


.news h3{font-size:28px;margin-bottom:20px;line-height:1.2em;color:#00b1bf;font-weight:bold;}
.news h4{font-size:21px;margin:20px 0 10px;line-height:1.2em;}

.news hr{height: 1px;background-color:#999;border: none;margin-bottom:20px;}

.news p{margin-bottom:1em;}

.news .day{font-size:14px;text-align:right;}

.top_img {
    width: 50%;
    margin: 0 auto;
    text-align: center;
    background-color: #000;
    padding-top: 2rem;
    padding-bottom: 0rem;
}

.top_img img {
    width: 70%;
}

p.copy {
    text-align: center;
    font-style: normal;
    color: #FFF; 
  }

@media screen and (min-width:600px) { 

    table.normalTbl {
        border-collapse: collapse;
        border-spacing: 0;
        margin: 10px auto;
        width: 100%;
    }
    table.normalTbl th {
        background-color: #f7f7f7;
        color: #333;
        height: auto;
        line-height: 150%;
        padding: 10px;
        text-align: center;
        vertical-align: middle;
    }
    table.normalTbl td {
        height: auto;
        line-height: 150%;
        padding: 10px 0 10px 20px;
        text-align: left;
    }
    .toy_img {
        width: 100%;
        margin: 1vw auto;
    }
    .toy_img {
        margin: 20px auto 65px !important;
    }
}

@media screen and (max-width:600px) { 
    .news {
        max-width: 1000px;
        margin: 0px 0px;
        background: #000;
        color: #FFF;
        padding: 40px;
    }

    .toy_img dl {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        background: #000;
        color: #FFF;
        box-sizing: border-box;
        font-size: 16px;
        margin-top: 0px;
    }

    table.normalTbl {
        border-collapse: collapse;
        border-spacing: 0;
        margin: 10px auto;
        width: 100%;
        table-layout: fixed;
    }
    table.normalTbl thead {
        display: none;
    }
    table.normalTbl th {
        background-color: #f7f7f7;
        color: #333;
        height: auto;
        line-height: 150%;
        padding: 5px 10px;
        text-align: center;
        vertical-align: middle;
    }
    table.normalTbl td {
        height: auto;
        line-height: 150%;
        padding: 5px 10px;
        overflow-wrap : break-word;
        text-align: center;
    }
    table.normalTbl th,
    table.normalTbl td {
        box-sizing: border-box;
        display: inline-block;
        width: 100%;
    }
    .top_img img {
        width: 100%;
    }
    .toy_img {
        width: 100%;
        margin: 1vw auto!important;
    }
    p.copy {
        font-size:small;
    }
}

@media screen and (max-width:430px) {
    .sp {
        display: block;
    }
}

tr {
    border: solid 5px #000000;
}

@media screen and (min-width: 600px) {
    #sec2 h2.text {
        font-size: 50px;
    }
}