html {
    -webkit-text-size-adjust: none;
}
@media screen and (min-width: 360px) {
    * {
        -webkit-text-size-adjust: none;
    }
}
@media only screen and (max-width: 1160px) {
    /*-------------
 	general
-------------*/
    body {
        font-size: 15px;
    }
    .mid-use {
        display: inline;
    }
    .mid-pc-use {
        display: none;
    }
    /* ----------------
main menu
---------------- */
    .main-menu-wrap .main-menu {
        padding: 0px 20px 0px 0px;
        box-sizing: border-box;
    }
    /* ----------------
with toppan
---------------- */
    .with-toppan-wrap .with-toppan {
        width: calc(100% - 50px);
    }
    /* ----------------
first content
---------------- */
    .first-content .moving-deco-left {
        width: calc(154.5px * 0.8);
    }
    .first-content .moving-deco-right {
        width: calc(231px * 0.8);
    }
    .first-content .upper-desc {
        width: calc(100% - 50px);
        margin: 0 auto;
    }
    .first-content .adidas-sports-park .about-wrap {
        width: calc(100% - 50px);
        margin: 0 auto;
    }
    .first-content .implementation-schedule {
        width: calc(100% - 50px);
        margin: 0 auto;
    }
    .first-content .implementation-schedule .schedule-content > div {
        flex-basis: 32.5%;
        max-width: 32.5%;
        height: 180px;
        background-size: cover;
    }
    .first-content .until-made {
        width: calc(100% - 50px);
        margin: 0 auto;
    }
    /* ----------------
second content
---------------- */
    .second-content .second-content-inner {
        width: calc(100% - 50px);
    }
    .second-content .second-content-inner .method-wrap .method-content-wrap .method-content {
        /*padding: 23px 20px 40px 20px;*/
        padding: 23px 20px 60px 20px;
        box-sizing: border-box;
    }
    .second-content .second-content-inner .method-wrap .method-content-wrap .method-content .target-shoes-wrap .target-shoes-content .right-wrap .recovery-box-content {
        flex-wrap: wrap;
        /*padding: 13px 15px 18px 15px;*/
    }
    .second-content .second-content-inner .method-wrap .method-content-wrap .method-content .target-shoes-wrap .target-shoes-content .right-wrap .recovery-box-content .recovery-box-desc .main-desc p {
        padding: 15px 0px 0px 0px;
    }
    .second-content .second-content-inner .method-wrap .method-content-wrap .method-content .target-shoes-wrap .target-shoes-content .right-wrap .recovery-box-content .recovery-box-desc .main-desc .sticker-content {
        position: relative;
        right: auto;
        bottom: auto;
        text-align: center;
    }
    .second-content .second-content-inner .method-wrap .method-content-wrap .method-content .target-shoes-wrap .target-shoes-content .right-wrap .recovery-box-content .recovery-box-caution {
        position: relative;
        right: auto;
        bottom: auto;
        /*text-align: left;*/
    }
}
@media only screen and (max-width: 800px) {
    /*-------------
 	general
-------------*/
    .sp-use {
        display: block;
    }
    .pc-use {
        display: none;
    }
    .sp-inline-use {
        display: inline;
    }
    .pc-inline-use {
        display: none;
    }
    .mid-use {
        display: none;
    }
    /* ----------------
main visual
---------------- */
    .main-visual .visual-content {
        max-width: 500px;
    }
    /* ----------------
main menu
---------------- */
    .main-menu-wrap {
        display: none;
    }
    /* ----------------
with toppan
---------------- */
    .with-toppan-wrap .with-toppan {
        padding: 25px 0px 20px 0px;
    }
    .with-toppan-wrap .with-toppan .upper-logo {
        max-width: 110px;
        line-height: 1.8;
    }
    .with-toppan-wrap .with-toppan .lower-desc {
        font-size: 86.66%;
    }
    /* ----------------
first content
---------------- */
    .first-content {
        padding: 40px 0px 50px 0px;
    }
    .first-content .moving-deco-left {
        left: -5px;
        top: -140px;
        width: 48.5px;
    }
    .first-content .moving-deco-right {
        z-index: 10;
        right: -10px;
        top: -100px;
        width: 74px;
    }
    .first-content .upper-desc .bigger-title {
        font-size: 150%;
        padding: 0px 0px 20px 0px;
    }
    .first-content .upper-desc .bigger-title span.small-text {
        display: block;
        line-height: 2.5;
    }
    .first-content .upper-desc .bigger-title span.middle-text {
        display: block;
        line-height: 1.2;
    }
    .first-content .upper-desc .normal-desc {
        font-size: 93.33%;
        line-height: 2.1;
    }
    .first-content .adidas-sports-park {
        padding: 25px 0px 60px 0px;
    }
    .first-content .adidas-sports-park .about-wrap {
        padding: 40px 0px 0px 0px;
    }
    .first-content .adidas-sports-park .about-wrap .about-content {
        padding: 25px 25px 20px 25px;
    }
    .first-content .adidas-sports-park .about-wrap .about-content .about-desc {
        font-size: 86.66%;
    }
    .first-content .implementation-schedule {
        margin: 0 auto;
        padding: 0px 0px 50px 0px;
    }
    .first-content .implementation-schedule .schedule-title span {
        padding: 6px 25px 8px 25px;
        font-size: 109.6%;
    }
    .first-content .implementation-schedule .schedule-content {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        max-width: 400px;
        margin: 0 auto;
    }
    .first-content .implementation-schedule .schedule-content > div {
        flex-basis: 297px;
        max-width: 297px;
        height: 141.5px;
        background-image: url("../images/schedule-bg-sp.png");
        background-position: center bottom;
        margin: 0px 0px 10px 0px;
        justify-content: flex-start;
        padding-top: 5%;
        box-sizing: border-box;
    }
    .first-content .implementation-schedule .schedule-content > div .period {
        font-size: 116.66%;
        padding: 5px 20px 5px 20px;
        min-width: 130px;
        text-align: center;
    }
    .first-content .implementation-schedule .schedule-content > div .schedule-desc {
        font-size: 100%;
        padding: 10px 0px 0px 0px;
    }
    .first-content .until-made .until-made-title span {
        padding: 6px 25px 8px 25px;
        font-size: 109.6%;
    }
    .first-content .until-made .until-made-content {
        max-width: 460px;
        margin: 0 auto;
    }
    /* ----------------
second content
---------------- */
    .second-content .second-content-inner {
        padding: 40px 0px 40px 0px;
    }
    .second-content .second-content-inner .case-wrap {
        padding: 0px 0px 30px 0px;
    }
    .second-content .second-content-inner .case-wrap .case-title-wrap .title-decoration {
        max-width: 154px;
        margin: 0 auto;
        padding: 0px 0px 10px 0px;
    }
    .second-content .second-content-inner .case-wrap .case-title-wrap .case-title {
        font-size: 140%;
        line-height: 1.8;
    }
    .second-content .second-content-inner .case-wrap .case-list-wrap {
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        padding: 20px 0px 0px 0px;
    }
    .second-content .second-content-inner .case-wrap .case-list-wrap > div {
        flex-basis: 100%;
        max-width: 100%;
    }
    .second-content .second-content-inner .case-wrap .case-list-wrap > div:not(:last-child) {
        padding: 0px 0px 30px 0px;
    }
    .second-content .second-content-inner .case-wrap .case-list-wrap > div .img-wrap {
        text-align: center;
    }
    .second-content .second-content-inner .case-wrap .case-list-wrap > div .img-wrap img {
        max-width: 325px;
        margin: 0 auto;
    }
    .second-content .second-content-inner .method-wrap .method-title-wrap {
        position: relative;
        text-align: center;
        padding: 0px 0px 45px 0px;
    }
    .second-content .second-content-inner .method-wrap .method-title-wrap .title-decoration {
        max-width: 286px;
        margin-left: -110px;
        padding: 0px 0px 10px 0px;
    }
    .second-content .second-content-inner .method-wrap .method-title-wrap .method-title {
        font-size: 140%;
        line-height: 1.8;
    }
    .second-content .second-content-inner .method-wrap .method-content-wrap .method-decoration01 {
        top: 60px;
        left: -83px;
        width: 100px;
    }
    .second-content .second-content-inner .method-wrap .method-content-wrap .method-decoration02 {
        top: -30px;
        right: -50px;
        width: 79px;
    }
    .second-content .second-content-inner .method-wrap .method-content-wrap .method-decoration03 {
        bottom: -40px;
        right: -75px;
        width: 113px;
    }
    .second-content .second-content-inner .method-wrap .method-content-wrap .method-content {
        /*padding: 23px 20px 10px 20px;*/
        padding: 23px 20px 30px 20px;
        box-sizing: border-box;
    }
    .second-content .second-content-inner .method-wrap .method-content-wrap .method-content .method-content-title-wrap .method-content-title {
        max-width: 139px;
    }
    .second-content .second-content-inner .method-wrap .method-content-wrap .method-content .target-shoes-wrap .target-shoes-title span {
        padding: 5px 0px 7px 0px;
        width: 128px;
    }
    .second-content .second-content-inner .method-wrap .method-content-wrap .method-content .target-shoes-wrap .target-shoes-content {
        justify-content: flex-start;
        align-items: flex-start;
        flex-wrap: wrap;
    }
    .second-content .second-content-inner .method-wrap .method-content-wrap .method-content .target-shoes-wrap .target-shoes-content .left-wrap {
        flex-basis: 100%;
        max-width: 100%;
    }
    .second-content .second-content-inner .method-wrap .method-content-wrap .method-content .target-shoes-wrap .target-shoes-content .left-wrap .shoes-img-wrap {
        justify-content: center;
        padding: 0px 0px 25px 0px;
    }
    .second-content .second-content-inner .method-wrap .method-content-wrap .method-content .target-shoes-wrap .target-shoes-content .left-wrap .shoes-img-wrap > div {
        flex-basis: 50%;
        max-width: 50%;
    }
    .second-content .second-content-inner .method-wrap .method-content-wrap .method-content .target-shoes-wrap .target-shoes-content .left-wrap .caution-wrap .caution-list-wrap .caution-list-title {
        line-height: 1.6;
        padding: 5px 0px 5px 0px;
    }
    .second-content .second-content-inner .method-wrap .method-content-wrap .method-content .target-shoes-wrap .target-shoes-content .right-wrap {
        flex-basis: 100%;
        max-width: 100%;
        padding: 65px 0px 0px 0px;
    }
    .second-content .second-content-inner .method-wrap .method-content-wrap .method-content .target-shoes-wrap .target-shoes-content .right-wrap .box-deco-left {
        left: -15px;
        top: 30px;
        width: 70px;
    }
    .second-content .second-content-inner .method-wrap .method-content-wrap .method-content .target-shoes-wrap .target-shoes-content .right-wrap .box-deco-right {
        right: -7px;
        top: 100px;
        width: 65px;
    }
    .second-content .second-content-inner .method-wrap .method-content-wrap .method-content .target-shoes-wrap .target-shoes-content .right-wrap .recovery-box-content {
        flex-wrap: wrap;
        padding: 13px 15px 18px 15px;
    }
    .second-content .second-content-inner .method-wrap .method-content-wrap .method-content .target-shoes-wrap .target-shoes-content .right-wrap .recovery-box-content .recovery-box-img {
        flex-basis: 100%;
        max-width: 100%;
        padding: 0px 0px 0px 0px;
        text-align: center;
        margin-top: -60px;
    }
    .second-content .second-content-inner .method-wrap .method-content-wrap .method-content .target-shoes-wrap .target-shoes-content .right-wrap .recovery-box-content .recovery-box-img img {
        max-width: 139px;
        margin: 0 auto;
    }
    .second-content .second-content-inner .method-wrap .method-content-wrap .method-content .target-shoes-wrap .target-shoes-content .right-wrap .recovery-box-content .recovery-box-desc {
        flex-basis: 100%;
        max-width: 100%;
        padding: 5px 0px 0px 0px;
    }
    .second-content .second-content-inner .method-wrap .method-content-wrap .method-content .target-shoes-wrap .target-shoes-content .right-wrap .recovery-box-content .recovery-box-desc .main-desc p {
        padding: 0px 0px 10px 0px;
    }
    .second-content .second-content-inner .method-wrap .method-content-wrap .method-content .target-shoes-wrap .target-shoes-content .right-wrap .recovery-box-content .recovery-box-desc .main-desc .sticker-content {
        position: relative;
        right: auto;
        bottom: auto;
        text-align: center;
    }
    .second-content .second-content-inner .method-wrap .method-content-wrap .method-content .target-shoes-wrap .target-shoes-content .right-wrap .recovery-box-content .recovery-box-desc .main-desc .sticker-content .sticker-img {
        margin: 0px auto 0px auto;
    }
    .second-content .second-content-inner .method-wrap .method-content-wrap .method-content .target-shoes-wrap .target-shoes-content .right-wrap .recovery-box-content .recovery-box-caution {
        position: relative;
        right: auto;
        bottom: auto;
        text-align: left;
        line-height: 1.5;
        padding: 10px 0px 0px 1.0em;
        text-indent: -1.0em;
    }
    .second-content .second-content-inner .method-wrap .method-content-wrap .method-content .target-games-wrap {
        padding: 0px 0px 30px 0px;
    }
    .second-content .second-content-inner .method-wrap .method-content-wrap .method-content .target-games-wrap .target-games-title {
        max-width: 139px;
    }
    .second-content .second-content-inner .method-wrap .method-content-wrap .method-content .target-games-wrap .target-games-title span {
        padding: 5px 0px 7px 0px;
        width: 128px;
    }
    .second-content .second-content-inner .method-wrap .method-content-wrap .method-content .target-games-wrap .target-games-content .alvark-name-wrap {
        line-height: 1.3;
        font-size: 190%;
        background-position: left top;
        padding: 65px 0px 15px 0px;
    }
    .second-content .second-content-inner .method-wrap .method-content-wrap .method-content .target-games-wrap .target-games-content .target-games-list-wrap {
        padding: 0px 0px 0px 0px;
        max-width: 320px;
        margin: 0 auto;
    }
    .second-content .second-content-inner .method-wrap .method-content-wrap .method-content .target-games-wrap .target-games-content .target-games-list-wrap .target-games-list {
        flex-wrap: wrap;
        height: auto;
        margin: 0px 0px 5px 0px;
        padding: 15px 5px 20px 15px;
        box-sizing: border-box;
    }
    .second-content .second-content-inner .method-wrap .method-content-wrap .method-content .target-games-wrap .target-games-content .target-games-list-wrap .target-games-list .date {
        flex-basis: 26%;
        max-width: 26%;
        line-height: 1.0;
        font-size: 186.66%;
        padding: 0px 0px 0px 0px;
        margin-top: 0px;
    }
    .second-content .second-content-inner .method-wrap .method-content-wrap .method-content .target-games-wrap .target-games-content .target-games-list-wrap .target-games-list .week {
        flex-basis: 10%;
        max-width: 10%;
    }
    .second-content .second-content-inner .method-wrap .method-content-wrap .method-content .target-games-wrap .target-games-content .target-games-list-wrap .target-games-list .week span {
        width: 24px;
        height: 24px;
    }
    .second-content .second-content-inner .method-wrap .method-content-wrap .method-content .target-games-wrap .target-games-content .target-games-list-wrap .target-games-list .hour {
        flex-basis: 21%;
        max-width: 21%;
        text-align: right;
    }
    .second-content .second-content-inner .method-wrap .method-content-wrap .method-content .target-games-wrap .target-games-content .target-games-list-wrap .target-games-list .tipoff {
        flex-basis: 43%;
        max-width: 43%;
        padding: 0px 0px 0px 10px;
        box-sizing: border-box;
    }
    .second-content .second-content-inner .method-wrap .method-content-wrap .method-content .target-games-wrap .target-games-content .target-games-list-wrap .target-games-list .vs {
        flex-basis: 100%;
        max-width: 100%;
        text-align: left;
        padding: 10px 0px 10px 0px;
    }
    .second-content .second-content-inner .method-wrap .method-content-wrap .method-content .target-games-wrap .target-games-content .target-games-list-wrap .target-games-list .logo {
        flex-basis: 20%;
        max-width: 20%;
        text-align: left;
    }
    .second-content .second-content-inner .method-wrap .method-content-wrap .method-content .target-games-wrap .target-games-content .target-games-list-wrap .target-games-list .logo .hannaryz {
        max-width: 46px;
    }
    .second-content .second-content-inner .method-wrap .method-content-wrap .method-content .target-games-wrap .target-games-content .target-games-list-wrap .target-games-list .logo .fightingeagles {
        max-width: 43px;
    }
    .second-content .second-content-inner .method-wrap .method-content-wrap .method-content .target-games-wrap .target-games-content .target-games-list-wrap .target-games-list .logo .bravethunders {
        max-width: 41px;
    }
    .second-content .second-content-inner .method-wrap .method-content-wrap .method-content .target-games-wrap .target-games-content .target-games-list-wrap .target-games-list .team {
        flex-basis: 80%;
        max-width: 80%;
        font-size: 93.33%;
    }
    .second-content .second-content-inner .method-wrap .method-content-wrap .method-content .target-games-wrap .target-games-content .target-games-list-wrap .target-games-list .place {
        flex-basis: 100%;
        max-width: 100%;
        font-size: 93.33%;
        padding: 20px 0px 0px 0px;
    }
    .second-content .second-content-inner .method-wrap .method-content-wrap .method-content .status-wrap {
        padding: 0px 0px 0px 0px;
    }
    .second-content .second-content-inner .method-wrap .method-content-wrap .method-content .status-wrap .status-number-wrap .status-number-wrap-inner .status-number > span {
        font-size: 133.33%;
        line-height: 1.9;
        padding: 0px 7px 0px 7px;
        margin: 0px 1px 0px 1px;
    }
    .second-content .second-content-inner .method-wrap .method-content-wrap .method-content .status-wrap .status-number-wrap .status-number-wrap-inner .number-sep {
        margin: 0px 5px 0px 5px;
    }
    .second-content .second-content-inner .method-wrap .method-content-wrap .method-content .status-wrap .status-number-wrap .status-number-wrap-inner .number-sep img {
        max-width: 10px;
        padding: 6px 0px 0px 0px;
    }
    .second-content .second-content-inner .method-wrap .method-content-wrap .method-content .status-wrap .status-number-wrap .status-number-wrap-inner .number-unit {
        right: -16px;
        bottom: 1px;
        font-size: 86%;
    }
    .second-content .second-content-inner .method-wrap .method-content-wrap .method-content .slide-wrap {
        padding: 20px 0px 20px 0px;
    }
    /* ----------------
swiper
---------------- */
    .swiper-pagination {
        bottom: -25px !important;
    }
    .swiper-button-prev {
        left: -13px !important;
    }
    .swiper-button-next {
        right: -13px !important;
    }
    .swiper-button-next, .swiper-button-prev {
        position: absolute;
        top: 50%;
        width: 8.5px;
        height: 17.5px;
        margin-top: -8.75px;
    }
    .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 3px;
    }
    .swiper-pagination-bullet {
        width: 8px !important;
        height: 8px !important;
    }
    /* ----------------
third content
---------------- */
    .third-content {
        width: 100%;
        box-sizing: border-box;
        padding: 65px 0px 45px 0px;
    }
    .third-content .alvark-will-wrap {
        width: calc(100% - 50px);
        margin: 0 auto;
        padding: 0px 0px 70px 0px;
    }
    .third-content .alvark-will-wrap .carbon-neutral-action {
        max-width: 320px;
        padding: 0px 0px 50px 0px;
    }
    .third-content .toyota-arena-tokyo-wrap .link-wrap {
        padding: 10px 20px 0px 20px;
    }
}
@media only screen and (max-width: 600px) {
    /*-------------
 	general
-------------*/
    .super-sp-inline-use {
        display: inline;
    }
    .super-pc-inline-use {
        display: none;
    }
    /* ----------------
second content
---------------- */    
    .second-content .second-content-inner .method-wrap .method-content-wrap .method-decoration03 {
        bottom: -40px;
        right: -95px;
        width: 113px;
    }    
    
    
}