/* common */
    #footer, footer{
    margin-top: 0!important;
    }
    #t-spark_ew,
    #t-spark_ew *,
    #t-spark_ew *:before,
    #t-spark_ew *:after {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        margin: 0;
        padding: 0;
    }
    :root {
        --color-white: #ffffff;
        --color-gray: #e5e2e1;
        --color-black: #252020;
        --font-noto: "Noto Sans JP", sans-serif;
        --margin-128: clamp(64px, 2.667rem + 6.67vw, 128px);
        --margin-96: clamp(48px, 2rem + 5vw, 96px);
        --margin-64: clamp(32px, 1.333rem + 3.33vw, 64px);
        --margin-48: clamp(24px, 1rem + 2.5vw, 48px);
        --margin-32: clamp(16px, 0.667rem + 1.67vw, 32px);
        --margin-24: clamp(14px, 0.667rem + 1.04vw, 24px);
        --margin-16: clamp(8px, 0.333rem + 0.83vw, 16px);
        --font-large: clamp(20px, 0.833rem + 2.08vw, 40px);
        --font-medium: clamp(14px, 0.75rem + 0.63vw, 20px);
        --font-small: clamp(10px, 0.5rem + 0.63vw, 16px);
        --slick-parts: clamp(15px, 0.625rem + 1.56vw, 30px);
        --shadow: drop-shadow(0px 4px 4px #c0c0c0);
        --header: 0px;
    }
    #t-spark_ew h1 {
        border-left: none;
    }
    #t-spark_ew h2 {
        margin: 0 auto var(--margin-64);
        font-size: var(--font-large);
        font-weight: 800;
        color: var(--color-white);
    }
    #t-spark_ew a:not(#resultBox a) {
        display: block;
        text-decoration: none;
        color: var(--color-black);
        transition: .2s;
    }
    #t-spark_ew.bg_ew {
        position: relative;
    }
    #t-spark_ew.bg_ew::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
        background: var(--color-black);
        z-index: -2;
    }
	#t-spark_ew .outerwrapper_ew {
        width: min(95%, 1200px);
        margin: 0 auto;
        padding-bottom: var(--margin-32);
        font-family: var(--font-noto);
        animation: fadeIn 1s;
	}
    @keyframes fadeIn {
        0% {opacity: 0;}
        100% {opacity: 1;}
    }
    #t-spark_ew .innerwrapper_ew {
        margin: 0 auto var(--margin-96);
    }
    #t-spark_ew .container_ew {
        margin: 0 auto var(--margin-64);
    }
    #t-spark_ew .img_ew{
        display: block;
        width: 100%;
        height: auto;
        margin: 0 auto;
    }
    #t-spark_ew .youtube_ew {
        position: relative;
        width: clamp(200px, 90%, 1000px);
        aspect-ratio: 16 / 9;
    }
    #t-spark_ew .youtube_ew iframe {
        position: absolute;
        width: 100%;
        height: 100%; 
        top: 0;
        left: 0;
    }
    #t-spark_ew #copyright_ew li {
        font-size: var(--font-small);
        text-align: right;
        color: var(--color-white);
    }

    /* brand page */
    #t-spark_ew.sub_ew h1 {
        padding: var(--margin-48) 0;
    }
    #t-spark_ew.sub_ew h1 .img_ew {
        width: min(90%, 800px);
        margin: 0 auto;
    }
    #t-spark_ew.sub_ew #introduction_ew {
        color: var(--color-white);
        text-align: left;
    }
    #t-spark_ew.sub_ew #introduction_ew .flex_ew {
        display: flex;
        flex-flow: row wrap;
        align-items: start;
        justify-content: center;
    }
    #t-spark_ew.sub_ew #introduction_ew .flex_ew>* {
        padding: 1em;
    }
    #t-spark_ew.sub_ew #introduction_ew span {
        display: block;
        width: min(90%, 800px);
        margin: 0 auto;
        font-size: var(--font-medium);
    }
    #t-spark_ew.sub_ew #introduction_ew h2 {
        margin: 0 auto var(--margin-16);
        font-size: calc(var(--font-medium) * 1.3);
        font-weight: 800;
    }
    #t-spark_ew.sub_ew #introduction_ew p {
        margin: 0 auto var(--margin-48);
        font-size: calc(var(--font-small) * 1.2);
    }
    #t-spark_ew.sub_ew #itemlist_ew {
        background: var(--color-white);
    }
    #t-spark_ew.sub_ew #itemlist_ew .incitem p {
        text-align: center;
    }
    #t-spark_ew.sub_ew #itemlist_ew #resultBox {
        padding-top: 20px;
    }
    #t-spark_ew.sub_ew #link_ew .img_ew {
        width: min(40%, 400px);
        margin: 0 auto;
    }
    #t-spark_ew.sub_ew #link_ew a:hover {
        opacity: .75;
    }
    #t-spark_ew.sub_ew #link_ew span {
        display: block;
        font-size: var(--font-small);
        text-align: center;
        color: var(--color-white);
    }

    @media screen and (min-width: 961px) {
        #t-spark_ew .br320_ew {
            display: none;
        }
        #t-spark_ew.bg_ew::after {
            content: '';
            position: absolute;
            top: 0;
            right: 15%;
            width: 500px;
            height: 885px;
            width: min(500 / 1200 * 100vw, 500px);
            height: min(885 / 1200 * 100vw, 885px);
            background: url(/ito/img/0to/0000003583/bg.png) no-repeat top / cover;
            z-index: -1;
        }
        #t-spark_ew.bg_ew.isFixed::after {
            position: fixed;
            top: var(--header);
        }
        #t-spark_ew.sub_ew #introduction_ew .flex_ew>*:first-child {
            width: 40%;
        }
        #t-spark_ew.sub_ew #introduction_ew .flex_ew>*:last-child {
            width: 60%;
        }
    }
    @media screen and (max-width: 960px) {
        #t-spark_ew .br320_ew {
            display: none;
        }
        #t-spark_ew.sub_ew #introduction_ew .flex_ew>* {
            width: 90%;
        }
    }
    @media screen and (max-width: 320px) {
        #t-spark_ew .br320_ew {
            display: block;
        }
    }