@charset "UTF-8";

/* cmn */
body{ overflow-x: hidden; margin: 0; }

.mod-pc{ display: block; }
.mod-sp{ display: none; }

.aikastu_designmart-contents{
    width: 1100px;
    background: url(../img/stripe.jpg);
    margin: 0 auto;
    padding-top: 64px;
    font-family: "Noto Sans JP", sans-serif;
    color: #614242;
}

.aikastu_designmart-contents p{ margin: 0; padding: 0;}
.aikastu_designmart-contents a{ text-decoration: none; color: #614242; transition: .3s;}
.aikastu_designmart-contents a:hover{ opacity: 0.6; }
.aikastu_designmart-contents img{ max-width: 100%; }

.aikastu_designmart-contents .wrapper{
    background: #fff;
    margin: 0 168px;
    border-top: 12px solid #e75080;
    padding: 65px 35px;
}

.aikastu_designmart-contents ul{ list-style: none; padding: 0;}

.js-height2,.js-height3{ display: flex; justify-content: center; align-items: center;}

/* section */
.aikastu_designmart-contents section{ position: relative; margin-bottom: 100px;}

._texts p ._blue{ color: #3f8cff;}
._texts p ._red{ color: #ff4b4b;}
p ._pink{ color: #e65081;}

.aikastu_designmart-contents ._box{ display: flex; flex-wrap: wrap;}

.aikastu_designmart-contents .block-inner{ text-align: center;}

.aikastu_designmart-contents ._kaisei{
    font-family: "Kaisei Opti", serif;
    font-weight: 700;
}
.aikastu_designmart-contents h2._kaisei,
.aikastu_designmart-contents h4._kaisei{
    background: linear-gradient(90deg, #e84f7e 0%, #c05fcf 100%);
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
}

._subtxt ._kaisei{ font-size: 25px;}

._row-header h2{
    position: relative;
    font-family: "Kaisei Opti", serif;
    font-weight: 700;
    font-size: 35px;
    line-height: 1.4;
    background: linear-gradient(90deg, #e84f7e 0%, #c05fcf 100%);
    color: #fff;
    border-radius: 34px;
    padding: 18px 0;
    margin:0 0 43px;
}
._row-header h2 span{
    font-size: 22px;
}
._row-header h2:before{
    content: "◆◆◆";
    font-family: "Noto Sans JP", sans-serif;
    font-size: 18px;
    letter-spacing: 5px;
    position: absolute;
    top: 50%;
    left: 60px;
    transform: translateY(-50%);
}
._row-header h2:after{
    content: "◆◆◆";
    font-family: "Noto Sans JP", sans-serif;
    font-size: 18px;
    letter-spacing: 5px;
    position: absolute;
    top: 50%;
    right: 60px;
    transform: translateY(-50%);
}
.block-stamp ._row-header h2:before,
.block-special ._row-header h2:before{
    left: 21px;
}
.block-stamp ._row-header h2:after,
.block-special ._row-header h2:after {
    right: 21px;
}

._row-body h4{
    position: relative;
    margin: 0 0 35px;
    padding-bottom: 10px;  
    display: flex;
    justify-content: center;
    align-items: center;
}

._row-body h4._kaisei{
    position: relative;
    font-size: 23px; 
    padding-bottom: 10px;   
}

._row-body h4:before{
    content: "";
    width: 100%;
    height: 3px;
    background: linear-gradient(90deg, #e84f7e 0%, #c05fcf 100%);
    position: absolute;
    bottom: 0;
    left: 0;
}

._label {
    font-family: "Kaisei Opti", serif;
    font-weight: 700;
    font-size: 17px;
    background: linear-gradient(90deg, #e84f7e 0%, #c05fcf 100%);
    color: #fff;
    border-radius: 16px;
    padding: 10px 84px;
    display: inline-block;
    margin-bottom: 30px;
}

#cdu1Column h3._label{
    color: #fff;
}

/* block-main */
section.block-main{
    margin-bottom: 70px;
}

.block-main ._main{
    margin-bottom: 60px;
}

.block-main ._texts p{
    margin-top: 50px;
    font-weight: 700;
    line-height: 1.93;
}

/* nav */
nav ._box{
    gap: 15px;
    margin-bottom: 90px;
}

nav ._box li{
    width: calc(33% - 8px);
}

/* block-date */
.block-date ._texts p{ 
    font-weight: 700;
    font-size: 24px;
    line-height: 1.8;
    margin-bottom: 25px;
}

.block-date ._texts p._closed{
    border: 2px solid #cf7cd8;
    margin: 0 166px 38px;
    padding: 24px 0;
}

.block-date ._link{
    margin-bottom: 26px;
}

._notes{
    text-align: left;
    margin: 0 78px;
}

._notes li{
    font-size: 13px;
    font-weight: 700;
    line-height: 2.23;
}

/* block-lottery */
.block-lottery ._subtxt{
    margin-bottom: 74px;
}

._items ._box{
    gap: 34px;
    margin-bottom: 30px;
}

._items ._box p{
    font-weight: 700;
}

._items li{
    width: calc(50% - 17px);
}

._items li ._notes{
    margin: 0;
    font-size: 13px;
    font-weight: 700;
}

.block-lottery ._items li._long{
    width: 100%;
}

.block-lottery ._items li._long ._box li{
    width: 21.3%;
}

.block-lottery ._items li._long ._box li:last-child{
    width: 100%;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
}

.block-lottery ._items li._long ._box li:last-child p{
    font-weight: 700;
    font-size: 19px;
    line-height: 1.8;
}

.block-lottery ._notes li{
    width: 100%;
}

.block-stamp ._subtxt{
    margin-bottom: 70px;
}

.block-stamp ._items ._box p{
    margin-bottom: 15px;
}

.block-stamp ._texts p._kaisei{
    font-size: 26px;
    margin-bottom: 36px;
}

.block-stamp ._texts ._notes{
    margin: 0 32px;
}

.block-special ._items ._box li p._label{
    padding: 5px 25px;
    margin-bottom: 15px;
}

.block-special ._texts ._kaisei{
    font-size: 29px;
    margin-bottom: 40px;
    line-height: 1.5;
}

.block-special ._texts ._notes{
    text-align: center;
    font-weight: 700;
    margin-bottom: 30px;
}

._target ._box{
    gap: 47px;
}

._target li{
    width: calc(33% - 30px);
}

._target ._label{
    color: #fff;
}

.mod-goods-item ._images{
    border: 2px solid #e65081;
    margin-bottom: 10px;
}

.mod-goods-item ._texts ._name,.mod-goods-item ._texts ._price{ text-align: left; font-weight: 700;}

.mod-goods-item ._texts ._name{ margin-bottom: 15px; line-height: 1.6; }

#play.block-special ._row-header h2{ font-size: 30px; letter-spacing: -0.05em; }
#play.block-special ._row-header h2:before,#play.block-special ._row-header h2:after{ font-size: 13px; letter-spacing: 3px;}
#play.block-special ._row-header h2:before{ left: 11px; }
#play.block-special ._row-header h2:after{ right: 11px; }

#play.block-special ._row-body ._texts p{
    font-size: 15px;
    font-weight: 700;
    line-height: 1.9;
    margin-bottom: 32px;
}

.block-special .howto{
    margin-top: 80px;
}

.block-special .howto h4._kaisei{
    font-size: 30px;
}

.block-special .howto ._subtxt p{
    font-weight: 700;
    line-height: 1.8;
    font-size: 24px;
    margin-bottom: 60px;
}

.block-special .howto ._texts,
.block-special .howto ._texts ul{
    text-align: left;
}

.block-special .howto ._texts ul{
    margin: 0;
}

#play.block-special ._row-body ._texts p._tit{
    font-size: 22px;
    color: #df71c4;
    margin-bottom: 1em;
}

.block-special .howto ._texts ._notes{
    margin-bottom: 65px;
}

.block-special .howto ._texts ._notes li{
    margin-bottom: 1em;
    font-size: 16px;
}

.block-special .howto ._texts ._notes li:last-child{
    margin-bottom: 0;
}

.aikastu_designmart-contents #play .howto ._texts ._notes li a{
   color: #3f8cff;
}

.block-event ._subtxt ._kaisei{
    font-size: 24px;
    color: #e65081;
    margin-bottom: 33px;
}

.block-event ._subtxt p:last-child{
    font-weight: 700;
    font-size: 19px;
    line-height: 1.9;
    margin-bottom: 67px;
}

.block-event ._row-body h4._kaisei{
    font-size: 30px;
}

.block-event ._box{
    gap: 17px;
}

.block-event ._box li p{
    font-weight: 700;
    font-size: 18px;
    line-height: 1.6;
    margin-top: 17px;
}

.block-event ._texts > div{
    margin-bottom: 70px;
}

.block-event ._texts > div ._texts p{
    font-weight: 700;
    line-height: 1.8;
}

.block-event ._texts > div:nth-child(2) ._texts p{
    font-size: 24px;
}

.block-event ._texts > div:nth-child(3) ._texts p{
    font-size: 21px;
    margin-bottom: 45px;
}

.block-event ._texts ._notes{
    margin: 0 43px;
}

.block-recommend ._box{
    gap: 2%;
    margin-top: 50px;
    justify-content: center;
}

.block-recommend ._box li{
    width: 49%;
}

@media screen and (max-width:1099px) {
    .aikastu_designmart-contents{
        width: 100%;
    }

    .aikastu_designmart-contents .wrapper{
        background: #fff;
        margin: 0 15.272727272727273vw;
        padding: 5.909090909090909vw 3.1818181818181817vw;
    }

    nav ._box{
        gap: 1.3636363636363635vw;
    }

    .block-date ._texts p._closed {
        margin: 0 15.090909090909092vw 3.4545454545454546vw;
        padding: 2.181818181818182vw 0;
    }

    ._items ._box {
        gap: 3vw;
    }

    .block-event ._box {
        gap: 0.5vw;
    }
}

@media screen and (max-width:834px) {
    .aikastu_designmart-contents .wrapper{
        margin: 0 5vw;
    }

    .aikastu_designmart-contents ._box{
        justify-content: space-between;
    }

    ._target ._box {
        gap: 4.2727272727272725vw;
        margin: 0;
    }

    ._target li {
        width: 30%;
    }
}

@media screen and (max-width:414px) {
    .mod-pc{ display: none; }
    .mod-sp{ display: block; }

    .aikastu_designmart-contents{
        background: none;
        padding-top: 0;
    }

    .aikastu_designmart-contents .wrapper{
        margin: 0;
    }

    .aikastu_designmart-contents h2._kaisei{
        font-size: 5vw;
    }

    .aikastu_designmart-contents section {
        margin-bottom: 9.090909090909092vw;
    }

    section.block-main {
        margin-bottom: 6.363636363636363vw;
    }

    .block-main ._main {
        margin-bottom: 3.125vw;
    }

    .block-main ._texts p {
        margin-top: 4.545454545454546vw;
        font-size: 1em;
    }

    nav ._box {
        margin: 0 0 8.181818181818182vw;
    }

    ._row-header h2{
        font-size: 1.7em;
        border-radius: 17px;
        margin: 0 0 3.909090909090909vw;
    }

    ._row-header h2::before {
        font-size: 0.4em;
        left: 4%;
    }

    ._row-header h2::after {
        font-size: 0.4em;
        right: 4%;
    }

    .block-date ._texts p {
        font-size: 1.2em;
        margin-bottom: 2.272727272727273vw;
    }

    ._notes {
        margin: 0;
    }

    ._subtxt ._kaisei {
        font-size: 1.2em;
    }

    .block-lottery ._subtxt {
        margin-bottom: 6.7272727272727275vw;
    }

    ._row-body h4{
        margin-bottom: 3.1818181818181817vw;
    }

    ._row-body h4::before {
        height: 2px;
    }

    ._row-body h4._kaisei {
        font-size: 1em;
        padding-bottom: 0.9090909090909091vw;
    }

    ._items li ._notes {
        font-size: 0.7em;
    }

    .block-lottery ._items li._long ._box li:last-child img{
        width: 37%;
    }

    .block-lottery ._items li._long ._box li:last-child p {
        font-size: 0.8em;
    }

    .block-stamp ._subtxt {
        margin-bottom: 6.363636363636363vw;
    }

    .block-stamp ._items ._box p {
        font-size: 0.8em;
        margin-bottom: 1.3636363636363635vw;
    }

    ._label {
        font-size: 1em;
        border-radius: 8px;
        padding: 0.9090909090909091vw 7.636363636363637vw;
        margin-bottom: 2.727272727272727vw;
    }

    .block-stamp ._texts p._kaisei {
        font-size: 1.2em;
        margin-bottom: 3.272727272727273vw;
    }

    ._row-header h2 span {
        font-size: 0.5em;
    }

    .block-special ._row-header h2 {
        font-size: 1.5em;
    }

    .block-special ._row-header h2::before {
        left: 2%;
        letter-spacing: 3px;
        font-size: 0.3em;
    }

    .block-special ._row-header h2::after {
        right: 2%;
        letter-spacing: 3px;
        font-size: 0.3em;
    }

    .block-special ._items ._box li p._label {
        padding: 0.45454545454545453vw 2.2vw;
        margin-bottom: 1.3636363636363635vw;
        font-size: 0.9em;
    }

    .block-special ._texts ._kaisei {
        font-size: 1.2em;
        margin-bottom: 3.6363636363636362vw;
    }

    .block-special ._texts ._notes {
        font-size: 0.8em;
    }

    .mod-goods-item ._texts ._name {
        font-size: 0.8em;
        margin-bottom: 1.3636363636363635vw;
    }

    .mod-goods-item ._texts ._price{
        font-size: 0.8em;
    }

    #play.block-special ._row-header h2 {
        font-size: 1.2em;
    }

    #play.block-special ._row-header h2 span{
        font-size: 0.8em;
    }

    #play.block-special ._row-header h2:before,
    #play.block-special ._row-header h2:after{
        content: "";
    }

    .block-special .howto ._subtxt p {
        font-size: 1.1em;
        margin-bottom: 5.454545454545454vw;
    }

    #play.block-special ._row-body ._texts p._tit {
        font-size: 1.1em;
    }

    .block-special .howto ._texts ._notes li {
        font-size: 1em;
    }

    .block-special .howto ._texts ._notes {
        margin-bottom: 5.909090909090909vw;
    }

    .block-event ._subtxt ._kaisei {
        font-size: 1.2em;
        margin-bottom: 3vw;
    }

    .block-event ._subtxt p:last-child {
        font-size: 0.9em;
        margin-bottom: 6.090909090909091vw;
    }

    .block-event ._box li{
        width: 30%;
    }

    .block-event ._box li p {
        font-size: 0.7em;
        margin-top: 1.5454545454545454vw;
    }

    .block-event ._texts > div {
        margin-bottom: 6.363636363636363vw;
    }

    .block-special .howto {
        margin-top: 7.2727272727272725vw;
    }

    .block-event ._texts > div:nth-child(2) ._texts p{
        font-size: 1em;
    }

    .block-event ._texts > div:nth-child(3) ._texts p {
        font-size: 1em;
        margin-bottom: 4.090909090909091vw;
    }

    .block-event ._texts ._notes{
        margin: 0;
    }

    .block-recommend ._box{
        gap: 0;
        margin-top: 6vw;
    }

    .block-recommend ._box li{
        width: 100%;
    }
}