/* CSS Document */

body {
    min-width: 1100px;
    -webkit-text-size-adjust: 100%;
}

/* smartPhone */
@media screen and (max-width: 640px) {
    body {
        min-width: 320px;
    }
}

#contents_block .dpnPc {
    display: none
}

/* smartPhone */
@media screen and (max-width: 640px) {

    #contents_block .dpnPc {
        display: block
    }

    #contents_block .dpnSp {
        display: none
    }
}

/* smartPhone END */

/**
 * CMヘッダ
 */
#contents_block #mainBox {
    width: 100%;
    height: 450px;
    min-width: 980px;
    background: url(../img/22_img_coming_bg.jpg) no-repeat center center;
    background-size: cover;
}

#contents_block #mainBox h1 {
    width: 600px;
    margin: 0 auto;
}

#contents_block #mainBox h1 img {
    width: 100%;
    height: auto;
    margin: 140px auto 0;
}

#contents_block #mainBox p {
    font-size: 1.1em;
    text-align: center;
    color: #fff;
    margin: 10px auto;
    line-height: 160%;
}



/* smartPhone */
@media screen and (max-width: 640px) {

    #contents_block #mainBox {
        width: 100%;
        height: 80vw;
        min-width: 340px;
    }

    #contents_block #mainBox h1 {
        width: 85%;
        margin: 0 auto;
    }

    #contents_block #mainBox h1 img {
        width: 100%;
        height: auto;
        margin: 30vw auto 0;
    }

    #contents_block #mainBox p {
        font-size: 1.1em;
        margin: 2vw auto;
    }
}

/* smartPhone END */



/*****************************
 * contents
 *****************************/
#contents_block #subBox03 {
    width: 100%;
    background-color: #eeeeee;
    padding: 2em 0
}

#contents_block #subBox03 ul {
    width: 980px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}


/* wall paper & screen saver */
#contents_block #subBox03 ul li {
    font-size: 1em;
    width: 48%;

}

#contents_block #subBox03 ul li:nth-child(1),
#contents_block #subBox03 ul li:nth-child(2),
#contents_block #subBox03 ul li:nth-child(3),
#contents_block #subBox03 ul li:nth-child(4),
#contents_block #subBox03 ul li:nth-child(5),
#contents_block #subBox03 ul li:nth-child(6),
#contents_block #subBox03 ul li:nth-child(7),
#contents_block #subBox03 ul li:nth-child(8),
#contents_block #subBox03 ul li:nth-child(9),
#contents_block #subBox03 ul li:nth-child(10) {
    margin-bottom: 2em;

}

#contents_block #subBox03>ul li img {
    width: 100%;
    height: auto;
}

#contents_block #subBox03 ul li a {
    font-size: 0px;
}

#contents_block #subBox03 ul li a span {
    display: block;
    color: #333;
    padding: 1em 1em;
    font-size: 14px;
}

#contents_block #subBox03 li {
    background: #FFF;
    text-align: left;
}

#contents_block #subBox03 .col2 {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}



#contents_block #subBox03 .new {
    width: 15%;
    background-color: #ce0000;
    text-align: center;
    font-size: 14px;
    color: #fff;
    padding: 1em 1em;
    margin: 0em !important;
    box-sizing: border-box;
}


#contents_block #subBox03 .name {
    width: 85%;
    color: #333;
    font-size: 14px;
    padding: 1em 1em;
    margin: 0em !important;
    box-sizing: border-box;
}

#contents_block #subBox03 .name span {
    display: inline;
    margin: 0;
    padding: 0;
}


#contents_block #subBox03 .new2 {
    width: 30%;
    background-color: #ce0000;
    text-align: center;
    font-size: 14px;
    color: #fff;
    padding: 1em 0.5em;
    margin: 0em !important;
    box-sizing: border-box;
}


#contents_block #subBox03 .name2 {
    width: 70%;
    color: #333;
    font-size: 14px;
    padding: 1em 1em;
    margin: 0em !important;
    box-sizing: border-box;
}

#contents_block #subBox03 .name2 span {
    display: inline;
    margin: 0;
    padding: 0;
}


/* smartPhone */
@media screen and (max-width: 640px) {
    #contents_block #subBox03 {
        width: 100%;
    }

    #contents_block #subBox03 ul {
        width: 85%;
    }

    #contents_block #subBox03 ul li {
        font-size: 1em;
        width: 100%;

    }

    #contents_block #subBox03 ul li:nth-child(1),
    #contents_block #subBox03 ul li:nth-child(2),
    #contents_block #subBox03 ul li:nth-child(3),
    #contents_block #subBox03 ul li:nth-child(4),
    #contents_block #subBox03 ul li:nth-child(5),
    #contents_block #subBox03 ul li:nth-child(6),
    #contents_block #subBox03 ul li:nth-child(7),
    #contents_block #subBox03 ul li:nth-child(8),
    #contents_block #subBox03 ul li:nth-child(9),
    #contents_block #subBox03 ul li:nth-child(10),
    #contents_block #subBox03 ul li:nth-child(11) {
        margin-bottom: 2em;

    }

    #contents_block #subBox03 .new2 {
        width: 30%;
        font-size: 16px;
    }


    #contents_block #subBox03 .name2 {
        width: 70%;
        font-size: 16px;
        line-height: 160%;
    }

    #contents_block #subBox03 .name2 span {
        display: block;
    }

    #contents_block #subBox03 ul li a span {
        font-size: 16px;
    }


}

/* smartPhone END */




/*****************************
 * バナー
 *****************************/
.cmwinBnr {
    width: 525px;
    margin: 30px auto 20px auto;
}

.cmwinBnr a img {
    width: 525px;
    height: auto;
}

.cmwinBnr a:hover img {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
}




.clearfix::after {
    content: "";
    display: block;
    clear: both;
}

/* smartPhone */
@media screen and (max-width: 640px) {

    .cmwinBnr {
        width: 90%;
        margin: 30px auto 10px auto;
    }

    .cmwinBnr a img {
        width: 90%;
        height: auto;
    }

}

/* smartPhone END */