@charset "utf-8";

@media screen and (max-width: 736px) {
    .forsp {
        display: unset !important;
    }
    .forpc {
        display: none !important;
    }
    html,
    body,
    #stage,
    #stage #contents {
        position: relative;
        width: 100%;
        padding: 0;
        margin: 0;
    }
    #stage #contents {
        font-size: 1.333vw;
        min-width: 0;
    }
    #contents .ctsInner {
        max-width: 1000px;
        width: 100%;
    }
    #header #headerNav,
    #header p#catchcopy {
        display: none;
    }
    #header #megsnow-logo {
        position: relative;
        width: 45.5%;
        margin: -0.1% 0 3.5% 1.8%;
    }
    #stage #header,
    #header #megsnow-logo a,
    #header #megsnow-logo img {
        width: 100%;
        height: auto;
        min-height: unset;
    }
    #contents img {
        height: auto;
    }
    #contents h1 img,
    #contents h2 img,
    #contents h3 img,
    #contents h4 img,
    #contents h5 img,
    #contents p img,
    #contents a img,
    #contents li img {
        width: 100%;
    }
    #stage #header {
        position: fixed;
        top: 0;
        height: 17vw;
        background: #fff;
        z-index: 10;
        border-bottom: #ccc 1px solid;
    }
    #stage #header .openBg {
        position: absolute;
        width: 100%;
        height: 100vh;
        background: #000;
        opacity: 0;
        visibility: hidden;
        transition: .5s;
    }
    #stage #header.open .openBg {
        visibility: visible;
        opacity: .5;
    }
    #stage #header .openBtn {
        position: absolute;
        right: 0;
        top: 0;
        width: 19.2%;
        height: 100%;
        background: url(../images/btn_menu_open.png)no-repeat;
        background-size: contain !important;
    }
    #stage #header.open .openBtn {
        background: url(../images/btn_menu_close.png)no-repeat;
    }
    #stage #header .openNav {
        position: relative;
        max-height: 0;
        overflow: hidden;
        transition: max-height .34s cubic-bezier(0.41, 0.11, 0.25, 1);
        display: block !important;
    }
    #stage #header.open .openNav {
        max-height: 69vw;
    }
    #stage #header .openNav li {
        width: 100%;
    }
    #stage #header .openNav li img {
        width: 100%;
        height: auto;
    }
    /*============================
    #ctsMv
    ============================*/
    div#ctsMv {
        background: linear-gradient(#002a6d 88%, #008cce 99%);
        margin-top: 12.7em;
    }
    #ctsMv h1 {
        margin: 6.8% 0 0 -11.9%;
        width: 23.45%;
    }
    #ctsMv .bg {
        background: url(../images/bg_mv_top_sp.png?3) center top no-repeat;
        background-size: contain;
        height: 72.3em;
        width: 100%;
    }
    #ctsMv .bg_accadi {
        background: linear-gradient(#5bb431 88%, #dadf00 99%);
    }
    #ctsMv .ctsInner {
        padding-bottom: 7.8%;
    }
    #ctsMv li {
        width: 50%;
        margin-left: 0;
        letter-spacing: 0.04em;
    }
    #ctsMv li .img {
        width: 70.7%;
        margin: 55.6% 0 0 -5.5%;
    }
    #ctsMv li h3 {
        margin-top: 10.1%;
        width: 48.6%;
        margin-left: 18.1%;
    }
    #ctsMv li p {
        display: none !important;
    }
    #ctsMv li small {
        display: none !important;
    }
    #ctsMv .accadi {
        margin-left: 5.2%;
        margin-right: -10%;
    }
    #ctsMv .accadi h3 {
        margin-top: 9.1%;
        width: 57.1%;
        margin-left: 21.3%;
    }
    #ctsMv .accadi .img {
        margin-left: 11.3%;
    }
    #ctsMv .newpackage {
        left: 50%;
        width: 24.4%;
        height: 0;
        padding-bottom: 24.4%;
        margin: -0.8px 0 3.2% -12.2%;
        background: url(../images/bg_newpackage.png) no-repeat;
        background-size: cover;
    }
    #ctsMv .newpackage img {
        margin: 29% 0 0 17.5%;
        width: 64%;
        height: auto;
    }
    #ctsMv .newpackage span {
        border: #008cce 0.4em solid;
        width: 1.6em;
        height: 1.6em;
        border-top: 0;
        border-left: 0;
        margin-top: 2.5em;
    }
    /*============================
    #ctsAbout
    ============================*/
    #ctsAbout .head {
        width: 100%;
        background: url(../images/bg_about_top_sp.png?2) center top no-repeat;
        background-size: contain;
        height: 60em;
    }
    #ctsAbout .head h2 {
        padding: 8% 0 3% 0.3%;
        width: 100%;
        margin: 0 auto;
    }
    #ctsAbout .ctsInner {
        padding: 0 10.933% 17%;
    }
    #ctsAbout .lead {
        padding-top: 1.3%;
        width: 96.3%;
        margin: 0 auto 0;
    }
    #ctsAbout .cts {
        margin-top: -47.7%;
        padding: 0;
    }
    #ctsAbout .cts .img {
        margin: 0 0 6% 25%;
        position: relative;
        width: 60.1%;
    }
    #ctsAbout .cts h3 {
        margin: 7.4% 0 8% -0.6%;
        width: 91.5%;
    }
    #ctsAbout .cts li {
        text-indent: -0.5em;
        padding-left: 0.6em;
        font-size: 1.8em;
        line-height: 1.3;
        letter-spacing: 0.04em;
        margin-bottom: 4.3%;
        white-space: normal;
    }
    #ctsAbout .cts li span {
        font-size: 0.8em;
    }
    #ctsAbout .cts small {
        text-indent: -2em;
        padding-left: 2em;
        font-size: 2em;
        letter-spacing: 0.08em;
        line-height: 1.5;
        text-align: justify;
        margin-left: -2.7%;
        margin-bottom: 1%;
    }
    #ctsAbout .copy {
        margin-left: 1%;
        width: 79%;
    }
    #ctsAbout .mincho {
        margin-left: -3.7%;
        font-size: 2.55vw;
        line-height: 1.6;
    }
    #ctsAbout .mincho sup {
        margin-left: 0.8em;
        font-size: 0.7em;
    }
    #ctsAbout .commonBtn {
        border-radius: 2em;
        font-size: 3em;
        padding: 0.8em 1.6em;
        line-height: 1;
        letter-spacing: 0.02em;
        margin: 2.7% 0 8% -0.4%;
    }
    #ctsAbout .commonBtn span {
        border-width: 0.31em 0 0.31em 0.53em;
        margin: 0 -0.65em 0.2em 0.85em;
    }
    #ctsAbout .bottom {
        width: 100%;
        height: 49.86vw;
        margin: -26.1em 0 -20em;
        background-size: cover;
    }
    #ctsAbout .accadi {
        background: linear-gradient(#5bb431 88%, #dadf00 94.5%);
        margin-top: 0;
    }
    #ctsAbout .accadi .ctsInner {
        padding: 0 10.933% 9.3%;
    }
    #ctsAbout .accadi .img {
        margin: 1.6% 0 6% 25%;
        width: 60.1%;
    }
    #ctsAbout .accadi .copy {
        margin-left: 1%;
        width: 99%;
    }
    #ctsAbout .accadi h3 {
        margin: 6.9% 0 5.4% 0.2%;
        width: 99.2%;
    }
    /*============================
    #ctsNewpackage
    ============================*/
    #ctsNewpackage {
        text-align: center;
        background: url(../images/bg_newpackage_top_sp.png) no-repeat center top;
        background-size: contain;
        border: none;
    }
    #ctsNewpackage .anchor {
        margin-top: -17vw;
    }
    #ctsNewpackage h2 {
        padding: 9.3% 0 5.4% 3%;
        margin: 0 auto;
        width: 68.1%;
    }
    #ctsNewpackage h2:before,
    #ctsNewpackage h2:after {
        width: 0.3em;
        height: 12.8em;
        margin: -1.4% 0 0 -12%;
    }
    #ctsNewpackage h2:after {
        margin: -1% 0 0 7.4%;
    }
    #ctsNewpackage .img {
        width: 261.5px;
        margin: 0 5% 11.2% 10%;
        width: 34.8%;
    }
    #ctsNewpackage .img img {
        width: 100%;
    }
    #ctsNewpackage .img span {
        position: absolute;
        width: 103%;
        height: 5.25em;
        top: 0;
        left: 0;
        margin: 5.8% 0 0 -64%;
        background: url(../images/line_newpackage0102_sp.png) no-repeat right;
        background-size: auto 100% !important;
    }
    #ctsNewpackage .img span.line03 {
        width: 65%;
        height: 5.3em;
        margin: 16% 0 0 71.1%;
        background: url(../images/line_newpackage03_sp.png) no-repeat left;
    }
    #ctsNewpackage .img span.line04 {
        width: 68%;
        height: 5.3em;
        margin: 89.3% 0 0 68.1%;
        background: url(../images/line_newpackage04_sp.png) no-repeat left;
    }
    #ctsNewpackage ul {
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }
    #ctsNewpackage li {
        position: relative;
        display: inline-block;
        width: 44%;
        height: 0;
        padding-bottom: 44%;
        margin: 0 1% 1.3% !important;
    }
    #ctsNewpackage li h3 {
        font-size: 2.7em;
        letter-spacing: 0.1em;
        padding: 13.2% 0 0.5%;
    }
    #ctsNewpackage li p {
        font-size: 1.9em;
        line-height: 1.45;
        letter-spacing: 0.02em;
    }
    #ctsNewpackage li .line {
        z-index: 1;
        width: 5.3em !important;
        height: 5.3em !important;
        position: absolute;
        background: url(../images/num_newpackage01.png) no-repeat;
        background-size: contain !important;
        margin: 3.4% 0 0 10.2% !important;
    }
    #ctsNewpackage li .fig {
        margin: 3.9% 0 0 0.4%;
        width: 35.8%;
    }
    #ctsNewpackage li .circle {
        background: url(../images/bg_newpackage_circle.png) no-repeat;
        background-size: cover;
        width: 100%;
    }
    #ctsNewpackage .p02 {
        margin-top: 399px;
    }
    #ctsNewpackage .p02 .line {
        background: url(../images/num_newpackage02.png) no-repeat top;
    }
    #ctsNewpackage .p02 .fig,
    #tokunou #ctsNewpackage .p02 .fig {
        margin: 3.7% 0 0 15.7%;
        width: 57%;
    }
    #ctsNewpackage .p03 {
        margin-left: 677px;
    }
    #ctsNewpackage .p03 .line {
        background: url(../images/num_newpackage03.png) no-repeat left;
    }
    #ctsNewpackage .p03 .fig {
        margin: 3.4% 0 0 21.7%;
        width: 52.5%;
    }
    #ctsNewpackage .p04 {
        margin-top: 399px;
        margin-left: 677px;
    }
    #ctsNewpackage .p04 .line {
        background: url(../images/num_newpackage04.png) no-repeat left;
    }
    #ctsNewpackage .p04 .fig {
        margin: 7% 0 0 17.3%;
        width: 40.8%;
    }
    /*============================
    #ctsHowto
    ============================*/
    #ctsHowto {
        border: none;
    }
    #ctsHowto .ctsInner {
        padding-top: 11.7%;
    }
    #ctsHowto .carousel {
        width: 78.134%;
    }
    #ctsHowto .carousel h3 {
        margin: 0 auto 5%;
        width: 65.6%;
    }
    #ctsHowto .carousel ul {
        width: 100%;
        height: 29.2em;
        border: #008cce 1px solid;
        margin: 0 auto;
    }
    #ctsHowto .carousel h4 {
        margin: 4.3% 0 0 0;
        font-size: 1em;
        width: 5.1%;
        display: inline-block;
    }
    #ctsHowto .carousel p {
        font-size: 2.1em;
        margin-top: 2%;
        line-height: 1.55;
    }
    #ctsHowto .carousel a {
        background: #008cce;
        color: #fff;
        font-weight: 700;
        letter-spacing: 0.04em;
        border-radius: 2em;
        font-size: 2.1em;
        padding: 0.7em 2.5em;
        line-height: 1;
        letter-spacing: 0.02em;
        margin: 0 4.7% 4.8% -0.4%;
    }
    #ctsHowto .carousel span {
        border-width: 0.4em 0 0.4em 0.6em;
        margin: 0 -1.3em 0.2em 1.25em;
        border-color: transparent transparent transparent #ffffff;
    }
    #ctsHowto .carousel .fig {
        margin: 4.8% 4.1% 0 4.8%;
        border: #008cce 1px solid;
        width: 39.9%;
    }
    #ctsHowto .cut h3 {
        margin-bottom: 4.8%;
        margin-top: 16.7%;
        width: 73.2%;
    }
    #ctsHowto .recycle {
        padding-top: 13%;
        color: #008cce;
    }
    #ctsHowto .recycle h5 {
        font-size: 3.2em;
        line-height: 1.3;
        margin-left: 3%;
    }
    #ctsHowto .recycle h5 span {
        padding: 1.7% 4.4%;
        margin-left: -2.8%;
        letter-spacing: 0.02em;
    }
    #ctsHowto .recycle h5:after {
        left: 50%;
        margin-left: -3.3%;
        transform: skewX(19deg);
        border-width: 3.4em 0px 0px 0.53em;
    }
    #ctsHowto .recycle .fig {
        margin: 2.9% 0 0 2.7%;
        width: 36.7%;
    }
    #ctsHowto .recycle ul {
        margin: 4.8% 0 3.5%;
    }
    #ctsHowto .recycle li {
        margin: 0 1.8% 0 2.3%;
        width: 15%;
    }
    #ctsHowto .recycle li:last-child {
        width: 13.5%;
    }
    #ctsHowto .recycle li p {
        font-size: 2.4em;
        margin-top: 10.3%;
    }
    #ctsHowto .recycle .cap {
        left: 50%;
        margin: 31.6% 0 0 20.6%;
        text-align: left;
        text-indent: -1em;
        padding-left: 1em;
        line-height: 1.4;
        font-size: 2em;
    }
    #ctsHowto .cap span {
        border-width: 0.4em 0 0.4em 0.66em;
        margin: 0 0.4em 0.2em 0;
    }
    #ctsHowto .note {
        line-height: 1.5;
        letter-spacing: 0.07em;
        font-size: 2em;
    }
    #ctsHowto .caption {
        margin-bottom: 12.6%;
        font-size: 2em;
        margin: 12% 0 1%;
    }
    /*============================
    #ctsBottom
    ============================*/
    #ctsBottom h3 {
        margin-bottom: 30px;
        width: 75.9%;
        margin: 0 auto 4.5%;
    }
    #ctsBottom ul {
        margin-bottom: 8.8%;
    }
    #ctsBottom li {
        margin: 0 1.3% 2.7%;
        width: 37.8%;
    }
    #ctsBottom .ctsinner {
        padding-top: 12%;
    }
    #ctsBottom .caption {
        margin-bottom: 12.6%;
        font-size: 2em;
    }
    /*============================
	#ctsProductTop
	============================*/
    div#ctsProductTop {
        background: linear-gradient(#002a6d 93%, #008cce 98.8%);
        margin-top: 12.7em;
    }
    #ctsProductTop h1 {
        width: 40.8%;
        padding: 6.8% 0 75px 9.7%;
    }
    #ctsProductTop ul.products {
        right: 1.6%;
        top: 0;
        margin-top: -24.1em;
        position: relative;
        width: 100%;
        text-align: right;
        white-space: nowrap;
    }
    #ctsProductTop .bg {
        background: url(../images/bg_honebuto_pagetop_sp.png?2) no-repeat;
        background-size: contain;
        width: 82.8%;
        height: 68.3em;
    }
    #ctsProductTop .bg_side {
        display: none;
    }
    #ctsProductTop .l1 {
        margin-top: 2.1%;
        width: 33.5%;
        margin-right: -2.5%;
    }
    #ctsProductTop .l2 {
        margin-top: 3px;
        width: 54%;
    }
    #ctsProductTop .products li p {
        margin-left: -2.1em;
        letter-spacing: 0.06em;
        margin-top: 3%;
        font-size: 2.2em;
    }
    #ctsProductTop li.p1 p {
        margin-left: 0.9em;
    }
    #ctsProductTop li.p2 .prod {
        margin: 0px -1.6% 4.2% 0;
        width: 101.9%;
    }
    #ctsProductTop li.p1 .prod {
        margin: 0 -21.3% 4.8% 0;
        width: 64.8%;
    }
    #ctsProductTop .introArea {
        margin: 0 0 0 70px;
        width: 59%;
    }
    #ctsProductTop .introArea h2 {
        margin-bottom: 20px;
    }
    #ctsProductTop .introArea p {
        margin-bottom: 13px;
        margin-left: -1px;
    }
    #ctsProductTop .introArea small {
        letter-spacing: 0.1em;
        font-size: 10.8px;
    }
    #ctsProductTop .commonBtn {
        font-weight: 700;
        border-radius: 2em;
        font-size: 3em;
        padding: 3% 0;
        margin: 12px 0 0 -1%;
        width: 19.5em;
        text-align: center;
    }
    #ctsProductTop .commonBtn span {
        border-width: 0.33em 0 0.33em 0.58em;
        margin: 0 -0.35em 0.1em 2.65em;
        border-color: transparent transparent transparent #002a6d;
    }
    #ctsProductTop .commonMenu {
        width: 200px;
        margin-top: 3px;
        margin-left: 1px;
    }
    #stage #sidearea {
        display: none;
    }
    #ctsProductTop .infoArea {
        margin: 7.5% 0 1% 11.8%;
        width: 80%;
    }
    #ctsProductTop .infoArea h3 {
        bottom: 0;
        margin: 6.8% 0 7.6% -0.2%;
        width: 95.5%;
    }
    #ctsProductTop .infoArea ul {
        font-size: 3.15em;
        margin-left: -0.4em;
        letter-spacing: 0.02em;
    }
    #ctsProductTop .infoArea li {
        text-indent: -0.5em;
        padding-left: 0.4em;
        letter-spacing: 0.1em;
        margin-bottom: 0.9em;
        line-height: 1.4;
    }
    #ctsProductTop .infoArea li sup {
        text-indent: 0;
    }
    #ctsProductTop .infoArea p {
        margin-top: 0;
        font-size: 1.1em;
        line-height: 1.7;
        letter-spacing: 0.04em;
        width: 76.9%;
    }
    #ctsProductTop .infoArea small {
        font-size: 2em;
        letter-spacing: 0.03em;
        margin: 7.6% 4% 11.8% -4%;
        text-align: justify;
        line-height: 1.5;
    }
    #ctsProductTop .linkArea {
        padding: 46px 0 50px;
    }
    #ctsProductTop .linkArea a {
        font-size: 1.4em;
        padding: 18.5px 30px;
        margin: 0px 7px;
        width: 21.6em;
        border-radius: 3em;
        letter-spacing: 0.02em;
    }
    #ctsProductTop .linkArea a:after {
        width: 13px;
        height: 11px;
        background: url(../images/icon_blank_g.png) no-repeat;
        margin: 0 0 4px 7px;
    }
    /*============================
	#ctsModal
	============================*/
    #ctsModal {
        background: rgba(0, 140, 206, 0.9);
    }
    #ctsModal .bg {
        display: none;
    }
    #ctsModal h3 {
        margin: 14.4% 0 7% 19.1%;
        width: 61.5%;
    }
    #ctsModal.cap .ctsCut,
    #ctsModal.cut .ctsCap {
        display: none !important;
    }
    #ctsModal .ctsCut h3 {
        margin: 14.4% 0 7% 16.4%;
        width: 67.6%;
    }
    #ctsModal ul {
        margin-bottom: -3px;
    }
    #ctsModal li {
        width: 80%;
        margin-bottom: 7.5%;
        white-space: nowrap;
    }
    #ctsModal h4 {
        margin: 1% 7% 0 0;
        width: 11%;
    }
    #ctsModal h4 img {
        width: 100%;
    }
    #ctsModal p {
        font-weight: 600;
        line-height: 1.5;
        font-size: 3.3em;
        max-width: 13em;
        margin-top: 0.6em;
        white-space: normal;
    }
    #ctsModal .cts {
        width: 84%;
        left: 0;
        top: 0;
        margin: 17em 0 15em 8%;
    }
    #ctsModal .sholderClose {
        top: -9.4em;
        width: 10.8%;
    }
    #ctsModal .sholderClose img {
        width: 100%;
    }
    #ctsModal .sholderClose:hover {
        opacity: 0.65;
    }
    #ctsModal .fig {
        border: #008cce 1px solid;
        margin: 0;
        margin-bottom: 10px;
    }
    #ctsModal .closeBtn {
        font-weight: 700;
        border-radius: 2em;
        font-size: 3.1em;
        padding: 0.55em 0;
        letter-spacing: 0.1em;
        margin: 9.7% 0 19%;
        width: 12.8em;
    }
    #ctsModal .closeBtn span {
        margin: 0 -0.25em 0.2em 0.45em;
        width: 0.85em;
        height: 0.85em;
    }
    #ctsModal .closeBtn:hover {
        opacity: 0.75
    }

    #stage #footer {
        width: 100%;
        padding: 21px 23px;
        box-sizing: border-box;
    }
    #stage #footer div,
    #stage #footer p,
    #stage #footer li {
        font-size: 13px;
        text-align: right;
        width: 100%;
    }
    #stage #footer li :after {
        content: "";
        display: inline-block;
        border: #0039a6 0.15em solid;
        width: 0.55em;
        height: 0.55em;
        border-top: 0;
        border-left: 0;
        transform: rotate(-45deg);
        margin: 0 -11px 0px 2px;
    }
    #stage #footer a.ext {
        background: none !important;
        color: #595959;
        line-height: 2.2;
        font-weight: bold;
        border: none;
    }
    #footer p#copyright {
        font-size: 12px;
        position: relative;
        margin-top: 0%;
    }
    #contents .footerlink {
        display: none;
    }
    /*============================
    #tokunou
    ============================*/
    #tokunou {
        min-width: 0;
    }
    #tokunou #contents .forsp {
        display: inherit !important;
    }
    #tokunou #contents .ctsInner {
        margin-left: 0;
    }
    #tokunou #ctsProductTop .bg {
        top: 0;
        background-size: 100% auto;
        background-position: left bottom;
        left: -41%;
        height: 0;
        width: 122%;
        padding-bottom: 82%;
    }
    #tokunou #ctsProductTop {
        border-radius: 0;
    }
    #tokunou #ctsProductTop:before {
        padding-right: 44%;
        background: linear-gradient(to right, #29327f, #6c71ba 70.4%);
    }
    #tokunou #ctsProductTop .ctsInner {
        margin: 0;
    }
    #tokunou #ctsProductTop h1 {
        padding: 0;
        width: 100%;
    }
    #tokunou #ctsProductTop h1 .l1 {
        margin: 10.733% 0 0 38.367%;
        width: 14.134%;
    }
    #tokunou #ctsProductTop h1 .l2 {
        left: 0;
        top: 0;
        width: 21.2%;
        margin: 9.9% 0 0 9.2%;
    }
    #tokunou #ctsProductTop .icon1 {
        width: 36.934%;
        top: 0;
        left: 0;
        margin: 3.1% 0 0 61.9%;
    }
    #tokunou #ctsProductTop ul {
        margin: -10.933% 2.433% 0 0;
    }
    #tokunou #ctsProductTop li p {
        margin-left: -1.4em;
        text-align: center;
        font-size: 2em;
        margin-top: -1.6%;
    }
    #tokunou #ctsProductTop li.p1 {
        width: 31.896%;
    }
    #tokunou #ctsProductTop li.p1 p {
        margin-left: -6.2%;
    }
    #tokunou #ctsProductTop li.p2 {
        width: 34.267%;
        margin-right: 2.3%;
    }
    #tokunou #ctsProductTop li.p1 .prod {
        margin: 0 -4.5% 4.333% 0;
        width: 100%;
    }
    #tokunou #ctsProductTop .introArea {
        margin: 6.3% 0 0 0;
        width: 100%;
    }
    #tokunou #ctsProductTop .icon2 {
        width: 20.667%;
        top: 0;
        left: 0;
        margin: 90.4% 0 0 7.8%;
    }
    #tokunou #ctsProductTop .introArea p {
        width: 78.192%;
        margin: 0 0 0 11%;
    }
    #tokunou #ctsProductTop .infoArea {
        float: none;
        width: 100%;
        margin: 5.3% 0 0;
    }
    #tokunou #ctsProductTop .infoArea small {
        padding: 5.6% 9.067% 4.533% 0;
        margin: 0;
        font-size: 1.9em;
    }
    #tokunou #ctsProductTop .commonBtn {
        margin: 2.400% auto 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
        box-sizing: border-box;
        padding: 3% 5% 3% 6%;
    }
    #tokunou #ctsNewpackage,
    #tokunou #ctsHowto {
        border: none;
    }
    #tokunou #ctsNewpackage {
        background-position: 0 0;
        background-image: url(../tokunou/images/bg_newpackage_top_tokunou_sp.jpg);
        background-size: 100% auto;
    }
    #tokunou #ctsNewpackage h2 {
        padding-bottom: 5.9%;
        width: 63.734%;
    }
    #tokunou #ctsNewpackage .img {
        margin: 0 0 0 34.933%;
        padding-bottom: 11.167%;
        width: 34.2%;
    }
    #tokunou #ctsNewpackage .img span.line0102 {
        background-image: url(../tokunou/images/line_newpackage0102_p_sp.png);
        width: 106%;
        background-size: auto 100% !important;
        margin: 4.3% 0 0 -65.4%;
    }
    #tokunou #ctsNewpackage .img span.line03 {
        background-image: url(../tokunou/images/line_newpackage03_p_sp.png);
        width: 76%;
        margin: 15% 0 0 73.6%;
        background-size: auto 100% !important;
    }
    #tokunou #ctsNewpackage .p01 .line {
        background-image: url(../tokunou/images/num_newpackage01_p.png);
    }
    #tokunou #ctsNewpackage .p02 .line {
        background-image: url(../tokunou/images/num_newpackage02_p.png);
    }
    #tokunou #ctsNewpackage .p03 .line {
        margin: -6.933% 0 0 -13.467%;
        background-image: url(../tokunou/images/num_newpackage03_p.png);
    }
    #tokunou #ctsNewpackage .p03 {
        margin-top: -3.3% !important;
    }
    #tokunou #ctsHowto .caption {
        margin: 11.967% 0 6.267%;
    }
    #tokunou #ctsBottom .ctsinner {
        padding-top: 6.533%;
    }
    #tokunou #ctsModal {
        background: rgba(55, 0, 115, 0.9);
    }
}