@charset "UTF-8";

/* scroll animation */
.fadein {
    position: relative;
    bottom: -10vh;

    opacity: 0;
}

/*  link image
-----------------------------------*/
a img.hover,
#ktsCont a img.hover {
    -webkit-transition: opacity 0.1s ease;
    -moz-transition: opacity 0.1s ease;
    transition: opacity 0.1s ease;
}

a img.hover:hover,
#ktsCont a img.hover:hover {
    opacity: 0.7;

    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
}

.bxslider {
    position: relative;
}
.bxslider li {
    position: absolute;
    top: 0;
}

@media screen and (max-width: 750px) {
    img {
        width: 100%;
    }
}

#ktsCont {
    position: relative;
    color: #333333;
    color: #87766d;

    font-family: -apple-system, "Helvetica Neue", HelveticaNeue, "游ゴシック", "Yu Gothic Medium", "游ゴシック体", "Yu Gothic", YuGothic, Verdana, Meiryo, sans-serif;
    font-size: 14px;
    line-height: 1.8;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* ==============================
  追従　ローカルナビゲーション
============================== */
#stationery #lnavi {
    position: absolute;

    border-bottom: none;
    background: none;
}

#stationery #lnavi.white_bg,
#stationery #lnavi.active_bg {
    background: #ffffff;
}

#stationery #lnavi ul {
    justify-content: space-around;

    width: 700px;
}

#stationery #lnavi ul::after {
    display: none;
}

#stationery #lnavi ul li {
    display: flex;
    align-items: center;
}
#stationery #lnavi ul li a,
#stationery #lnavi ul li .accordion {
    position: relative;
    z-index: 1;

    cursor: pointer;
    text-decoration: none;
    letter-spacing: 0.15rem;

    color: #ffffff;

    font-size: 1.071rem;
    line-height: 100%;
}

#stationery #lnavi ul li a:hover,
#stationery #lnavi ul li .accordion:hover {
    color: #ffffff;
}

#stationery #lnavi.white_bg ul li a,
#stationery #lnavi.white_bg ul li a:hover,
#stationery #lnavi.active_bg ul li a,
#stationery #lnavi.active_bg ul li a:hover,
#stationery #lnavi.white_bg ul li .accordion,
#stationery #lnavi.white_bg ul li .accordion:hover,
#stationery #lnavi.active_bg ul li .accordion,
#stationery #lnavi.active_bg ul li .accordion:hover {
    color: #cc9f68;
}

#stationery #lnavi ul.ktsGnaviList li a:after,
#stationery #lnavi ul.ktsGnaviList li .accordion:after {
    position: absolute;
    /*下線の色*/
    z-index: -1;
    bottom: -10px;
    left: 0;
    /*テキストからの距離*/

    width: 0%;
    /*初期状態では下線非表示*/
    height: 1px;

    content: "";
    transition: all 0.4s;
    /*下線の高さ*/

    background: #ffffff;
    /*アニメーション速度*/
}

#stationery #lnavi.white_bg ul.ktsGnaviList li a:after,
#stationery #lnavi.active_bg ul.ktsGnaviList li a:after,
#stationery #lnavi.white_bg ul.ktsGnaviList li .accordion:after,
#stationery #lnavi.active_bg ul.ktsGnaviList li .accordion:after {
    background: #cc9f68;
    /*下線の色*/
}

#stationery #lnavi ul.ktsGnaviList li a:hover:after,
#stationery #lnavi ul.ktsGnaviList li .accordion:hover:after,
#stationery #lnavi ul.ktsGnaviList li .accordion.active:after {
    width: 100%;
    /*hover時に表示*/
}

#stationery #lnavi .accordion_content {
    display: none;

    padding: 24px 0 10px;

    color: #cc9f68;
    background-color: #f8f7f0;
}
#stationery #lnavi .accordion_content .cate-wrap {
    display: flex;

    box-sizing: border-box;
    width: 700px;
    margin: 0 auto;
    padding-left: 180px;
}
#stationery #lnavi .accordion_content .cate-box {
    width: 130px;
    margin-right: 30px;
}
#stationery #lnavi .accordion_content .cate-box h6 {
    margin-bottom: 10px;

    font-size: 0.9rem;
    font-weight: bold;
}
#stationery #lnavi .accordion_content .cate-box ul {
    display: block;

    width: auto;
    height: auto;
}
#stationery #lnavi .accordion_content .cate-box li {
    margin-bottom: 10px;
}
#stationery #lnavi .accordion_content .cate-box a {
    color: #cc9f68;

    font-size: 1rem;
}

/* ==============================
  オープニング
============================== */
#ktsCont .first {
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    background: url("../img/first_bg.gif");
}
#ktsCont .first_img {
    position: fixed;
    z-index: 1001;
    top: 50%;
    left: 50%;

    width: 25%;

    transform: translate(-50%, -50%);
}

#ktsCont .first_img div {
    position: relative;

    text-align: center;

    opacity: 0;
}
#ktsCont .first_img div img {
    width: 100%;
}

#ktsCont .first-image {
    bottom: -50px;
}
#ktsCont .first-logo {
    bottom: -15px;
}
@media print, screen and (max-width: 750px) {
    #ktsCont .first_img {
        position: fixed;
        top: 50%;
        left: 0;

        width: 100%;

        transform: translate(0, -50%);
    }

    #ktsCont .first_img div {
        position: relative;

        text-align: center;

        opacity: 0;
    }

    #ktsCont .first-image {
        bottom: -8%;
    }
    #ktsCont .first-logo {
        bottom: -5%;
    }
}

#ktsCnt {
    position: relative;
}

/* ==============================
  キービジュアル
============================== */
/*  swiper
------------------------------------------*/
.main-visual__slider {
    position: relative;

    width: 100%;
    height: calc(100vh - 46px);
}

.slider-logo {
    position: absolute;
    z-index: 20;
    top: 0;
    left: 0;

    overflow: hidden;

    width: 100%;
    height: 100%;

    background-image: url("../img/slider-logo.png");
    background-position: center;
    background-size: cover;

    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: transform;
}
.slider-logo.white-logo {
    background-image: url("../img/slider-logo-white.png");
}
.slider-logo.white-logo-lite {
    background-image: url("../img/slider-logo-white-lite.png");
}

.slider-scroll {
    display: none;
}

.swiper-container {
    display: block;

    width: 100%;
    height: 100%;
}

.swiper-wrapper {
    will-change: transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.swiper-slide {
    overflow: hidden;

    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: transform;
}

.swiper-bgimg {
    position: absolute;
    top: 0;
    left: 0;

    overflow: hidden;

    width: 100%;
    height: 100%;
    /* background-position: center; */

    background-position: center 73%;
    background-size: cover;

    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: transform;
}
.swiper-bgimg.slide04 {
    background-position: center top;
}

.swiper-container-horizontal > .swiper-pagination-bullets {
    z-index: 1010;
    bottom: 20px;
}

.swiper-pagination-bullet {
    opacity: 0.4;
    background: #ffffff;
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #ffffff;
}

@media screen and (max-width: 750px) {
    .slider-logo {
        background-image: url("../img/slider-logo_sp.png");
    }
    .slider-logo.white-logo {
        background-image: url("../img/slider-logo_sp-white.png");
    }
    .slider-logo.white-logo-lite {
        background-image: url("../img/slider-logo_sp-white-lite.png");
    }
    .swiper-bgimg {
        background-position: center center;
    }

    .slider-scroll {
        position: absolute;
        z-index: 20;
        right: 4.6vw;
        bottom: 4.6vw;

        display: block;

        width: 12.4%;
    }

    .slider-scroll img {
        position: relative;

        display: inline-block;

        -webkit-animation-name: bound;
        animation-name: bound;
        -webkit-animation-duration: 1.5s;
        animation-duration: 1.5s;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;

        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
    }
}

@keyframes slider-bound {
    from {
        bottom: 4.6vw;
    }

    50% {
        bottom: 4vw;
    }

    to {
        bottom: 4.6vw;
    }
}

#ktsCont #contents {
    width: 100%;
    padding-bottom: 150px;

    -webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    transition: all 1s ease 0s;

    background-image: url("../img/contents_bg.gif");
    overflow: hidden;
}

@media screen and (max-width: 750px) {
    #ktsCont #contents {
        min-width: 100%;
    }

    .kokuyo-st-container #kokuyo-st-main-contents .wrap {
        width: 100%;
    }

    #ktsCont #contents.is_flat {
        padding-bottom: 27%;
    }
}

/* コンテンツ共通 */
#ktsCont .cont_block {
    max-width: 1380px;
    margin: 0 auto;
}

.kokuyo-st-container #kokuyo-st-main-contents #contents .wrap {
    width: 100%;
    max-width: 1130px;

    background-color: rgba(255, 255, 255, 0.8);
}

#ktsCont .sec_title {
    text-align: center;
}

@media screen and (max-width: 750px) {
    #ktsCont .cont_block {
        max-width: 100%;
    }

    .kokuyo-st-container #kokuyo-st-main-contents #contents .wrap {
        width: 90%;
    }
}

/* ==============================
  商品一覧
============================== */

.kokuyo-st-container #kokuyo-st-main-contents #contents #select_type {
    margin-top: 55px;
    margin-bottom: 88px;
}
.kokuyo-st-container #kokuyo-st-main-contents #contents #select_type .wrap {
    margin-bottom: 11px;
    padding: 80px 0 98px;

    background-color: rgba(255, 255, 255, 0.4);
}

#select_type .sec_title h3 {
    width: 89px;
    margin: 0 auto 25px;
}
#select_type .lite .sec_title h3 {
    width: 170px;
}
#select_type .sec_title h3 img {
    width: 100%;
}
#select_type .sec_title p {
    color: #cc9f68;

    font-size: 1.571rem;
}
#select_type ul {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;

    width: 980px;
    margin: 65px auto 0;
}
#select_type .lite ul {
    justify-content: center;

    margin-top: 54px;
}

#select_type li {
    width: 230px;

    text-align: center;
}
#select_type .lite li:first-of-type {
    margin-right: 53px;
}

#select_type li .select_type-img-box {
    position: relative;

    margin: 0 0 15px;
}
#select_type li .select_type-img-box img {
    width: 100%;
}
#select_type li picture {
    position: relative;
    z-index: 1;
}

#select_type li a {
    display: block;

    width: 231px;
    height: 74px;
    margin: 0 auto;
}
#select_type li a:hover {
    background-image: url(../img/select_type-mini-btn_o.png?20230331);
}
#select_type li:nth-of-type(2) a:hover {
    background-image: url(../img/select_type-flat-btn_o.png?20230331);
}
#select_type li:nth-of-type(3) a:hover {
    background-image: url(../img/select_type-standard-btn_o.png?20230331);
}
#select_type li:last-of-type a:hover {
    background-image: url(../img/select_type-a5-btn_o.png?20230331);
}
#select_type .lite li a:hover {
    background-image: url(../img/select_type-lite_slim-btn_o.png?20230331);
}
#select_type .lite li:last-of-type a:hover {
    background-image: url(../img/select_type-lite_standard-btn_o.png?20230331);
}
#select_type li a:hover img {
    visibility: hidden;
}

#select_type li .select_type-img-box .select_type-icn {
    position: absolute;
    right: -77px;
    bottom: 10px;

    width: auto;
}
#select_type li .select_type-img-box .select_type-icn.select_type-lite_slim {
    right: auto;
    bottom: -11px;
    left: -35px;
}
#select_type li .select_type-img-box .select_type-icn.select_type-lite_standard {
    right: -28px;
    bottom: 8px;
}

#select_type li .select_type-img-box .select_type-new {
    position: absolute;
    z-index: 0;
    bottom: 78px;
    left: -13px;
}
#select_type li .select_type-img-box .select_type-new.select_type-lite_standard {
    position: absolute;
    bottom: 95px;
    left: -8px;
}

@media screen and (max-width: 750px) {
    .kokuyo-st-container #kokuyo-st-main-contents #contents #select_type {
        margin-top: 10.8%;
        margin-bottom: 21.4%;
    }
    .kokuyo-st-container #kokuyo-st-main-contents #contents #select_type .wrap {
        width: 100%;
        margin-bottom: 2.6%;
        padding: 9.9% 0 12.3%;
    }

    #select_type .sec_title h3 {
        width: 15.2%;
        margin: 0 auto 5.3%;
    }
    #select_type .lite .sec_title h3 {
        width: 31.2%;
    }
    #select_type .sec_title p {
        letter-spacing: 0.22em;

        font-size: 0.9rem;
        line-height: 1.3;
    }
    #select_type ul {
        flex-wrap: wrap;
        justify-content: space-between;

        width: 85%;
        margin: 12.1% auto 0;
    }
    #select_type .lite ul {
        justify-content: space-between;

        margin-top: 5.12%;
    }

    #select_type li {
        width: 47%;
        margin-bottom: 12%;
    }
    #select_type li:nth-last-child(-n + 2) {
        margin-bottom: 0;
    }
    #select_type .lite li:first-of-type {
        margin-right: 0;
    }

    #select_type li .select_type-img {
        width: 100%;
    }

    #select_type li a {
        display: block;

        width: 94.2%;
        height: auto;
        margin: 0 auto;

        background-image: none;
    }
    #select_type li a:hover img {
        visibility: visible;
    }
    #select_type li a:hover {
        background-image: none;
    }

    #select_type li .select_type-img-box .select_type-icn.select_type-mini {
        right: -9.4%;
        bottom: -2.7%;

        width: 134.7%;
    }
    #select_type li .select_type-img-box .select_type-icn.select_type-flat {
        right: -48%;
        bottom: -8.4%;

        width: 57%;
    }
    #select_type li .select_type-img-box .select_type-icn.select_type-standard {
        right: auto;
        bottom: -4.3%;
        left: -6%;

        width: 16.5%;
    }
    #select_type li .select_type-img-box .select_type-icn.select_type-a5 {
        right: -45%;
        bottom: 1.6%;

        width: 52.7%;
    }
    #select_type li .select_type-img-box .select_type-icn.select_type-lite_slim {
        bottom: -4.4%;
        left: -10.7%;

        width: 28.2%;
    }
    #select_type li .select_type-img-box .select_type-icn.select_type-lite_standard {
        right: -13.4%;
        bottom: 0;

        width: 30.7%;
    }

    #select_type li .select_type-img-box .select_type-new {
        position: absolute;
        z-index: 0;
        bottom: 64.2%;
        left: -1.9%;

        width: 9.6vw;
    }
    #select_type li .select_type-img-box .select_type-new.select_type-lite_standard {
        position: absolute;
        bottom: 70.2%;
        left: -0.6%;
    }
}

/* ==============================
  コンセプト Concept
============================== */
#ktsCont #link01 {
    position: relative;

    margin-bottom: 5px;
    padding: 60px 0 0;
}

#ktsCont #link01 .concept-img {
    position: absolute;
    z-index: 1;
    top: 60px;
    left: 50%;

    width: 100%;
    height: 460px;

    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);

    background-image: url(../img/concept-img.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

#ktsCont #link01 .wrap {
    padding: 460px 0 0;
}

#ktsCont #link01 .concept_wrap {
    position: relative;
    z-index: 0;

    padding-top: 350px;

    text-align: center;
}

#ktsCont #link01 .concept_wrap .concept-txts {
    position: absolute;
    z-index: 2;
    top: 60px;
    right: 0;
    left: 0;

    margin: 0 auto;
}

#ktsCont #link01 .concept_wrap p {
    margin-top: 22px;

    font-size: 1.287rem;
    line-height: 3rem;
}

@media screen and (max-width: 750px) {
    #ktsCont #link01 {
        margin-bottom: 1.3%;
        /* padding: 28.4% 0 0; */
        padding: 0;
    }

    #ktsCont #link01 .concept-img {
        position: relative;
        top: 0;
        left: 0;

        width: 100%;
        height: auto;
        padding-top: 57.3333%;

        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);

        background-image: url(../img/concept-img_sp.jpg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }

    #ktsCont #link01 .wrap {
        padding: 11% 0 12.7%;
    }
    #ktsCont #link01 .concept_wrap {
        padding: 0;
    }

    #ktsCont #link01 .concept_wrap .concept-txts {
        position: relative;
        top: auto;
    }
    #ktsCont #link01 .concept_wrap p {
        margin-top: 8%;

        font-size: 1rem;
        line-height: 28px;
    }

    #ktsCont #link01 .sec_title p {
        margin-top: 3%;

        font-size: 1rem;
        line-height: 2rem;
    }
}

/* ==============================
  ポイント 3つ POINT
============================== */
#ktsCont #point {
    margin-bottom: 5px;
}
#ktsCont #point .point_wrap {
    display: flex;
    justify-content: space-between;

    max-width: 980px;
    margin: 0 auto;
    padding: 87px 0 104px;
}
#ktsCont #point .point_wrap .point_box {
    width: 300px;
}
#ktsCont #point .point_wrap .point_box h4 {
    width: 72px;
    margin: 0 auto 25px;
}
#ktsCont #point .point_wrap .point_box:nth-of-type(2) h4 {
    width: 77px;
}
#ktsCont #point .point_wrap .point_box:last-of-type h4 {
    width: 78px;
}
#ktsCont #point .point_wrap .point_box h4 img {
    width: 100%;
}
#ktsCont #point .point_wrap .point_box h5 {
    margin: 29px 0 18px;

    text-align: center;

    font-size: 1.357rem;
    font-weight: bold;
    line-height: 2.07rem;
}
#ktsCont #point .point_wrap .point_box p {
    text-align: justify;
    letter-spacing: -0.06rem;
    letter-spacing: 0.001em;

    font-size: 1.042rem;
    /* line-height: 1.87rem; */
    line-height: 1.6375;
}
#ktsCont #point .point_wrap .point_box:nth-of-type(2) p {
    font-size: 1rem;
    letter-spacing: -0.06rem;
    line-height: 1.72;
}
#ktsCont #point .point_wrap .point_box .point_img {
    position: relative;
    aspect-ratio: 300 / 233;
}
#ktsCont #point .point_wrap .point_box .point_img img {
    width: 100%;
}
#ktsCont #point .point_wrap .point_box .point_img li {
    position: absolute;
}
#ktsCont #point .point_wrap .point_box .point_img .bx-wrapper .bx-pager.bx-default-pager {
    position: absolute;
    bottom: 6px;
    line-height: 1;
}
#ktsCont #point .point_wrap .point_box .point_img .bx-wrapper .bx-pager.bx-default-pager a {
    background: rgba(204, 159, 104, 0.4);
    width: 7px;
    height: 7px;
    margin: 0 5px;
    outline: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
#ktsCont #point .point_wrap .point_box .point_img .bx-wrapper .bx-pager.bx-default-pager a:hover,
#ktsCont #point .point_wrap .point_box .point_img .bx-wrapper .bx-pager.bx-default-pager a.active {
    background-color: #cc9f68;
}
@media screen and (max-width: 750px) {
    #ktsCont #point {
        margin-bottom: 0;
    }
    #ktsCont #point .point_wrap {
        display: block;

        width: 90%;
        padding: 11.6% 0 0;
    }
    #ktsCont #point .point_wrap .point_box {
        width: 100%;
        margin-bottom: 30%;
    }
    #ktsCont #point .point_wrap .point_box h4 {
        width: 18.5%;
        margin: 0 auto 5%;

        aspect-ratio: 62 / 45;
    }
    #ktsCont #point .point_wrap .point_box:nth-of-type(2) h4 {
        width: 19.8%;

        aspect-ratio: 22 / 15;
    }
    #ktsCont #point .point_wrap .point_box:last-of-type h4 {
        width: 20%;

        aspect-ratio: 67 / 45;
    }
    #ktsCont #point .point_wrap .point_box h5 {
        margin: 8% 0 6%;

        font-size: 1.142rem;
        line-height: 1.714rem;
    }
    #ktsCont #point .point_wrap .point_box p,
    #ktsCont #point .point_wrap .point_box:nth-of-type(2) p {
        letter-spacing: -0.06rem;

        font-size: 1rem;
        line-height: 1.714rem;
    }
    #ktsCont #point .point_wrap .point_box .point_img {
        aspect-ratio: 335 / 249;
    }
}

/* ==============================
  コーディネート COORDENATE
============================== */
#ktsCont #coordination {
    max-width: 100%;
    margin-bottom: 170px;

    text-align: center;
}
#ktsCont #coordination .wrap {
    padding: 74px 0 0;
}

#ktsCont #coordination .sec_title {
  margin-bottom: 63px;
}

#ktsCont #coordination .sec_title h3 {
    width: 243px;
    margin: 0 auto;
}

#ktsCont #coordination .sec_title h3 img {
    width: 100%;
}

#ktsCont #coordination .sec_title p {
  margin-top: 24px;
}

#ktsCont #coordination .sec_title + .comming {
    width: 178px;
    margin: 0 auto;
}

#ktsCont #coordination .sec_title + .comming img {
    width: 100%;
}

#ktsCont #coordination p.note {
    font-size: 1rem;
}

#ktsCont #coordination p a {
    color: #87766d;
}

#ktsCont .js-slider-coordination {
    position: absolute;
    left: 50%;

    width: 100%;
    height: auto;
    margin: 0;

    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

#ktsCont .js-slider-coordination .swiper-slide {
    width: 265px;
}

#ktsCont .js-slider-coordination .swiper-slide img {
    display: block;

    width: 100%;
}

:root {
    --swiper-navigation-size: 20px;
}

#ktsCont .swiper-container .swiper-button-next,
#ktsCont .swiper-container .swiper-button-prev {
    top: 0;

    width: 3.6vw;
    height: 100%;
}

#ktsCont .swiper-container .swiper-button-next:after,
#ktsCont .swiper-container .swiper-button-prev:after {
    display: none;
}

#ktsCont .swiper-button-next:hover,
#ktsCont .swiper-button-prev:hover {
    opacity: 0.7;
}

#ktsCont .swiper-button-next {
    right: 5vw;

    background: url(../img/btn-next.png) center center no-repeat;
    background-size: contain;
}

#ktsCont .swiper-button-prev {
    left: 5vw;

    background: url(../img/btn-prev.png) center center no-repeat;
    background-size: contain;
}

#ktsCont .coordination_btn {
    position: relative;

    max-width: 700px;
    margin: 388px auto 98px;
    padding: 83px 0 0;

    text-align: center;
}

#ktsCont .coordination_btn > picture {
    position: absolute;
    top: 0;
    left: 0;
}

#ktsCont .coordination_btn a {
    display: block;

    width: 64.28%;
    max-width: 450px;
    margin: 0 auto;
}

#ktsCont .coordination_btn a img {
    width: 100%;
}

@media screen and (max-width: 750px) {
    #ktsCont #coordination {
        max-width: 100%;
        margin-bottom: 22.4%;

        text-align: center;
    }

    #ktsCont #coordination .sec_title {
      margin-bottom: 14.4%;
    }

    #ktsCont #coordination .sec_title h3 {
        width: 53.3%;
        margin: 0 auto;
        aspect-ratio: 107 / 26;
    }

    #ktsCont #coordination .sec_title p {
      margin-top: 6%;
    }

    #ktsCont #coordination .sec_title + img {
        width: 31.4%;
    }

    #ktsCont #coordination p.note {
        margin: 0 5%;

        text-align: left;
        letter-spacing: -0.03rem;

        font-size: 0.75rem;
        line-height: 1.4rem;
    }

    #ktsCont .js-slider-coordination .swiper-slide {
        width: 50%;
    }

    #ktsCont .coordination_btn {
        position: relative;

        max-width: 700px;
        margin: 84% auto 14.92%;
        padding: 16% 0 0;

        text-align: center;

        /* aspect-ratio: 251 / 103; */
    }

    #ktsCont .coordination_btn > picture {
        position: absolute;
        top: 0;
        left: -0.5%;

        width: 47.9%;
    }

    #ktsCont .coordination_btn a {
        width: 67.3%;
        max-width: 500px;
    }
}

/* ==============================
  商品詳細 共通
============================== */

/* 商品グループ タイトル */
#ktsCont #piiip_lite {
    margin-bottom: 170px;
    padding-top: 165px;
}
#ktsCont .products_wrap .sec_title h3 {
    width: 114px;
    margin: 0 auto 60px;
}
#ktsCont #piiip_lite.products_wrap .sec_title h3 {
    width: 206px;
}
#ktsCont .products_wrap .sec_title h3 img {
    width: 100%;
}

/* 商品全体 */
#ktsCont .products_wrap .cont_block {
    max-width: 100%;
    padding-top: 60px;
    margin-top: -60px;
}
#ktsCont .products_wrap .cont_block + .cont_block {
    margin-top: -10px;
}

/* 商品FV */
#ktsCont .products_wrap .cont_block .type-box {
    position: relative;
}
#ktsCont .products_wrap .cont_block .type-img {
    position: absolute;
    top: 0;
    left: 50%;

    width: 100%;
    height: 578px;

    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);

    background-image: url(../img/mini_pouch-img.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

#ktsCont .products_wrap .cont_block .type-text {
    position: relative;
    z-index: 1;

    width: 1130px;
    height: 578px;
    margin: 0 auto;
}
#ktsCont .products_wrap .cont_block .type-text h4 {
    width: 238px;
}
#ktsCont .products_wrap .cont_block .type-box.right .type-text h4 {
    margin: 0 0 0 auto;
}
#ktsCont .products_wrap .cont_block .type-text h4 img {
    width: 100%;
}
#ktsCont .products_wrap .cont_block .type-text .type-message {
    position: absolute;

    width: 620px;
}
#ktsCont .products_wrap .cont_block .type-text .type-message img {
    width: 100%;
}

/* 商品アコーディオンボタン */
#ktsCont .products_wrap .cont_block .btn-open,
#ktsCont .products_wrap .cont_block .btn-close {
    position: relative;

    padding: 47px 0;

    cursor: pointer;
    text-align: center;
    letter-spacing: 0.3em;

    font-size: 1.428rem;
    line-height: 1;
}
#ktsCont .products_wrap .cont_block .btn-open::before,
#ktsCont .products_wrap .cont_block .btn-close::before {
    position: absolute;
    top: -1.5em;
    left: 50%;

    height: 2.5em;

    content: "";

    border-left: solid 1px #87766d;
}

/* 商品アコーディオン内 */
#ktsCont .products_wrap .cont_block .detail-wrap {
    display: none;
    max-width: 1380px;
    margin: 0 auto;
    padding: 66px 0 53px;
}

/* 商品詳細 ポイント */
#ktsCont .point_wrap {
    padding-bottom: 205px;
}
#ktsCont #standard-point02.point_wrap,
#ktsCont #flat-point02.point_wrap,
#ktsCont #mini_pouch-point02.point_wrap,
#ktsCont #a5-point02.point_wrap,
#ktsCont #lite_slim-point02.point_wrap,
#ktsCont #lite_standard-point02.point_wrap {
    padding-bottom: 0;
}

#ktsCont .products_wrap .cont_block .point_wrap h6 {
    width: 189px;
    margin: 0 auto 66px;
}
#ktsCont .products_wrap .cont_block .point_wrap h6 img {
    width: 100%;
}
#ktsCont .point_wrap .point-box_wrap {
    position: relative;

    width: 100%;
    max-width: 1172px;
}
#ktsCont #standard-point01.point_wrap .point-box_wrap,
#ktsCont #flat-point01.point_wrap .point-box_wrap,
#ktsCont #mini_pouch-point01.point_wrap .point-box_wrap,
#ktsCont #a5-point01.point_wrap .point-box_wrap,
#ktsCont #lite_slim-point01.point_wrap .point-box_wrap,
#ktsCont #lite_standard-point01.point_wrap .point-box_wrap {
    margin: 0 0 0 auto;
}

/* 画像横のテキストボックス */
#ktsCont .point_wrap .point-text_wrap {
    position: absolute;
    z-index: 2;
    /* top: 38.5%; */
    top: 25.53%;
    /* left: 15.36%; */
    left: 0;
    /* width: 25.7%; */

    max-width: 355px;

    text-align: center;
}
#ktsCont #standard-point02.point_wrap .point-text_wrap,
#ktsCont #flat-point02.point_wrap .point-text_wrap,
#ktsCont #mini_pouch-point02.point_wrap .point-text_wrap,
#ktsCont #a5-point02.point_wrap .point-text_wrap,
#ktsCont #lite_slim-point02.point_wrap .point-text_wrap,
#ktsCont #lite_standard-point02.point_wrap .point-text_wrap {
    /* right: 15.36%; */
    right: 0;
    left: auto;
    /* width: 26.1%; */

    max-width: 361px;
}

#ktsCont .point_wrap .point-text-box img.point-logo {
    width: 24.5%;
    max-width: 65px;
    margin: 36px 0 18px;
}
#ktsCont .point_wrap .point-text-box > img:last-of-type {
    vertical-align: top;
}
#ktsCont .point_wrap .point-text-box-body {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;

    background-image: url(../img/point-box-body.png);
    background-size: 100% auto;
}

#ktsCont .point_wrap .point-text-box h5 {
    position: relative;

    padding: 40px 0 23px;
}
#ktsCont .point_wrap .point-text-box h5::after {
    position: absolute;
    bottom: 0;
    left: 50%;

    display: block;

    width: 100%;
    max-width: 265px;
    margin: 23px auto 0;

    content: "";
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);

    border-bottom: 1px solid #cc9f68;
}
#ktsCont .point_wrap .point-text-box h5 img {
    width: 100%;
    max-width: 265px;
    margin: 0 auto;
}
#ktsCont #mini_pouch-point02 .point-text-box h5 img {
    max-width: 273px;
}

#ktsCont .point_wrap .point-text-box p {
    /* min-height: 184px; */
    width: 260px;
    margin: 0 auto;
    /* padding: 6px 0 0; */
    padding: 28px 0 0;

    letter-spacing: 0.05em;

    font-size: 1.1rem;
    line-height: 1.7;
}

/* 画像（スライド有） */
#ktsCont .point_wrap .point-img {
    position: relative;

    width: 71.84%;
    max-width: 843px;
    margin: 0 0 0 auto;
}
@media screen and (max-width: 1380px) {
    #ktsCont .point_wrap .point-img {
        /* width: 68.84%; */
        width: 68.26%;
    }
    #ktsCont .point_wrap .point-text_wrap {
        right: 66.36%;
        left: auto;
    }
    #ktsCont #standard-point02.point_wrap .point-text_wrap,
    #ktsCont #flat-point02.point_wrap .point-text_wrap,
    #ktsCont #mini_pouch-point02.point_wrap .point-text_wrap,
    #ktsCont #a5-point02.point_wrap .point-text_wrap,
    #ktsCont #lite_slim-point02.point_wrap .point-text_wrap,
    #ktsCont #lite_standard-point02.point_wrap .point-text_wrap {
        right: auto;
        left: 66.36%;
    }
}
@media screen and (max-width: 1173px) {
    #ktsCont .point_wrap .point-img {
        width: 71.81%;
    }
    #ktsCont .point_wrap .point-text_wrap {
        right: auto;
        left: 0%;
    }
    #ktsCont #standard-point02.point_wrap .point-text_wrap,
    #ktsCont #flat-point02.point_wrap .point-text_wrap,
    #ktsCont #mini_pouch-point02.point_wrap .point-text_wrap,
    #ktsCont #a5-point02.point_wrap .point-text_wrap,
    #ktsCont #lite_slim-point02.point_wrap .point-text_wrap,
    #ktsCont #lite_standard-point02.point_wrap .point-text_wrap {
        right: 0%;
        left: auto;
    }
}
#ktsCont #standard-point02.point_wrap .point-img,
#ktsCont #flat-point02.point_wrap .point-img,
#ktsCont #mini_pouch-point02.point_wrap .point-img,
#ktsCont #a5-point02.point_wrap .point-img,
#ktsCont #lite_slim-point02.point_wrap .point-img,
#ktsCont #lite_standard-point02.point_wrap .point-img {
    position: relative;

    margin: 0 auto 0 0;
}
#ktsCont .point_wrap .point-img img {
    width: 100%;
}
#ktsCont .point_wrap .point-img-bg {
    position: absolute;
    right: -20px;
    bottom: -20px;

    width: 100%;
}
#ktsCont #standard-point02.point_wrap .point-img-bg,
#ktsCont #flat-point02.point_wrap .point-img-bg,
#ktsCont #mini_pouch-point02.point_wrap .point-img-bg,
#ktsCont #a5-point02.point_wrap .point-img-bg,
#ktsCont #lite_slim-point02.point_wrap .point-img-bg,
#ktsCont #lite_standard-point02.point_wrap .point-img-bg {
    position: absolute;
    right: auto;
    bottom: -20px;
    left: -20px;
}
#ktsCont .point_wrap .point-img-bg img {
    width: 100%;
}

/* 商品詳細 ラインアップ */
#ktsCont .products_wrap .cont_block .lineup-list {
    max-width: 1130px;
    margin: 0 auto;
    padding: 170px 0 108px;
}
#ktsCont .products_wrap .cont_block .lineup-list h6 {
    width: 235px;
    margin: 0 auto 80px;
}
#ktsCont .products_wrap .cont_block .lineup-list h6 img {
    width: 100%;
}
#ktsCont .products_wrap .cont_block .lineup-list ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;

    margin: 0 auto 25px;
}
#ktsCont .products_wrap .cont_block .lineup-list li {
    width: 28%;
    margin-bottom: 45px;
}
#ktsCont .products_wrap .cont_block .lineup-list li img {
    width: 100%;
}

#ktsCont .products_wrap .cont_block .lineup-list .lineup-text {
    margin: 0 auto 0 6.5%;
}
#ktsCont .products_wrap .cont_block .lineup-list .lineup-text p:first-of-type {
    font-size: 1.2rem;
}
#ktsCont .products_wrap .cont_block .lineup-list table {
    width: 100%;
    max-width: 980px;
    margin: 10px 0;

    text-align: center;
}

#ktsCont .products_wrap .cont_block .lineup-list th {
    width: auto;
    padding: 4px;

    text-align: center;
    vertical-align: middle;

    border: 1px solid #87766d;
    background-color: rgba(255, 255, 255, 0.32);

    font-size: 1.05rem;
    line-height: 1.5rem;
}

#ktsCont .products_wrap .cont_block .lineup-list td {
    padding: 4px 4px;

    vertical-align: middle;

    border: 1px solid #87766d;

    font-size: 1.05rem;
    line-height: 1.5rem;
}

#ktsCont .products_wrap .cont_block .lineup-list td span {
    text-decoration: line-through;

    color: #e60012;
}

#ktsCont .products_wrap .cont_block .lineup-list .detail {
    font-size: 1.071em;
    line-height: 1.5rem;
}

#ktsCont .products_wrap .cont_block .lineup-list .detail span {
    display: inline-block;
}

#ktsCont .products_wrap .cont_block .lineup-list .detail .note {
    color: #e60012;
}
@media screen and (max-width: 750px) {
    /* 商品グループ タイトル */
    #ktsCont #piiip_lite {
        margin-bottom: 22.6%;
        padding-top: 20%;
    }
    #ktsCont .products_wrap .sec_title h3 {
        width: 15.2%;
        margin: 0 auto 7.944%;
    }
    #ktsCont #piiip_lite.products_wrap .sec_title h3 {
        width: 30.664%;
    }

    /* 商品全体 */
    #ktsCont .products_wrap .cont_block {
        padding-top: 12%;
        margin-top: -12%;
    }
    #ktsCont .products_wrap .cont_block + .cont_block {
        margin-top: -6%;
    }

    /* 商品FV */
    #ktsCont .products_wrap .cont_block .type-box {
        position: relative;
    }
    #ktsCont .products_wrap .cont_block .type-img {
        left: 0;

        height: auto;

        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);

        background-image: url(../img/mini_pouch-img_sp.jpg);

        aspect-ratio: 5 / 4;
    }

    #ktsCont .products_wrap .cont_block .type-text {
        width: 90%;
        height: auto;

        aspect-ratio: 67 / 60;
    }
    #ktsCont .products_wrap .cont_block .type-text h4 {
        width: 35.5%;
    }
    #ktsCont .products_wrap .cont_block .type-box.right .type-text h4 {
        margin: 0 0 0 auto;
    }

    /* 商品アコーディオンボタン */
    #ktsCont .products_wrap .cont_block .btn-open,
    #ktsCont .products_wrap .cont_block .btn-close {
        padding: 6.3vw 0;

        letter-spacing: 0.22em;

        font-size: 1rem;
        font-weight: bold;
    }
    #ktsCont .products_wrap .cont_block .btn-open::before,
    #ktsCont .products_wrap .cont_block .btn-close::before {
        top: -4.8vw;

        height: 9.1vw;
    }

    /* 商品アコーディオン内 */
    #ktsCont .products_wrap .cont_block .detail-wrap {
        padding: 9.4% 0 10.6%;
    }

    /* 商品詳細 ポイント */
    #ktsCont .point_wrap {
        padding-bottom: 13%;
    }

    #ktsCont .products_wrap .cont_block .point_wrap h6 {
        width: 34.2%;
        margin: 0 auto 13.3%;
    }

    /* 画像横のテキストボックス */
    #ktsCont .point_wrap .point-text_wrap {
        position: relative;
        top: 0;
        left: 0;

        width: 69.3%;
        margin: 0 auto 13%;

        line-height: 0;
    }

    #ktsCont .point_wrap .point-text-box h5 {
        margin: 0 auto;
        padding: 10% 0 5.5%;
    }
    #ktsCont .point_wrap .point-text-box h5 img {
        max-width: 100%;
    }
    #ktsCont .point_wrap .point-text-box h5::after {
        width: 50.66vw;
        margin: 0 auto;
    }

    #ktsCont .point_wrap .point-text-box p {
        width: auto;
        min-height: auto;
        padding: 7.5% 0 10.25%;

        letter-spacing: 0.03em;

        font-size: 0.9rem;
        line-height: 1.7;
    }
    #ktsCont .point_wrap .point-text-box p + img {
        display: none;
    }

    /* 画像（スライド有） */
    #ktsCont .point_wrap .point-img {
        position: relative;

        width: 100%;
        margin: 0;
    }
    #ktsCont .point_wrap .point-img-bg,
    #ktsCont #standard-point02.point_wrap .point-img-bg,
    #ktsCont #flat-point02.point_wrap .point-img-bg,
    #ktsCont #mini_pouch-point02.point_wrap .point-img-bg,
    #ktsCont #a5-point02.point_wrap .point-img-bg,
    #ktsCont #lite_slim-point02.point_wrap .point-img-bg,
    #ktsCont #lite_standard-point02.point_wrap .point-img-bg {
        position: relative;
        right: 0;
        bottom: 0;
        left: 0;

        line-height: 0;
    }
    #ktsCont .point_wrap .point-img-bg img {
        vertical-align: top;
    }

    /* 商品詳細 ラインアップ */
    #ktsCont .products_wrap .cont_block .lineup-list {
        padding: 23.6% 0 13.7%;
    }
    #ktsCont .products_wrap .cont_block .lineup-list h6 {
        width: 40.3%;
        margin: 0 auto 17.4%;
    }
    #ktsCont .products_wrap .cont_block .lineup-list ul {
        margin: 0 auto 25px;
    }
    #ktsCont .products_wrap .cont_block .lineup-list li {
        width: 28%;
        margin-bottom: 45px;
    }
    #ktsCont .products_wrap .cont_block .lineup-list ul li:nth-last-child(-n + 2) {
        margin-bottom: 0;
    }
    #ktsCont .products_wrap .cont_block .lineup-list li img {
        width: 100%;
    }

    #ktsCont .products_wrap .cont_block .lineup-list .lineup-text {
        margin: 0 auto 0 5.3vw;
    }
    #ktsCont .products_wrap .cont_block .lineup-list .lineup-text p:first-of-type {
        font-size: 1.2rem;
    }
    #ktsCont .products_wrap .cont_block .lineup-list .lineup-text p:first-of-type span {
        display: inline-block;
    }
    #ktsCont .products_wrap .cont_block .lineup-list .table {
        overflow-x: scroll;
        overflow-y: hidden;

        box-sizing: border-box;
        width: 100%;
        margin-bottom: 10%;
    }
    #ktsCont .products_wrap .cont_block .lineup-list table {
        width: 980px;
        margin: 10px 0;
    }

    #ktsCont .products_wrap .cont_block .lineup-list th {
        font-size: 1rem;
        line-height: 1.3rem;
    }

    #ktsCont .products_wrap .cont_block .lineup-list td {
        font-size: 1rem;
        line-height: 1.3rem;
    }

    #ktsCont .products_wrap .cont_block .lineup-list .detail {
        font-size: 0.75rem;
        line-height: 1.4rem;
    }

    #ktsCont .products_wrap .cont_block .lineup-list .detail .note {
        line-height: 1.2rem;
    }
}

/* ==============================
  各商品ごとのstyle
============================== */
/* ミニポーチ */
#ktsCont #mini_pouch.cont_block .accordion_wrap {
    background-color: #f7ebe9;
}
#ktsCont #mini_pouch.cont_block .type-img {
    background-image: url(../img/mini_pouch-img.jpg);
}
#ktsCont #mini_pouch.cont_block .type-text .type-message {
    bottom: 19.3%;
}
#ktsCont #mini_pouch-point02.point_wrap .point-text_wrap {
    top: 22.3%;
}
#ktsCont #mini_pouch-point02 .point-text-box p {
    width: 265px;

    letter-spacing: 0.07em;
}
#ktsCont #mini_pouch-point02 .point-text-box p.attention {
    width: 276px;
    margin: 0 auto;
    padding: 15px 0 6px;

    text-align: left;
    letter-spacing: 0.15em;

    font-size: 0.8rem;
    line-height: 1.8;
}
#ktsCont #mini_pouch.cont_block .lineup-list ul {
    width: 978px;
}
#ktsCont #mini_pouch.cont_block .lineup-list ul li {
    width: 18.2%;
}

/* フラット */
#ktsCont #flat.cont_block .accordion_wrap {
    background-color: #f4ede2;
}
#ktsCont #flat.cont_block .type-img {
    background-image: url(../img/flat_type-img.jpg);
}
#ktsCont #flat.cont_block .type-text .type-message {
    right: -66px;
    bottom: 20%;

    width: 559px;
}
#ktsCont #flat-point01.point_wrap .point-text_wrap {
    top: 37.03%;
}
#ktsCont #flat-point01 .point-text-box p {
    width: 280px;
}
#ktsCont #flat-point02.point_wrap .point-text_wrap {
    top: 41.66%;
}
#ktsCont #flat.cont_block .lineup-list ul {
    max-width: 1130px;
}
#ktsCont #flat.cont_block .lineup-list ul li {
    width: 20.4%;
}

/* スタンダード */
#ktsCont #large.cont_block .accordion_wrap {
    background-color: #dae0df;
}
#ktsCont #large.cont_block .type-img {
    background-image: url(../img/standard_type-img.jpg);
}
#ktsCont #large.cont_block .type-text .type-message {
    top: 8.4%;
    right: 0px;

    width: 527px;
}
#ktsCont #standard-point01.point_wrap .point-text_wrap {
    top: 40.3%;
}
#ktsCont #standard-point01 .point-text-box p {
    width: 284px;
}
#ktsCont #standard-point02.point_wrap .point-text_wrap {
    top: 42%;
}
#ktsCont #large.cont_block .lineup-list ul {
    width: 949px;
}
#ktsCont #large.cont_block .lineup-list ul li {
    width: 24.7%;
    margin-right: 5%;
}
#ktsCont #large.cont_block .lineup-list ul li:nth-of-type(3n) {
    margin-right: 0;
}

/* A5フラット */
#ktsCont #a5.cont_block .accordion_wrap {
    background-color: #f4ede2;
}
#ktsCont #a5.cont_block .type-img {
    background-image: url(../img/a5_type-img.jpg);
}
#ktsCont #a5.cont_block .type-text .type-message {
    right: -29px;
    bottom: 25.4%;

    width: 537px;
}
#ktsCont #a5 .point-text-box p {
    text-align: left;
}
#ktsCont #a5-point01.point_wrap .point-text_wrap {
    top: 31.2%;
}
#ktsCont #a5-point01 .point-text-box p {
    width: 247px;
}
#ktsCont #a5-point02.point_wrap .point-text_wrap {
    top: 34.62%;
}
#ktsCont #a5-point02 .point-text-box p {
    width: 284px;
}
#ktsCont #a5.cont_block .lineup-list ul {
    width: 943px;
}
#ktsCont #a5.cont_block .lineup-list ul li {
    width: 19.1%;
}

/* ライト スリム */
#ktsCont #lite_slim.cont_block .accordion_wrap {
    background-color: #eaf2f4;
}
#ktsCont #lite_slim.cont_block .type-img {
    background-image: url(../img/lite_slim-img.jpg);
}
#ktsCont #lite_slim.cont_block .type-text .type-message {
    top: 27.5%;
    left: -31px;

    width: 325px;
}
#ktsCont #lite_slim-point01 .point-text-box p {
    width: 256px;
}
#ktsCont #lite_slim-point01.point_wrap .point-text_wrap {
    top: 30.7%;
}
#ktsCont #lite_standard-point01 .point-text-box p {
    width: 256px;
}
#ktsCont #lite_slim-point02.point_wrap .point-text_wrap {
    top: 23.2%;
}
#ktsCont #lite_standard-point02 .point-text-box p {
    width: 255px;
}
#ktsCont #lite_slim.cont_block .lineup-list ul {
    max-width: 1137px;
}
#ktsCont #lite_slim.cont_block .lineup-list ul li {
    width: 23.5%;
}

/* ライト スタンダード */
#ktsCont #lite_standard.cont_block .accordion_wrap {
    background-color: #ede1ef;
}
#ktsCont #lite_standard.cont_block .type-img {
    background-image: url(../img/lite_standard-img.jpg);
}
#ktsCont #lite_standard.cont_block .type-text .type-message {
    top: 8.6%;
    left: 100px;

    width: 533px;
}
#ktsCont #lite_standard-point01.point_wrap .point-text_wrap {
    top: 30.9%;
}
#ktsCont #lite_standard-point02.point_wrap .point-text_wrap {
    top: 45.4%;
}
#ktsCont #lite_standard.cont_block .lineup-list ul {
    max-width: 1158px;
}
#ktsCont #lite_standard.cont_block .lineup-list ul li {
    width: 23.4%;
}
@media screen and (max-width: 750px) {
    /* ==============================
    各商品ごとのstyle
    ============================== */
    /* ミニポーチ */
    #ktsCont #mini_pouch.cont_block .type-img {
        background-image: url(../img/mini_pouch-img_sp.jpg);
    }
    #ktsCont #mini_pouch.cont_block .type-text .type-message {
        bottom: 6.1%;

        width: 48.5%;
    }
    #ktsCont #mini_pouch-point01.point_wrap .point-text-box h5 {
        max-width: 73%;
    }
    #ktsCont #mini_pouch-point02.point_wrap .point-text-box h5 {
        width: 76.5%;
    }
    #ktsCont #mini_pouch-point02.point_wrap .point-text-box p {
        padding-bottom: 0;

        letter-spacing: 0.001em;
    }
    #ktsCont #mini_pouch-point02.point_wrap .point-text-box p.attention {
        width: 83.2%;
        padding: 7.1% 0 8.2%;

        letter-spacing: 0.015em;

        font-size: 0.7rem;
        line-height: 1.55;
    }
    #ktsCont #mini_pouch.cont_block .lineup-list ul {
        width: 83.49%;
    }
    #ktsCont #mini_pouch.cont_block .lineup-list ul li {
        width: 50%;
    }

    /* フラット */
    #ktsCont #flat.cont_block .type-img {
        background-image: url(../img/flat_type-img_sp.jpg?20230331);
    }
    #ktsCont #flat.cont_block .type-text .type-message {
        right: -1.94%;
        bottom: 7.6%;

        width: 91.98%;
    }
    #ktsCont #flat-point01.point_wrap .point-text-box h5 {
        width: 76.4%;
    }
    #ktsCont #flat-point01 .point-text-box p {
        width: auto;
    }
    #ktsCont #flat-point02.point_wrap .point-text-box h5 {
        width: 58.825%;
    }
    #ktsCont #flat.cont_block .lineup-list ul {
        width: 81.8%;
    }
    #ktsCont #flat.cont_block .lineup-list ul li {
        width: 46.71%;
    }

    /* スタンダード */
    #ktsCont #large.cont_block .type-img {
        background-image: url(../img/standard_type-img_sp.jpg);
    }
    #ktsCont #large.cont_block .type-text .type-message {
        top: 9.55%;
        right: -1.94%;

        width: 51.68%;
    }
    #ktsCont #standard-point01.point_wrap .point-text-box h5 {
        width: 78.9%;
    }
    #ktsCont #standard-point01 .point-text-box p {
        width: auto;
        letter-spacing: 0.001em;
    }
    #ktsCont #standard-point02.point_wrap .point-text-box h5 {
        width: 71.29%;
    }
    #ktsCont #large.cont_block .lineup-list ul {
        width: 82.68%;
    }
    #ktsCont #large.cont_block .lineup-list ul li {
        width: 47.32%;
        margin-right: 0;
    }

    /* A5フラット */
    #ktsCont #a5.cont_block .type-img {
        background-image: url(../img/a5_type-img_sp.jpg);
    }
    #ktsCont #a5.cont_block .type-box.right .type-text h4 {
        margin: 0;
    }
    #ktsCont #a5.cont_block .type-text .type-message {
        right: -3.5%;
        bottom: 5.1%;

        width: 84.47%;
    }
    #ktsCont #a5-point02.point_wrap .point-text_wrap {
        width: 74.6%;
    }
    #ktsCont #a5 .point-text-box p {
        text-align: center;
        width: auto;
    }
    #ktsCont #a5-point01.point_wrap .point-text-box h5 {
        width: 49.9%;
    }
    #ktsCont #a5-point01.point_wrap .point-text-box-body p {
        letter-spacing: -0.03rem;
    }
    #ktsCont #a5-point02.point_wrap .point-text-box h5 {
        width: 76.51%;
    }
    #ktsCont #a5-point02.point_wrap .point-text-box-body p {
        letter-spacing: -0.06rem;
    }
    #ktsCont #a5.cont_block .lineup-list ul {
        width: 79.92%;
    }
    #ktsCont #a5.cont_block .lineup-list ul li {
        width: 50%;
    }
    #ktsCont #a5.cont_block .lineup-list ul li:nth-of-type(odd) {
        width: 49.5%;
    }

    /* ライト スリム */
    #ktsCont #lite_slim.cont_block .type-img {
        background-image: url(../img/lite_slim-img_sp.jpg);
    }
    #ktsCont #lite_slim.cont_block .type-box.right .type-text h4 {
        margin: 0;
    }
    #ktsCont #lite_slim.cont_block .type-text .type-message {
        top: 11%;
        right: 1.9%;
        left: auto;

        width: 47.16%;
    }
    #ktsCont #lite_slim-point01.point_wrap .point-text-box h5 {
        width: 54.48%;
    }
    #ktsCont #lite_slim-point02.point_wrap .point-text-box h5 {
        width: 36.41%;
    }
    #ktsCont #lite_slim.cont_block .lineup-list ul {
        max-width: 83.8%;
    }
    #ktsCont #lite_slim.cont_block .lineup-list ul li {
        width: 48.03%;
    }

    /* ライト スタンダード */
    #ktsCont #lite_standard.cont_block .type-img {
        background-image: url(../img/lite_standard-img_sp.jpg);
    }
    #ktsCont #lite_standard.cont_block .type-text .type-message {
        top: 7.3%;
        right: 40.2%;
        left: auto;

        width: 51.7%;
    }
    #ktsCont #lite_standard-point01.point_wrap .point-text-box h5 {
        width: 54.48%;
    }
    #ktsCont #lite_standard-point02.point_wrap .point-text-box h5 {
        width: 59.36%;
    }
    #ktsCont #lite_standard.cont_block .lineup-list ul {
        max-width: 87.3%;
    }
    #ktsCont #lite_standard.cont_block .lineup-list ul li {
        width: 48.4%;
    }
}

/* ==============================
  ユーザーボイス USER VOICE
============================== */
#ktsCont #link03 {
    padding: 95px 0 183px;

    background-image: url("../img/contents-flat_bg.gif");
}
#ktsCont #link03 .user_voice_wrap {
    position: relative;

    max-width: 980px;
    margin: 0 auto;
}

#ktsCont #link03 .user_voice_wrap h3 {
    width: 263px;
    margin: 0 auto 35px;
}
#ktsCont #link03 .user_voice_wrap h3 img {
    width: 100%;
}

#ktsCont #link03 .point-user_voice-fukidashi_wrap {
    position: relative;
    z-index: 1;

    width: 812px;
    margin: 0 auto;
}
#ktsCont #link03 .user_voice_wrap .fukidashi_wrap {
    line-height: 0;
}

#ktsCont #link03 .user_voice_wrap .fukidashi_body {
    overflow: hidden;

    padding: 0 37px 10px 38px;
}

#ktsCont #link03 .user_voice_wrap .fukidashi_wrap h6 {
    font-size: 1.14rem;
    font-weight: bold;
    line-height: 1.8rem;
}
#ktsCont #link03 .user_voice_wrap .fukidashi_wrap p {
    text-align: justify;

    font-size: 1.14rem;
    line-height: 1.8rem;
}
#ktsCont #link03 .user_voice_wrap .fukidashi_wrap p span.fukidashi-name {
    display: inline-block;
    float: right;
}

#ktsCont #link03 .user_voice_wrap .fukidashi_wrap.fukidashi-01 {
    width: 501px;
    margin: 0 0 39px auto;
}
#ktsCont #link03 .user_voice_wrap .fukidashi-01 .fukidashi_body {
    background-image: url(../img/fukidashi-01-body.png);
}

#ktsCont #link03 .user_voice_wrap .fukidashi-02 {
    position: absolute;
    top: 210px;
    right: 25px;
}

#ktsCont #link03 .user_voice_wrap .fukidashi_wrap.fukidashi-03 {
    width: 444px;
    margin: 0;
}
#ktsCont #link03 .user_voice_wrap .fukidashi-03 .fukidashi_body {
    background-image: url(../img/fukidashi-03-body.png);
}

#ktsCont #link03 .user_voice_wrap .fukidashi_wrap.fukidashi-04 {
    width: 331px;
    margin: -102px 0 0 auto;
}
#ktsCont #link03 .user_voice_wrap .fukidashi-04 .fukidashi_body {
    background-image: url(../img/fukidashi-04-body.png);
}

#ktsCont #link03 .user_voice_wrap .fukidashi-05 {
    position: absolute;
    top: 413px;
    left: 50px;
}

#ktsCont #link03 .user_voice_wrap .fukidashi_wrap.fukidashi-06 {
    width: 331px;
    margin: 0;
}
#ktsCont #link03 .user_voice_wrap .fukidashi-06 .fukidashi_body {
    background-image: url(../img/fukidashi-06-body.png);
}

#ktsCont #link03 .user_voice_wrap .fukidashi_wrap.fukidashi-07 {
    width: 444px;
    margin: -168px 0 40px auto;
}
#ktsCont #link03 .user_voice_wrap .fukidashi-07 .fukidashi_body {
    background-image: url(../img/fukidashi-07-body.png);
}

#ktsCont #link03 .user_voice_wrap .fukidashi_wrap.fukidashi-08 {
    width: 501px;
    margin: 0 0 90px 175px;
}
#ktsCont #link03 .user_voice_wrap .fukidashi-08 .fukidashi_body {
    background-image: url(../img/fukidashi-08-body.png);
}

#ktsCont #link03 .user_voice_wrap .note {
    margin-top: 20px;

    text-align: right;

    font-size: 0.857rem;
    line-height: 1.3rem;
}
#ktsCont #link03 .user_voice_wrap h3 + .note {
  margin-bottom: 35px;
}

#ktsCont .user_voice-icn {
    position: absolute;
    z-index: 0;
}
#ktsCont .user_voice-icn.icn01 {
    top: 38px;
    right: 58px;
}
#ktsCont .user_voice-icn.icn02 {
    top: 227px;
    left: -36px;
}
#ktsCont .user_voice-icn.icn03 {
    right: -93px;
    bottom: 329px;
}
#ktsCont .user_voice-icn.icn04 {
    bottom: 284px;
    left: 56px;
}
#ktsCont .user_voice-icn.icn05 {
    bottom: -81px;
    left: -4px;
}
#ktsCont .user_voice-icn.icn06 {
    right: -40px;
    bottom: 60px;
}
@media screen and (max-width: 750px) {
    /* ==============================
      ユーザーボイス USER VOICE
    ============================== */
    #ktsCont #link03 {
        padding: 11.7% 0 22%;
    }
    #ktsCont #link03 .user_voice_wrap {
        position: relative;

        width: 100%;
        margin: 0 auto;
    }

    #ktsCont #link03 .user_voice_wrap h3 {
        width: 38%;
        margin: 0 auto 7.3%;

        text-align: center;
    }

    #ktsCont #link03 .point-user_voice-fukidashi_wrap {
        position: relative;

        width: 79.6%;
        margin: 0 auto;
    }

    #ktsCont #link03 .user_voice_wrap .fukidashi_body {
        padding: 0 7% 8px 8%;

        background-size: 100% auto;
    }

    #ktsCont #link03 .user_voice_wrap .fukidashi_wrap h6,
    #ktsCont #link03 .user_voice_wrap .fukidashi_wrap p {
        font-size: 0.85rem;
        line-height: 1.6rem;
    }

    #ktsCont #link03 .user_voice_wrap .fukidashi_wrap.fukidashi-01 {
        width: 82%;
        margin: 0 0 3% auto;
    }
    #ktsCont #link03 .user_voice_wrap .fukidashi-01 .fukidashi_body {
        background-image: url(../img/fukidashi-01-body_sp.png);
    }

    #ktsCont #link03 .user_voice_wrap .fukidashi-02 {
        position: relative;
        top: 0;
        right: auto;
        left: -6.8%;

        width: 34.1%;
        margin-bottom: 1.6%;
    }

    #ktsCont #link03 .user_voice_wrap .fukidashi_wrap.fukidashi-03 {
        width: 82%;
        margin: 0 0 2.8%;
    }
    #ktsCont #link03 .user_voice_wrap .fukidashi-03 .fukidashi_body {
        background-image: url(../img/fukidashi-03-body_sp.png);
    }

    #ktsCont #link03 .user_voice_wrap .fukidashi_wrap.fukidashi-04 {
        width: 82%;
        margin: 0 0 0 auto;
    }
    #ktsCont #link03 .user_voice_wrap .fukidashi-04 .fukidashi_body {
        background-image: url(../img/fukidashi-04-body_sp.png);
    }

    #ktsCont #link03 .user_voice_wrap .fukidashi-05 {
        position: relative;
        top: 0;
        left: auto;

        display: block;

        width: 34.3%;
        margin: 0 15.3% 3% auto;
    }

    #ktsCont #link03 .user_voice_wrap .fukidashi_wrap.fukidashi-06 {
        width: 82%;
        margin: 0 0 2.5%;
    }
    #ktsCont #link03 .user_voice_wrap .fukidashi-06 .fukidashi_body {
        background-image: url(../img/fukidashi-06-body_sp.png);
    }

    #ktsCont #link03 .user_voice_wrap .fukidashi_wrap.fukidashi-07 {
        width: 82%;
        margin: 0 0 4.4% auto;
    }
    #ktsCont #link03 .user_voice_wrap .fukidashi-07 .fukidashi_body {
        background-image: url(../img/fukidashi-07-body_sp.png);
    }

    #ktsCont #link03 .user_voice_wrap .fukidashi_wrap.fukidashi-08 {
        width: 82%;
        margin: 0 0 14% 10.8%;
    }
    #ktsCont #link03 .user_voice_wrap .fukidashi-08 .fukidashi_body {
        background-image: url(../img/fukidashi-08-body_sp.png);
    }

    #ktsCont #link03 .user_voice_wrap .note {
        margin: 0 10% 0;

        text-align: left;

        font-size: 0.8rem;
        line-height: 1.3rem;
    }
    #ktsCont #link03 .user_voice_wrap h3 + .note {
      margin-bottom: 7.3%;
      text-align: center;
    }

    /* top /2260 */
    #ktsCont .user_voice-icn.icn01 {
        top: 2.6%;
        right: 13.4%;

        width: 8.6%;
    }
    #ktsCont .user_voice-icn.icn02 {
        top: 10.9%;
        left: -6.6%;

        width: 37.5%;
    }
    #ktsCont .user_voice-icn.icn03 {
        top: 33%;
        right: 4%;
        bottom: auto;

        width: 16.5%;
    }
    #ktsCont .user_voice-icn.icn04 {
        top: 46.6%;
        bottom: auto;
        left: 3.3%;

        width: 17.8%;
    }
    #ktsCont .user_voice-icn.icn05 {
        right: -8%;
        bottom: 32.4%;
        left: auto;

        width: 43.8%;
    }
    #ktsCont .user_voice-icn.icn06 {
        right: auto;
        bottom: 16.6%;
        left: 3.3%;

        width: 26%;
    }
    #ktsCont .user_voice-icn.icn07 {
        bottom: 4.4%;
        left: 5%;

        width: 86.6%;
    }
}

/* ==============================
  ご購入 SHOP
============================== */
#ktsCont #store {
    margin-top: 150px;

    background-image: url(../img/store_bg.png);
}
#ktsCont #store .store_list {
    max-width: 980px;
    margin: 0 auto;
    padding: 70px 0 125px;

    text-align: center;
}

#ktsCont #store .store_list .coordination_btn {
    margin-top: 0;
}

#ktsCont #store .store_list .sec_title h3 {
    width: 244px;
    margin: 110px auto 0;
}
#ktsCont #store .store_list .sec_title h3 img {
    width: 100%;
}

#ktsCont #store .store_list p {
    margin-bottom: 1.8rem;

    font-size: 1.286rem;
    font-weight: bold;
    line-height: 1.8rem;
}

#ktsCont #store .store_list p:first-of-type {
    font-weight: normal;
}
#ktsCont #store .store_list p:nth-of-type(2) {
    max-width: 1000px;
    margin: 0 -10px 1.8rem;
}

#ktsCont #store .store_list p span.pc {
    display: inline-block;
}

#ktsCont #store .store_list p span {
    font-size: 1.071rem;
    font-weight: normal;
}
#ktsCont #store .store_list p span.red {
    color: #e60012;

    font-size: 1.286rem;
    font-weight: bold;
    line-height: 1.8rem;
}

#ktsCont #store .store_list ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;

    margin: 35px 0 0;
}

#ktsCont #store .store_list ul li {
    width: 24%;
    max-width: 230px;
}

#ktsCont #store .store_list ul li img {
    width: 100%;
}

#ktsCont .kanren_link,
#ktsCont .manabi_banner {
    max-width: 650px;
    margin: 80px auto 0;

    text-align: center;
}

#ktsCont .manabi_banner {
    margin: 40px auto 0;
}

@media screen and (max-width: 750px) {
    #ktsCont #store .store_list .sec_title h3 {
        width: 36.1%;
        margin: 26% auto 0;
    }

    #ktsCont #store .store_list {
        max-width: 100%;
        padding: 18.6% 0 20%;

        text-align: center;
    }

    #ktsCont #store .store_list .coordination_btn > picture {
        left: 4.6%;
    }

    #ktsCont #store .store_list p,
    #ktsCont #store .store_list p span.red,
    #ktsCont #store .store_list p:nth-of-type(2) {
        padding: 5%;

        font-size: 1rem;
        line-height: 1.8rem;
    }

    #ktsCont #store .store_list p span {
        font-size: 0.85rem;
    }
    #ktsCont #store .store_list p span.pc {
        display: none;
    }

    #ktsCont #store .store_list ul {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;

        width: 55%;
        margin: 10% auto 0;
    }

    #ktsCont #store .store_list ul li {
        width: 100%;
        margin-bottom: 10%;
    }

    #ktsCont .kanren_link {
        margin: 0 auto;
        padding: 40px 15px;
    }

    #ktsCont .manabi_banner {
        margin: 0 auto;
        padding: 0 15px 40px;
    }
}

/* ==============================
  マナビリンク等
============================== */
/* アニメーション
-----------------------------------*/
#stationery .blink1,
#ktsCont .blink1 {
    animation: flash1 1s linear infinite;
}
@keyframes flash1 {
    0%,
    100% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
}
#stationery .blink2,
#ktsCont .blink2 {
    animation: flash2 0.75s linear infinite;
}
@keyframes flash2 {
    0%,
    100% {
        opacity: 1;
    }
    49% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    99% {
        opacity: 0;
    }
}
/*  マナビリンク
  -----------------------------------*/
#stationery .wrapTop4,
#ktsCont .wrapTop4 {
    box-sizing: border-box;
    margin-right: auto;
    /*width: 100%;*/
    margin-left: auto;
    padding: 40px 15px 40px 15px;
}
#stationery .wrapTop4 .sec_title h2,
#ktsCont .wrapTop4 .sec_title h2 {
    font-size: 24px;
    font-weight: bold;
    line-height: 1.6em;
}
#stationery .bgC03,
#ktsCont .bgC03 {
    background-color: #e5f5fb;
}
#stationery .line_center,
#ktsCont .line_center {
    text-align: center;
}
#stationery .manabi_toha,
#ktsCont .manabi_toha {
    max-width: 560px;
}
@media screen and (max-width: 750px) {
    #stationery .wrapTop4,
    #ktsCont .wrapTop4 {
    }
    #stationery .wrapTop4 .sec_title h2,
    #ktsCont .wrapTop4 .sec_title h2 {
    }
    #stationery .bgC03,
    #ktsCont .bgC03 {
    }
    #stationery .line_center,
    #ktsCont .line_center {
    }
    #stationery .manabi_toha,
    #ktsCont .manabi_toha {
        max-width: 399px;
        margin-bottom: 100px;
    }
}
#stationery .image_fit,
#ktsCont .image_fit {
    width: 100%;
    height: auto;
}
#stationery .pc,
#ktsCont .pc {
    display: block;
}
#stationery .sp,
#ktsCont .sp {
    display: none;
}
@media screen and (max-width: 750px) {
    #stationery .sp,
    #ktsCont .sp {
        display: block;
    }
    #stationery .pc,
    #ktsCont .pc {
        display: none;
    }
}
#stationery .mg_top-20,
#ktsCont .mg_top-20 {
    margin-top: 20px;
}
#stationery .mg_top-30,
#ktsCont .mg_top-30 {
    margin-top: 30px;
}
#stationery .mg_top-40,
#ktsCont .mg_top-40 {
    margin-top: 40px;
}
#stationery .obj_center,
#ktsCont .obj_center {
    margin-right: auto;
    margin-left: auto;
}
#stationery .txt16-30,
#ktsCont .txt16-30 {
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
    /*color: #666666;*/
    font-size: 16px;
    line-height: 25.6px;

    -moz-osx-font-smoothing: grayscale;
}
/* for EC LINK
  --------------------------*/
#ktsCont #store .store_list .anchor_wrap {
    padding: 60px 0;
}
#ktsCont #store .store_list .eclink {
    width: 100%;
    max-width: 980px;
    margin: 0 auto 0 auto;
}
#ktsCont #store .store_list .eclink ul {
    display: flex;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;

    margin: 0;
    padding: 0;

    list-style-type: none;
}
#ktsCont #store .store_list .eclink ul li {
    margin-top: 20px;
}
#ktsCont #store .store_list .eclink ul li a {
}
#ktsCont #store .store_list .eclink ul li a:hover {
    opacity: 0.7;
}
#ktsCont #store .store_list .ECNOTEtxt p {
    margin: 20px 0 0;
    padding: 0 15px;

    text-align: center;

    font-size: 15px;
    line-height: 27px;
}
@media screen and (max-width: 750px) {
    #ktsCont #store .store_list .anchor_wrap {
        padding-top: 0px;
    }
    #ktsCont #store .store_list .eclink {
    }
    #ktsCont #store .store_list .eclink ul {
        display: block;

        width: 53.3%;
        margin: 0 auto;
    }
    #ktsCont #store .store_list .eclink ul li {
        max-width: 100%;
        margin-bottom: 16px;
        margin-left: 0px;

        background-position: right 12px center;
    }
    #ktsCont #store .store_list .eclink ul li .aWrap {
        transform: translateY(-50%) translateX(-50%);
    }
    #ktsCont #store .store_list .eclink ul li .aWrap a {
    }
    #ktsCont #store .store_list .ECNOTEtxt {
        margin-top: 0px;
    }
    #ktsCont #store .store_list .ECNOTEtxt p {
        margin: 10% 0 0;
        padding: 0 15px;

        text-align: center;

        font-size: 12px;
        line-height: 18px;
    }
}
#ktsCont .brpc::before,
#stationery .brpc::before {
    content: "\A";
    white-space: pre;
}
#ktsCont .brsp::before,
#stationery .brsp::before {
    content: none;
    white-space: normal;
}
@media screen and (max-width: 750px) {
    #ktsCont .brpc::before,
    #stationery .brpc::before {
        content: none;
        white-space: normal;
    }
    #ktsCont .brsp::before,
    #stationery .brsp::before {
        content: "\A";
        white-space: pre;
    }
}
#ktsCont #ank_onlineShops {
    margin-top: -100px;
    padding-top: 100px;
}