@charset "Shift_JIS";

/*------------------------------------------------
    topicpath - lorcal  ※全コンテンツ共通
------------------------------------------------*/
        #topic_path {
          font-family: "Meiryo","Verdana","Hiragino Kaku Gothic ProN","MS PGothic",sans-serif;
          max-width: 960px;
          padding: 0 10px;
          margin-right: auto;
          margin-left: auto;
        }
        #topic_path ul {
          overflow: hidden;
          max-height: 100%;
        }
        #topic_path ul li {
          /* display: inline-block; */
          display: inline;
          margin-left: 2px;
          font-size: 78.6%;
        }
        #topic_path a {
          color: #0070c0;
          text-decoration: none;
        }
        #topic_path a:hover {
          text-decoration: underline;
        }
        #topic_path ul li:before {
          content: " ";
          display: inline-block;
          width: 8px;
          height: 9px;
          margin-right: 6px;
          vertical-align: middle;
          background: url("../images/template/k032_t_20160815_arrow_topicpath.gif") no-repeat 50% 50%;
          background-size: 8px auto;
        }
        #topic_path ul li:first-child:before {
          content: none;
        }

@media screen and (max-width: 699px) { /* SP可変 Liquid Layout */
    /* topicpath
	--------------------------------------- */
        #topic_path {
          position: relative;
          height: 1.5em;
          padding: 0;
          margin-bottom: 0;
          overflow-x: auto;
          overflow-y: hidden;
          -webkit-overflow-scrolling: touch;
        }
        #topic_path ul {
          float: left;
          height: 1.5em;
          padding: 0 10px;
          white-space: nowrap;
          overflow: auto;
        }
        #topic_path ul::-webkit-scrollbar {
          display: none;
        }
        #topic_path ul li {
          font-size: 78.6%;
        }
}

/*====================================================================
Detail template style
prefix: k039_td_20221031_01_kawaiitown

/* IE11 *
_:-ms-lang(x)::-ms-backdrop, .class {}

/* Safari *
_::-webkit-full-page-media, _:future, :root .class {}
====================================================================*/


/*------------------------------------------------
    general
------------------------------------------------*/

        /* IE11 */
        _:-ms-lang(x)::-ms-backdrop, .k039_td_20221031_01_kawaiitown img { max-width:100% }

        /* border-box  */
        .k039_td_20221031_01_kawaiitown div {
            font-family: "Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic,"ＭＳ ゴシック","メイリオ",Meiryo,sans-serif;
            position: relative;
            box-sizing: border-box;
        }
        .k039_td_20221031_01_kawaiitown svg {
          width: 100%;
        }


	/* container
	--------------------------------------- */
        .k039_td_20221031_01_kawaiitown {
            position: relative;
            min-width: 960px;
            margin: 0 auto;
        }

        /* section - kawaii */
        .k039_td_20221031_01_kawaiitown .section_kawaiitown {
            padding: 0 0;
        }
        .k039_td_20221031_01_kawaiitown .article_wrap {
            width: 960px;
            margin: 0 auto;
        }
        .k039_td_20221031_01_kawaiitown .bg_gray {
            background: #ebf0f0;
        }
        .k039_td_20221031_01_kawaiitown .bg_blue {
            background: #6eb4f0;
        }
        .k039_td_20221031_01_kawaiitown .bg_casual {
            background: #faf0e6;
        }
        .k039_td_20221031_01_kawaiitown .bg_elegant {
            background: #f0c85a;
        }
        .k039_td_20221031_01_kawaiitown .bg_vivid {
            background: #e14b3c;
        }
        .k039_td_20221031_01_kawaiitown .bg_sweet {
            background: #e6698c;
        }
        .k039_td_20221031_01_kawaiitown .bg_unique {
            background: #8cc878;
        }
        .k039_td_20221031_01_kawaiitown .bg_mysterious {
            background: #264051;
        }

	/* text
	--------------------------------------- */
        .k039_td_20221031_01_kawaiitown .text {
            font-size: 112.5%;
            line-height: 1.6;
            text-align: justify;
            text-justify: inter-ideograph;
        }
        .k039_td_20221031_01_kawaiitown .text + .text {
            margin-top: 1.8em;
        }
        .k039_td_20221031_01_kawaiitown .read {
            font-size: 140%;
            font-weight: 700;
        }
        .k039_td_20221031_01_kawaiitown .find {
            margin: 10px 0 5px;
            font-size: 190%;
            font-weight: 700;
            text-align: center;
        }
        .k039_td_20221031_01_kawaiitown .note {
            font-size: 90%
        }
        .k039_td_20221031_01_kawaiitown .text_center {
            text-align: center;
        }
        .k039_td_20221031_01_kawaiitown .text_white {
            color: #fff !important;
        }
        .k039_td_20221031_01_kawaiitown .text_yellowgreen {
            color: #a7cb18 !important;
        }


	/* column
	--------------------------------------- */
        /* base */
        .k039_td_20221031_01_kawaiitown .column_outer {
            padding: 15px 0;
        }
        .k039_td_20221031_01_kawaiitown .column_outer + .column_outer {
            padding-top: 0;
        }
        .k039_td_20221031_01_kawaiitown .column {
            float: left;
        }
        /* column1 */
        .k039_td_20221031_01_kawaiitown .column1 .column {
            float: none;
        }
        /* flex */
        .k039_td_20221031_01_kawaiitown .flex {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
        }




/*------------------------------------------------
    layout
------------------------------------------------*/

	/* common
	--------------------------------------- */



	/* title
	--------------------------------------- */
        .k039_td_20221031_01_kawaiitown .ttl_kawaiitown {
            height: 700px;
            background: url(../images/template/k039_td_20221031_01_keyvisual.jpg);
            background-size: cover;
        }
        .k039_td_20221031_01_kawaiitown .ttl_kawaiitown svg {
            position: absolute;
            bottom: 0;
        }
        /* IE11 */
        _:-ms-lang(x)::-ms-backdrop, .k039_td_20221031_01_kawaiitown .ttl_kawaiitown svg {
            position: absolute;
            bottom: -600px;
        }
        .k039_td_20221031_01_kawaiitown .ttl_kawaiitown .figure {
          position: absolute;
          left: calc(50% - 156px);
          top: calc(50% - 156px);
        }
        .k039_td_20221031_01_kawaiitown .ttl_kawaiitown .figure1 {/* waku */
          transform-origin: center 50%;
          animation: figure1 .6s ease-in-out forwards 2s;
          opacity: 0;
        }
        @keyframes figure1 {
          0%   { transform: scale(.0, .0) translate(0%, 0%); opacity: 0; }
          15%  { transform: scale(.0, .0) translate(0%, 0%); opacity: 0; }
          70%  { transform: scale(1.2, 1.2) translate(0%, -5%); }
          100% { transform: scale(1.0, 1.0) translate(0%, 0%); opacity: 1; }
        }
        .k039_td_20221031_01_kawaiitown .ttl_kawaiitown .figure2 {/* ground */
          transform-origin: center bottom;
          animation: figure2 .9s ease-in-out forwards 2.1s;
          opacity: 0;
        }
        @keyframes figure2 {
          0%   { transform: scaleX(.0) translate(0%, 0%); opacity: 1; }
          15%  { transform: scaleX(.0) translate(0%, 0%); opacity: 1; }
          100% { transform: scaleX(1.0) translate(0%, 0%); opacity: 1; }
        }
        .k039_td_20221031_01_kawaiitown .ttl_kawaiitown .figure3 {/* build */
          transform-origin: center 95%;
          animation: figure3 .8s ease-in-out forwards 2.9s;
          opacity: 0;
        }
        @keyframes figure3 {
          0%   { transform: scale(.0, .0) translate(0%, 0%); opacity: 0; }
          50%  { transform: scale(.0, .0) translate(0%, 0%); opacity: 0; }
          70%  { transform: scale(1.0, 1.3) translate(0%, 0%); }
          100% { transform: scale(1.0, 1.0) translate(0%, 0%); opacity: 1; }
        }
        .k039_td_20221031_01_kawaiitown .ttl_kawaiitown .figure4 {/* cloud */
          transform-origin: 40% 60%;
          animation: figure4 .8s ease-in-out forwards 3.4s, fuwafuwa 3.8s ease-in-out infinite 3.4s;
          opacity: 0;
        }
        @keyframes figure4 {
          0%   { transform: scale(.0, .0) translate(0%, 0%); opacity: 0; }
          15%  { transform: scale(.0, .0) translate(0%, 0%); opacity: 0; }
          70%  { transform: scale(1.2, 1.2) translate(0%, -5%); }
          100% { transform: scale(1.0, 1.0) translate(0%, 0%); opacity: 1; }
        }
        @keyframes fuwafuwa {
          0% { transform: translateY(0px); }
          50% { transform: translateY(-5px); }
          100% { transform: translateY(0px); }
        }
        .k039_td_20221031_01_kawaiitown .ttl_kawaiitown .figure5 {/* text */
          transform-origin: center 100%;
          animation: figure5 .8s ease-in-out forwards 3.9s;
          opacity: 0;
        }
        @keyframes figure5 {
          0%   { transform: scale(.0, .0) translate(0%, 0%); opacity: 0; }
          15%  { transform: scale(.0, .0) translate(0%, 0%); opacity: 0; }
          70%  { transform: scale(1.1, 1.1) translate(0%, -5%); }
          100% { transform: scale(1.0, 1.0) translate(0%, 0%); opacity: 1; }
        }
        .k039_td_20221031_01_kawaiitown .ttl_kawaiitown .figure6 {/* flash */
          transform-origin: center 50%;
          animation: figure6 .9s ease-in-out forwards 3.9s;
          opacity: 0;
        }
        @keyframes figure6 {
          0%   { transform: scale(.0, .0) translate(0%, 0%); opacity: 0; }
          15%  { transform: scale(.0, .0) translate(0%, 0%); opacity: 0; }
          70%  { transform: scale(1.2, 1.2) translate(0%, -5%); }
          100% { transform: scale(1.0, 1.0) translate(0%, 0%); opacity: 1; }
        }
        .k039_td_20221031_01_kawaiitown .ttl_kawaiitown .figure7 {/* line */
          transform-origin: center 50%;
          animation: figure7 1.0s ease-in-out forwards 4.5s;
          opacity: 0;
        }
        @keyframes figure7 {
          0%   { transform: scaleX(.0) translate(0%, 0%); opacity: 1; }
          15%  { transform: scaleX(.0) translate(0%, 0%); opacity: 1; }
          100% { transform: scaleX(1.0) translate(0%, 0%); opacity: 1; }
        }
        .k039_td_20221031_01_kawaiitown .ttl_kawaiitown .figure8 {/* town */
          transform-origin: center 50%;
          animation: figure8 .1s ease-in-out forwards 5.7s;
          opacity: 0;
        }
        @keyframes figure8 {
          0%   { transform: scale(.0, .0) translate(0%, 0%); opacity: 0; }
          15%  { transform: scale(.0, .0) translate(0%, 0%); opacity: 0; }
          70%  { transform: scale(1.2, 1.2) translate(0%, -5%); }
          100% { transform: scale(1.0, 1.0) translate(0%, 0%); opacity: 1; }
        }





/* intro
--------------------------------------- */
          .k039_td_20221031_01_kawaiitown #intro_kawaiitown {
            height: 540px;
            background-color: #ebf0f0;
            background-image: url("../images/template/k039_td_20221031_01_01_intro_townscape_cloud1.png"), url("../images/template/k039_td_20221031_01_01_intro_townscape_cloud2.png"), url("../images/template/k039_td_20221031_01_01_intro_townscape_cloud3.png");
            background-repeat: no-repeat;
            background-size: 900px 430px, 1200px 430px, 700px 430px;
            animation-name: cloud_moving;
            animation-duration: 103s;
            animation-timing-function: linear;
            animation-iteration-count: infinite;
          }
          .k039_td_20221031_01_kawaiitown #intro_kawaiitown .bg_intro {
            height: 100%;
            background: url(../images/template/k039_td_20221031_01_01_intro_townscape_town.png) center bottom no-repeat;
          }
          .k039_td_20221031_01_kawaiitown #intro_kawaiitown .heading {
            width: 640px;
          }
          .k039_td_20221031_01_kawaiitown #intro_kawaiitown p {
            margin-top: 56px;
            font-size: 1.125rem;
            line-height: 1.6;
            font-feature-settings: "palt";
          }
          .k039_td_20221031_01_kawaiitown #intro_kawaiitown p + p {
            margin-top: 33px;
          }
          /* cloud */
          @keyframes cloud_moving {
            0% { background-position: -100px 100%, -1200px 100%, -350px 100%; }
            100% { background-position: 900px 100%, 1200px 100%, 700px 100%; }
          }


/* sindan
--------------------------------------- */
        .k039_td_20221031_01_kawaiitown #sindan_kawaiitown .heading {
          width: 640px;
          margin: 60px auto 0;
        }
        .k039_td_20221031_01_kawaiitown #sindan_kawaiitown p {
          margin-top: 56px;
          text-align: center;
          font-size: 1.125rem;
          line-height: 2;
          font-feature-settings: "palt";
          letter-spacing: 0.05rem;
        }
        .k039_td_20221031_01_kawaiitown #sindan_kawaiitown .gadget {
          width: 500px;
          margin: 57px auto;
        }
        .k039_td_20221031_01_kawaiitown #sindan_kawaiitown .btn_lp {
            display: block;
            width: 300px;
            margin: 0 auto 60px;
            background: #402813;
            border-radius: 64px;
            color: #fff;
            font-size: 1.5rem;
            text-align: center;
            line-height: 64px;
            transition: .3s;
            text-decoration: none;
        }
        .k039_td_20221031_01_kawaiitown #sindan_kawaiitown .btn_lp:hover {
          text-decoration: none;
          background: #ee7325;
        }



/* style
--------------------------------------- */
        .k039_td_20221031_01_kawaiitown #style_kawaiitown .heading {
          width: 640px;
          margin: 0px auto 0;
          padding-top: 60px;
        }
        .k039_td_20221031_01_kawaiitown #style_kawaiitown p {
          margin-top: 52px;
          text-align: center;
          font-size: 1.125rem;
          line-height: 1.8;
          font-feature-settings: "palt";
          letter-spacing: 0.05rem;
        }
        .k039_td_20221031_01_kawaiitown #style_kawaiitown ul {
          margin: 50px auto 0;
          padding: 0 0 40px;
          -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
        }
        .k039_td_20221031_01_kawaiitown #style_kawaiitown li {
          width: 48%;
          margin: 10px 1%;
          border-radius: 10px;
        }
        .k039_td_20221031_01_kawaiitown #style_kawaiitown li:nth-child(1) {
          background: #faf0e6;
        }
        .k039_td_20221031_01_kawaiitown #style_kawaiitown li:nth-child(2) {
          background: #f0c85a;
        }
        .k039_td_20221031_01_kawaiitown #style_kawaiitown li:nth-child(3) {
          background: #e14b3c;
        }
        .k039_td_20221031_01_kawaiitown #style_kawaiitown li:nth-child(4) {
          background: #e6698c;
        }
        .k039_td_20221031_01_kawaiitown #style_kawaiitown li:nth-child(5) {
          background: #8cc878;
        }
        .k039_td_20221031_01_kawaiitown #style_kawaiitown li:nth-child(6) {
          background: #264051;
        }
        .k039_td_20221031_01_kawaiitown #style_kawaiitown li .text {
          margin: 25px 0 27px;
          color: #333;
          font-size: 1rem;
          text-align: center;
          line-height: 1.3;
        }
        .k039_td_20221031_01_kawaiitown #style_kawaiitown li a:hover {
          text-decoration: none;
        }


/* chara - Slick
--------------------------------------- */
        .k039_td_20221031_01_kawaiitown #chara_kawaiitown {
          overflow: hidden;
        }
        .k039_td_20221031_01_kawaiitown #chara_kawaiitown .heading {
          position: absolute;
          top: 100px;
          left: calc(50% - 320px);
          width: 640px;
          z-index: 1;
          transition: .8s;
          filter: brightness(15);
        }
        .k039_td_20221031_01_kawaiitown #chara_kawaiitown .heading:has(+ p + .slick-slider .item2.slick-center) {
            filter: none;
            transition: .8s;
        }
        .k039_td_20221031_01_kawaiitown #chara_kawaiitown p {
          position: absolute;
          top: 255px;
          left: calc(50% - 7.5em);
          color: #fff;
          font-size: 1.125rem;
          text-align: center;
          line-height: 1.8;
          font-feature-settings: "palt";
          letter-spacing: 0.05rem;
          z-index: 1;
            transition: .8s;
        }
        .k039_td_20221031_01_kawaiitown #chara_kawaiitown p:has(+ .slick-slider .item2.slick-center) {
            color: #333;
            transition: .8s;
        }
        .k039_td_20221031_01_kawaiitown #chara_kawaiitown .slick-active {
        }
        .k039_td_20221031_01_kawaiitown #chara_kawaiitown .slick-list {
            overflow: visible;
        }
        .k039_td_20221031_01_kawaiitown #chara_kawaiitown .slick_kawaiitown li {
          position: relative;;
        }
        .k039_td_20221031_01_kawaiitown #chara_kawaiitown .slick_kawaiitown li img {
          max-height: 620px;
        }
        .k039_td_20221031_01_kawaiitown #chara_kawaiitown .slick_kawaiitown li .character {
            opacity: .2;
            transition: .8s;
        }
        .k039_td_20221031_01_kawaiitown #chara_kawaiitown .slick_kawaiitown li.slick-center .character {
            opacity: 1;
            transition: .8s;
        }
        .k039_td_20221031_01_kawaiitown #chara_kawaiitown .slick_kawaiitown li .text {
            margin-top: 20px;
            color: #fff;
            font-size: 1.125rem;
            text-align: center;
            transform: translateY(20px);
            opacity: 0;
            transition: .8s;
        }
        .k039_td_20221031_01_kawaiitown #chara_kawaiitown  .slick_kawaiitown li.item2 .text {
            color: #333;
        }
        .k039_td_20221031_01_kawaiitown #chara_kawaiitown  .slick_kawaiitown li.slick-center .text {
        transform: translateY(0);
          opacity: 1;
          transition: 1.2s;
        }
        .k039_td_20221031_01_kawaiitown #chara_kawaiitown .slick_kawaiitown li .image {
          position: absolute;
          z-index: -1;
        }
        .k039_td_20221031_01_kawaiitown #chara_kawaiitown .slick_kawaiitown li .name {
            width: calc(10vw + 10%);
            top: 0px;
            left: calc(-2vw + 5%);
            opacity: 0;
        }
        .k039_td_20221031_01_kawaiitown #chara_kawaiitown .slick_kawaiitown li.item2 .name {
            left: calc(-6vw + 5%);
        }
        .k039_td_20221031_01_kawaiitown #chara_kawaiitown .slick_kawaiitown li.item3 .name {
            left: calc(-6vw + 5%);
        }
        .k039_td_20221031_01_kawaiitown #chara_kawaiitown .slick_kawaiitown li.item4 .name {
        }
        .k039_td_20221031_01_kawaiitown #chara_kawaiitown .slick_kawaiitown li.item5 .name {
            top: 10%;
        }
        .k039_td_20221031_01_kawaiitown #chara_kawaiitown .slick_kawaiitown li.item6 .name {
        }
        .k039_td_20221031_01_kawaiitown #chara_kawaiitown .slick_kawaiitown li.slick-center .name {
            animation: name_ani .5s ease-in .5s forwards;
        }
        .k039_td_20221031_01_kawaiitown #chara_kawaiitown .slick_kawaiitown li.slick-center .name img {
            animation: name_rotate 14.5s ease-out 1.0s infinite;
        }
        @keyframes name_ani {
            0%   { transform: scale(.0, .0) translate(50vw, 50vw); opacity: 0; }
            50%  { opacity: 0; }
            70%  { transform: scale(1.1, 1.1) translate(0%, -5%); opacity: 1; }
            100% { transform: scale(1.0, 1.0) translate(0%, 0%); opacity: 1; }
        }
        @keyframes name_rotate {
            0%   { transform: rotate(5deg); }
            50%  { transform: rotate(-10deg); }
            100% { transform: rotate(5deg); }
        }
        .k039_td_20221031_01_kawaiitown #chara_kawaiitown .slick_kawaiitown li .symbol {
            width: calc(6vw + 6%);
            top: 27%;
            right: calc(7vw - 4%);
            opacity: 0;
        }
        .k039_td_20221031_01_kawaiitown #chara_kawaiitown .slick_kawaiitown li.item2 .symbol {
            top: 58%;
        }
        .k039_td_20221031_01_kawaiitown #chara_kawaiitown .slick_kawaiitown li.item3 .symbol {
            top: 10%;
        }
        .k039_td_20221031_01_kawaiitown #chara_kawaiitown .slick_kawaiitown li.item4 .symbol {
            top: 18%;
        }
        .k039_td_20221031_01_kawaiitown #chara_kawaiitown .slick_kawaiitown li.item5 .symbol {
            top: 26%;
            right: calc(5vw - 4%);
        }
        .k039_td_20221031_01_kawaiitown #chara_kawaiitown .slick_kawaiitown li.item6 .symbol {
            top: 14%;
        }
        .k039_td_20221031_01_kawaiitown #chara_kawaiitown .slick_kawaiitown li.slick-center .symbol {
            animation: symbol_ani .5s ease-in .5s forwards;
        }
        .k039_td_20221031_01_kawaiitown #chara_kawaiitown .slick_kawaiitown li.slick-center .symbol img {
            animation: symbol_ani2 2.5s ease-in 2.0s infinite;
        }
        @keyframes symbol_ani {
            0%   { transform: scale(.0, .0) translate(-50vw, 50vw); opacity: 0; }
            50%  { opacity: 0; }
            70%  { transform: scale(1.1, 1.1) translate(5%, -5%); opacity: 1; }
            100% { transform: scale(1.0, 1.0) translate(0%, 0%); opacity: 1; }
        }
        @keyframes symbol_ani2 {
            0%   { transform: translate(0%, 0%); }
            75%   { transform: translate(0%, 0%); }
            80%   { transform: translate(5%, -5%); }
            85%   { transform: translate(-1%, 1%); }
            90%   { transform: translate(5%, -5%); }
            95%   { transform: translate(-1%, 1%); }
            100%   { transform: translate(0%, 0%); }
        }
        .k039_td_20221031_01_kawaiitown #chara_kawaiitown .slick_kawaiitown {
          padding-top: 370px;
          transition: .6s;
          background: #ccc;
        }
        .k039_td_20221031_01_kawaiitown #chara_kawaiitown.item1 .slick_kawaiitown {
          background: #64adea;
        }
        .k039_td_20221031_01_kawaiitown #chara_kawaiitown.item2 .slick_kawaiitown {
          background: #f0c85a;
        }
        .k039_td_20221031_01_kawaiitown #chara_kawaiitown.item3 .slick_kawaiitown {
          background: #e14b3c;
        }
        .k039_td_20221031_01_kawaiitown #chara_kawaiitown.item4 .slick_kawaiitown {
          background: #e6698c;
        }
        .k039_td_20221031_01_kawaiitown #chara_kawaiitown.item5 .slick_kawaiitown {
          background: #8cc878;
        }
        .k039_td_20221031_01_kawaiitown #chara_kawaiitown.item6 .slick_kawaiitown {
          background: #264051;
        }
        .k039_td_20221031_01_kawaiitown #chara_kawaiitown .slide-arrow {
            position: absolute;
            width: 4vw;
            z-index: 2;
            cursor: pointer;
            transition: .3s;
        }
        .k039_td_20221031_01_kawaiitown #chara_kawaiitown .slide-arrow:hover {
            opacity: .7;
            transition: .3s;
        }
        .k039_td_20221031_01_kawaiitown #chara_kawaiitown .prev-arrow {
            top: 50%;
            left: 2vw;
            transform: translate(20vw, 0);
        }
        .k039_td_20221031_01_kawaiitown #chara_kawaiitown .next-arrow {
            top: 50%;
            right: 44vw;
            transform: translate(20vw, 0);
        }
        .k039_td_20221031_01_kawaiitown #chara_kawaiitown .slick-dots {
          width: 168px;
          height: 120px;
          margin: 25px auto 0;
        }
        .k039_td_20221031_01_kawaiitown #chara_kawaiitown .slick-dots li {
          float: left;
        }
        .k039_td_20221031_01_kawaiitown #chara_kawaiitown .slick-dots li::before {
          content: "";
          display: inline-block;
          width: 12px;
          height: 12px;
          margin: 0 8px;
          background: #fff;
          transition: .3s;
          border-radius: 12px;
        }
        .k039_td_20221031_01_kawaiitown #chara_kawaiitown .slick-dots li.slick-active::before {
          content: "";
          background: #ee7325;
          transition: .3s;
        }
        .k039_td_20221031_01_kawaiitown #chara_kawaiitown .slick-dots li button {
          display: none;
        }
        .k039_td_20221031_01_kawaiitown #chara_kawaiitown .wave {
          background: url(../images/template/k039_td_20221031_01_wave2.svg) repeat-x;
          position: absolute;
          top: 0;
          width: 6400px;
          height: 30px;
          animation: wave 47s cubic-bezier( 0.36, 0.45, 0.63, 0.53) infinite;
          transform: translate3d(0, 0, 0);
          z-index: 1;
        }
        .k039_td_20221031_01_kawaiitown #chara_kawaiitown .wave1 {
          top: auto;
          bottom: 0;
          background: url(../images/template/k039_td_20221031_01_wave1.svg) repeat-x;
          animation: wave1 47s cubic-bezier( 0.36, 0.45, 0.63, 0.53) infinite;
        }
        @keyframes wave {
          0% { margin-left: 0; }
          100% { margin-left: -1600px; }
        }
        @keyframes wave1 {
          0% { margin-left: -1600px; }
          100% { margin-left: 0; }
        }


/* bnr
--------------------------------------- */
        .k039_td_20221031_01_kawaiitown #bnr_kawaiitown .flex {
            width: 820px;
            margin: 80px auto;
        }
        .k039_td_20221031_01_kawaiitown #bnr_kawaiitown .image {
            width: 400px;
        }
        .k039_td_20221031_01_kawaiitown #bnr_kawaiitown .image span {
            display: block;
            margin-top: 10px;
            text-align: center;
            font-size: 1rem;
        }





	/* hover - image
	--------------------------------------- */
        .k039_td_20221031_01_kawaiitown a:hover img {
            opacity: 0.7;
            -webkit-transition: all .2s ease-out;
            -moz-transition: all .2s ease-out;
            -ms-transition: all .2s ease-out;
            transition: all .2s ease-out;
        }



/*------------------------------------------------
    navigation
------------------------------------------------*/

        .k039_td_20221031_01_kawaiitown .lnav_wrap {
            position: relative;
            height: 95px;
            position: -webkit-sticky;
            position: sticky;
            top: 0;
            background: #fff;
            z-index: 10000;
        }
        .k039_td_20221031_01_kawaiitown .lnav_wrap .logo {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 400px;
        }

        /* :::::: toggle button :::::: */
        .k039_td_20221031_01_kawaiitown #drawer {
            display: none;
        }
        .k039_td_20221031_01_kawaiitown label {
            cursor: pointer;
            position: absolute;
        }
        .k039_td_20221031_01_kawaiitown .open {
            z-index: 3;
            top: 22px;
            right: 16px;
            width: 26px;
            height: 33px;
            transition: background .6s, transform .6s cubic-bezier(0.215, 0.61, 0.355, 1);
        }
        .k039_td_20221031_01_kawaiitown .open::before,
        .k039_td_20221031_01_kawaiitown .open::after {
            content: "";
        }
        .k039_td_20221031_01_kawaiitown .open span,
        .k039_td_20221031_01_kawaiitown .open::before,
        .k039_td_20221031_01_kawaiitown .open::after {
            content: "";
            position: absolute;
            top: calc(50% - 0px);
            left: 0;
            width: 100%;
            height: 3px;
            border-radius: 6px;
            background: #402813;
            transition: transform .6s cubic-bezier(0.215, 0.61, 0.355, 1);
        }
        .k039_td_20221031_01_kawaiitown .open::before {
            transform: translateY(-10px);
        }
        .k039_td_20221031_01_kawaiitown .open::after {
            transform: translateY(10px);
        }
        .k039_td_20221031_01_kawaiitown .close {
            position: fixed;
            z-index: 1;
            inset: 0;
            pointer-events: none;
            transition: background .6s;
        }
        .k039_td_20221031_01_kawaiitown #drawer:checked + .open span {
                transform: scaleX(0);
        }
        .k039_td_20221031_01_kawaiitown #drawer:checked + .open::before {
                transform: rotate(135deg) scaleX(1.2);
        }
        .k039_td_20221031_01_kawaiitown #drawer:checked + .open::after {
                transform: rotate(-135deg) scaleX(1.2);
        }
        .k039_td_20221031_01_kawaiitown #drawer:checked ~ .close {
                pointer-events: auto;
                background: rgba(0,0,0,.5);
        }
        /* :::::: drawer menu :::::: */
        .k039_td_20221031_01_kawaiitown .menu {
            z-index: 2;
            position: fixed;
            overflow: auto;
            top: 0;
            right: 0;
            width: 100%;
            height: auto;
            margin: 0;
            padding: 15px;
            box-sizing: border-box;
            background: #faf5e6;
            transform: translateY(-100%);
            transition: transform .6s cubic-bezier(0.215, 0.61, 0.355, 1);
        }
        .k039_td_20221031_01_kawaiitown .menu h2 {
            display: block;
            width: 400px;
            margin: 0 auto;
        }
        .k039_td_20221031_01_kawaiitown .menu ul {
            margin: 0;
            padding: 0;
            padding-top: 30px;
        }
        .k039_td_20221031_01_kawaiitown .menu li {
                line-height: 1.4;
        }
        .k039_td_20221031_01_kawaiitown .menu a {
            display: block;
            position: relative;
            padding: 1em 2em;
            color: #402813;
            font-size: 1.2rem;
            font-weight: 700;
            text-align: center;
            text-decoration: inherit;
            transition: all .6s;
        }
        .k039_td_20221031_01_kawaiitown .menu li:nth-child(3) a::after {
          content: "";
          position: absolute;
          width: 25px;
          height: 25px;
          left: calc(50% + 7em);
          top: calc(50% - 13px);
          background: url(../images/template/k039_td_20221031_01_tab.png) left top no-repeat;
          background-size: 25px;
        }
        .k039_td_20221031_01_kawaiitown .menu a span {
            display: block;
            font-size: .9rem;
            font-weight: 500;
        }
        .k039_td_20221031_01_kawaiitown .menu a:hover {
                color: #ee7325;
        }
        .k039_td_20221031_01_kawaiitown #drawer:checked ~ .menu {
                transform: none;
        }




/*------------------------------------------------
    chart
------------------------------------------------*/


        .k039_td_20221031_01_kawaiitown .chart_wrap:before {
            content: "";
            display: block;
            padding-top: calc(1200px + 0px);
        }
        .k039_td_20221031_01_kawaiitown .chart_wrap .heading {
            margin-top: 50px;
            text-align: center;
            color: #402813;
            font-size: 2.65rem;
            font-weight: 700;
        }
        .k039_td_20221031_01_kawaiitown .chart_wrap .heading span {
            font-family: "Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","ＭＳ ゴシック","メイリオ",Meiryo,sans-serif;
        }
        .k039_td_20221031_01_kawaiitown .chart_wrap p {
            margin: 24px 0 0;
            font-size: 1.125rem;
            text-align: center;
            line-height: 2.0;
        }
        .k039_td_20221031_01_kawaiitown .chart_wrap .route_active {
            position: absolute;
            left: 50%;
            top: 0;
            width: 100%;
            /*padding-top: 80px;*/
            background: #ebf0f0;
            transform: translate(-50%,0);
        }
        .k039_td_20221031_01_kawaiitown .route_active {
            padding-top: 95px !important;
            margin-top: -95px !important;
        }
        .k039_td_20221031_01_kawaiitown .chart_footer {
            display: block;
            margin: 60px auto 0;
            padding: 40px 0 0;
            background: #fff;
        }
        .k039_td_20221031_01_kawaiitown .chart_footer .heading {
          width: 640px !important;
          margin: 60px auto 0;
        }
        .k039_td_20221031_01_kawaiitown .chart_footer .btn_sns {
            display: block;
            width: 300px;
            margin: 40px auto 0;
            background: #1da1f2;
            color: #fff;
            text-align: center;
            font-size: 2rem;
            font-weight: 700;
            line-height: 65px;
            border-radius: 65px;
            transition: .3s;
        }
        .k039_td_20221031_01_kawaiitown .chart_footer .btn_sns:hover {
            opacity: .8;
            text-decoration: none;
            transition: .3s;
        }
        .k039_td_20221031_01_kawaiitown .chart_footer .btn_sns span {
            display: inline-block;
            position: relative;
            text-indent: 30px;
        }
        .k039_td_20221031_01_kawaiitown .chart_footer .btn_sns span::before {
            display: inline-block;
            position: absolute;
            content: "";
            width: 34px;
            height: 27px;
            top: 17px;
            left: -14px;
            background: url(../images/template/k039_td_20221031_02_twitter.png) left top no-repeat;
            background-size: 34px;
        }
        .k039_td_20221031_01_kawaiitown .chart_footer .totop {
            color: #fff;
            display: block;
            width: 300px;
            margin: 13px auto 0;
            text-align: center;
            font-size: 1.5rem;
            line-height: 63px;
            background-color: #402813;
            border: none;
            -webkit-border-radius: 63px;
            -moz-border-radius: 63px;
            border-radius: 63px;
            box-shadow: 4px 4px 0px 0px #665342;
            transition: .3s;
        }
        .k039_td_20221031_01_kawaiitown .chart_footer .totop:hover {
            text-decoration: none;
            background-color: #ee7325;
            transform: translate(2px, 2px);
            box-shadow: 3px 3px 0px 0px #665342;
            transition: .3s;
        }
        .k039_td_20221031_01_kawaiitown .chart_wrap .start .image {
            width: 500px;
            margin: 0 auto;
        }
        .k039_td_20221031_01_kawaiitown .chart_wrap .start .btn2 {
            color: #fff;
            display: block;
            width: 300px;
            margin: 13px auto 0;
            text-align: center;
            font-size: 1.5rem;
            line-height: 63px;
            background-color: #402813;
            border: none;
            -webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            border-radius: 10px;
            box-shadow: 4px 4px 0px 0px #665342;
            transition: .3s;
        }
        .k039_td_20221031_01_kawaiitown .chart_wrap .start .btn2:hover {
            text-decoration: none;
            background-color: #ee7325;
            transform: translate(2px, 2px);
            box-shadow: 3px 3px 0px 0px #665342;
            transition: .3s;
        }
/*      .k039_td_20221031_01_kawaiitown .chart_wrap .route {
            display: block;
            padding-top: 150px !important;
            margin-top: -150px !important;
        }*/
        .k039_td_20221031_01_kawaiitown .chart_wrap .route .heading {
            max-width: 14em;
            margin: 0 auto;
            padding-top: 35px;
            text-align: center;
            color: #402813;
            font-size: 2.65rem;
            font-weight: 700;
            line-height: 1.2;
        }
        .k039_td_20221031_01_kawaiitown .chart_wrap .route .image {
            width: 325px;
            margin: 0 auto;
        }
        .k039_td_20221031_01_kawaiitown .chart_wrap .route .btn {
            color: #402813;
            display: block;
            width: 300px;
            margin: 13px auto 0;
            text-align: center;
            font-size: 2.5rem;
            font-weight: 700;
            line-height: 100px;
            background-color: #fff;
            -webkit-border-radius: 50px;
            -moz-border-radius: 50px;
            border-radius: 50px;
            transition: .3s;
        }
        .k039_td_20221031_01_kawaiitown .chart_wrap .route .btn:hover {
            color: #fff;
            text-decoration: none;
            background-color: #ee7325;
            transform: translate(2px, 2px);
            transition: .3s;
        }
        .k039_td_20221031_01_kawaiitown .chart_wrap .route .back_wrap {
            display: block;
            width: 300px;
            margin: 0 auto;
        }
        .k039_td_20221031_01_kawaiitown .chart_wrap .route .back {
            color: #402813;
            position: absolute;
            bottom: 0;
            left: -5.5em;
            width: auto;
            background: none;
            margin: 0;
            font-size: 1.5rem;
            font-weight: 700;
            line-height: 35px;
            transition: .3s;
        }
        .k039_td_20221031_01_kawaiitown .chart_wrap .route .back:hover {
            text-decoration: none;
            background: none;
            color: #ee7325;
            transition: .3s;
            transform: none;
        }
        .k039_td_20221031_01_kawaiitown .chart_wrap .route .back::before,
        .k039_td_20221031_01_kawaiitown .chart_wrap .route .back::after {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            margin: auto;
            content: "";
            vertical-align: middle;
            transition: .3s;
        }
        .k039_td_20221031_01_kawaiitown .chart_wrap .route .back::before {
            left: -42px;
            box-sizing: border-box;
            width: 10px;
            height: 10px;
            border: 10px solid transparent;
            border-right: 10px solid #402813;
        }
        .k039_td_20221031_01_kawaiitown .chart_wrap .route .back::after {
            left: -22px;
            width: 10px;
            height: 8px;
            border-left: 14px solid #402813;
        }
        .k039_td_20221031_01_kawaiitown .chart_wrap .route .back:hover::before {
            border-right: 10px solid #ee7325;
            transition: .3s;
        }
        .k039_td_20221031_01_kawaiitown .chart_wrap .route .back:hover::after {
            border-left: 14px solid #ee7325;
            transition: .3s;
        }
        .k039_td_20221031_01_kawaiitown .chart_wrap .prog {
            display: block;
            width: 400px;
            height: 35px;
            margin: 70px auto 0;
            background: #fff;
            border-radius: 35px;
            overflow: hidden;
        }
        .k039_td_20221031_01_kawaiitown .chart_wrap .prog .p00 {
            display: block;
            width: 0%;
            height: 100%;
            background: #ee7325;
            transition: 1s;
        }
        .k039_td_20221031_01_kawaiitown .chart_wrap .prog .p10 { width: 10%; }
        .k039_td_20221031_01_kawaiitown .chart_wrap .prog .p20 { width: 20%; }
        .k039_td_20221031_01_kawaiitown .chart_wrap .prog .p30 { width: 30%; }
        .k039_td_20221031_01_kawaiitown .chart_wrap .prog .p40 { width: 40%; }
        .k039_td_20221031_01_kawaiitown .chart_wrap .prog .p50 { width: 50%; }
        .k039_td_20221031_01_kawaiitown .chart_wrap .prog .p60 { width: 60%; }
        .k039_td_20221031_01_kawaiitown .chart_wrap .prog .p70 { width: 70%; }
        .k039_td_20221031_01_kawaiitown .chart_wrap .prog .p80 { width: 80%; }
        .k039_td_20221031_01_kawaiitown .chart_wrap .prog .p90 { width: 90%; }
        .k039_td_20221031_01_kawaiitown .chart_wrap .prog .p100 { width: 100%; }




/*------------------------------------------------
    result
------------------------------------------------*/

        .k039_td_20221031_01_kawaiitown #result_kawaiitown {
            padding-bottom: 40px;
        }
        .k039_td_20221031_01_kawaiitown #result_kawaiitown_link {
            padding-top: 95px;
            margin-top: -95px;
            z-index: -1;
        }
        .k039_td_20221031_01_kawaiitown #result_kawaiitown .iamge.heading {
            width: 640px;
            margin: 0 auto 0;
            padding-top: 60px;
        }
        .k039_td_20221031_01_kawaiitown #result_kawaiitown .chara {
            width: 440px;
            margin: 0 auto;
        }
        .k039_td_20221031_01_kawaiitown #result_kawaiitown .heading {
            color: #402813;
            text-align: center;
            font-size: 2.6rem;
            font-weight: 700;
            line-height: 1;
            letter-spacing: -0.03em;
        }
        .k039_td_20221031_01_kawaiitown #result_kawaiitown p {
            margin-top: 12px;
            color: #402813;
            text-align: center;
            font-size: 1.125rem;
            line-height: 1.5;
            font-feature-settings: "palt";
            letter-spacing: 0.05rem;
        }
        .k039_td_20221031_01_kawaiitown #result_kawaiitown .btn_sns {
            display: block;
            width: 350px;
            margin: 35px auto 0;
            background: #1da1f2;
            color: #fff;
            text-align: center;
            font-size: 2rem;
            font-weight: 700;
            line-height: 65px;
            border-radius: 65px;
            transition: .3s;
        }
        .k039_td_20221031_01_kawaiitown #result_kawaiitown .btn_sns:hover {
            opacity: .8;
            text-decoration: none;
            transition: .3s;
        }
        .k039_td_20221031_01_kawaiitown #result_kawaiitown .btn_sns span {
            display: inline-block;
            position: relative;
            text-indent: 40px;
        }
        .k039_td_20221031_01_kawaiitown #result_kawaiitown .btn_sns span::before {
            display: inline-block;
            position: absolute;
            content: "";
            width: 34px;
            height: 27px;
            top: 19px;
            left: 0px;
            background: url(../images/template/k039_td_20221031_02_twitter.png) left top no-repeat;
            background-size: 34px;
        }
        .k039_td_20221031_01_kawaiitown #result_kawaiitown .iamge.product {
            width: 640px;
            margin: 40px auto 0;
        }
        .k039_td_20221031_01_kawaiitown.result .btn {
            display: block;
            position: relative;
            margin: 0 auto;
            color: #fff;
            text-align: center;
            font-size: 1.5rem;
            font-weight: 700;
            line-height: 80px;
            border-radius: 80px;
            transition: .3s;
        }
        .k039_td_20221031_01_kawaiitown.result .btn:hover {
            text-decoration: none;
        }
        .k039_td_20221031_01_kawaiitown.result .btn.link_product {
            width: 20em;
            margin: 40px auto 0;
            text-indent: -2em;
            letter-spacing: -0.05em;
        }
        .k039_td_20221031_01_kawaiitown.result .btn.link_product:hover {
            opacity: .7;
            transition: .5s;
        }
        .k039_td_20221031_01_kawaiitown.result .btn.link_product::before {
            display: block;
            position: absolute;
            content: "";
            width: 60px;
            height: 60px;
            border-radius: 50%;
            background: #fff;
            right: 10px;
            top: calc(50% - 30px);
        }
        .k039_td_20221031_01_kawaiitown.result .btn.link_product::after {
            display: block;
            position: absolute;
            content: "";
            width: 15px;
            height: 15px;
            border-top: 3px solid #6eb4f0;
            border-right: 3px solid #6eb4f0;
            right: 34px;
            top: calc(50% - 9px);
            transform: rotate(45deg);
        }
        .k039_td_20221031_01_kawaiitown.result .btn.link_sindan {
            width: 15em;
            margin: 60px auto 20px;
            background: #402813;
            line-height: 65px;
            transition: .3s;
        }
        .k039_td_20221031_01_kawaiitown.result .btn.link_sindan:hover {
            background: #ee7325;
            transition: .5s;
        }
        .k039_td_20221031_01_kawaiitown.casual .link_product {
            background: #6eb4f0;
        }
        .k039_td_20221031_01_kawaiitown.elegant .link_product {
            background: #aa6e46;
        }
        .k039_td_20221031_01_kawaiitown.elegant .btn.link_product::after {
            border-top: 3px solid #aa6e46;
            border-right: 3px solid #aa6e46;
        }
        .k039_td_20221031_01_kawaiitown.vivid .link_product {
            background: #69bebe;
        }
        .k039_td_20221031_01_kawaiitown.vivid #result_kawaiitown .iamge.heading img {
            -webkit-filter: brightness(0) invert(1);
            filter: brightness(0) invert(1);
        }
        .k039_td_20221031_01_kawaiitown.vivid #result_kawaiitown .heading {
            color: #fff;
        }
        .k039_td_20221031_01_kawaiitown.vivid #result_kawaiitown p {
            color: #fff;
        }
        .k039_td_20221031_01_kawaiitown.vivid .btn.link_product::after {
            border-top: 3px solid #69bebe;
            border-right: 3px solid #69bebe;
        }
        .k039_td_20221031_01_kawaiitown.sweet .link_product {
            background: #d2aadc;
        }
        .k039_td_20221031_01_kawaiitown.sweet #result_kawaiitown .iamge.heading img {
            -webkit-filter: brightness(0) invert(1);
            filter: brightness(0) invert(1);
        }
        .k039_td_20221031_01_kawaiitown.sweet #result_kawaiitown .heading {
            color: #fff;
        }
        .k039_td_20221031_01_kawaiitown.sweet #result_kawaiitown p {
            color: #fff;
        }
        .k039_td_20221031_01_kawaiitown.sweet .btn.link_product::after {
            border-top: 3px solid #d2aadc;
            border-right: 3px solid #d2aadc;
        }
        .k039_td_20221031_01_kawaiitown.unique .link_product {
            background: #f096aa;
        }
        .k039_td_20221031_01_kawaiitown.unique #result_kawaiitown .iamge.heading img {
            -webkit-filter: brightness(0) invert(1);
            filter: brightness(0) invert(1);
        }
        .k039_td_20221031_01_kawaiitown.unique #result_kawaiitown .heading {
            color: #fff;
        }
        .k039_td_20221031_01_kawaiitown.unique #result_kawaiitown p {
            color: #fff;
        }
        .k039_td_20221031_01_kawaiitown.unique .btn.link_product::after {
            border-top: 3px solid #f096aa;
            border-right: 3px solid #f096aa;
        }
        .k039_td_20221031_01_kawaiitown.mysterious .link_product {
            background: #879baa;
        }
        .k039_td_20221031_01_kawaiitown.mysterious #result_kawaiitown .iamge.heading img {
            -webkit-filter: brightness(0) invert(1);
            filter: brightness(0) invert(1);
        }
        .k039_td_20221031_01_kawaiitown.mysterious #result_kawaiitown .heading {
            color: #fff;
        }
        .k039_td_20221031_01_kawaiitown.mysterious #result_kawaiitown p {
            color: #fff;
        }
        .k039_td_20221031_01_kawaiitown.mysterious .btn.link_product::after {
            border-top: 3px solid #879baa;
            border-right: 3px solid #879baa;
        }




/*------------------------------------------------
    animation
------------------------------------------------*/

        .k039_td_20221031_01_kawaiitown .fade ,
        .k039_td_20221031_01_kawaiitown .fade2 {
          opacity : 0;
        }
        .k039_td_20221031_01_kawaiitown .fade.effect-scroll {
          animation: popup .8s ease-out forwards;
        }
        .k039_td_20221031_01_kawaiitown .fade2.effect-scroll {
          animation: popup .8s ease-out forwards .3s;
        }
        @keyframes popup {
          0% { transform: scale(0, 0); opacity: 0; }
          15% { transform: scale(1.1, 1.2); opacity: 1; }
          50% { transform: scale(.9, .9); opacity: 1; }
          100% { transform: scale(1, 1); opacity: 1; }
        }






        /* 固定ナビのためのアンカーリンク位置ずらし */
        .k039_td_20221031_01_kawaiitown #intro_kawaiitown_link,
        .k039_td_20221031_01_kawaiitown #sindan_kawaiitown_link,
        .k039_td_20221031_01_kawaiitown #style_kawaiitown_link,
        .k039_td_20221031_01_kawaiitown #chara_kawaiitown_link
        {
            display: block;
            padding-top: 95px !important;
            margin-top: -95px !important;
            z-index: -1;
        }





/*------------------------------------------------
    home - lorcal
------------------------------------------------*/


        .k039_td_20221031_01_kawaiitown .kawaii_back_btn_wrap {
            width: 97%;
            margin: 0 auto;
            margin-top: 40px;
        }
        .k039_td_20221031_01_kawaiitown .kawaii_back_btn > a {
            position: relative;
            display: block;
            width: 190px;
            font-size: 114.3%;
            line-height: 1;
            padding: 10px 5px 10px 25px;
            text-align: center;
            color: #212121;
            text-decoration: none;
            background: #ececec;
            border: 1px solid #c5c5c5;
            border-radius: 2px;
            float: left;
        }
        .k039_td_20221031_01_kawaiitown .kawaii_back_btn a:before {
                position: absolute;
                content: "";
                top: 50%;
                left: 10px;
                margin-top: -5px;
                width: 8px;
                height: 10px;
                background: url(../images/template/k036_td_20190801_arrow_gray_l.png);
        }
        .k039_td_20221031_01_kawaiitown .kawaii_back_btn a:hover {
            opacity: 0.7;
        }



/*------------------------------------------------
    breakpoint
------------------------------------------------*/


@media screen and (max-width: 699px) { /* SP可変 Liquid Layout */


        /* display
        --------------------------------------- */
        .k039_td_20221031_01_kawaiitown .pc {
            display: none !important;
        }


        /* layout
        --------------------------------------- */
        .k039_td_20221031_01_kawaiitown {
            width: auto;
            min-width: 0;
        }
        /* section - kawaii */
        .k039_td_20221031_01_kawaiitown .section_kawaiitown {
            position: relative;
            padding: 0;
        }
        .k039_td_20221031_01_kawaiitown .article_wrap {
            width: auto;
            margin: 0 auto;
        }
        .k039_td_20221031_01_kawaiitown .tomenu2 {
            display: none;
        }


	/* title
	--------------------------------------- */
        .k039_td_20221031_01_kawaiitown .ttl_kawaiitown {
            height: 120vw;
            background: url(../images/template/k039_td_20221031_01_keyvisual_sp.jpg);
            background-size: cover;
        }
        .k039_td_20221031_01_kawaiitown .ttl_kawaiitown .figure {
            position: absolute;
            width: 50vw;
            left: calc(50% - 25vw);
            top: calc(50% - 35vw);
        }
        .k039_td_20221031_01_kawaiitown .ttl_kawaiitown svg {
            height: 40px;
        }

/* intro
--------------------------------------- */
          .k039_td_20221031_01_kawaiitown #intro_kawaiitown {
            height: 540px;
            padding-bottom: 0;
          }
          .k039_td_20221031_01_kawaiitown #intro_kawaiitown .bg_intro {
            height: 100%;
            background: url(../images/template/k039_td_20221031_01_01_intro_townscape_town_sp.png) center bottom no-repeat;
            background-size: contain;
          }
          .k039_td_20221031_01_kawaiitown #intro_kawaiitown .heading {
            width: 90vw;
            margin: 0 auto;
            padding-top: 40px;
          }
          .k039_td_20221031_01_kawaiitown #intro_kawaiitown p {
            margin: 0 20px;
            margin-top: 24px;
            font-size: 1.0rem;
                  }
          .k039_td_20221031_01_kawaiitown #intro_kawaiitown p + p {
            margin-top: 0;
          }


/* sindan
--------------------------------------- */
        .k039_td_20221031_01_kawaiitown #sindan_kawaiitown .heading {
            width: 90vw;
            margin: 40px auto 0;
        }
        .k039_td_20221031_01_kawaiitown #sindan_kawaiitown p {
            margin: 0 20px;
            margin-top: 23px;
            text-align: left;
            font-size: 1.0rem;
            line-height: 1.6;
        }
        .k039_td_20221031_01_kawaiitown #sindan_kawaiitown .gadget {
            width: 100vw;
            margin: 30px auto;
        }
        .k039_td_20221031_01_kawaiitown #sindan_kawaiitown .btn {
            width: 80vw;
            margin: 40px auto 10px;
            font-size: 1.4rem;
            text-decoration: none;
            transition: .3s;
        }

/* style
--------------------------------------- */
        .k039_td_20221031_01_kawaiitown #style_kawaiitown .heading {
          width: 90vw;
          margin: 40px auto 0;
          padding-top: 40px;
        }
        .k039_td_20221031_01_kawaiitown #style_kawaiitown p {
            margin: 0 20px;
            margin-top: 27px;
            text-align: left;
            font-size: 1.0rem;
            line-height: 1.6;
        }
        .k039_td_20221031_01_kawaiitown #style_kawaiitown ul {
            display: block;
            margin: 20px auto 0;
        }
        .k039_td_20221031_01_kawaiitown #style_kawaiitown li {
            width: 70%;
            margin: 5px auto 16px;
            padding: 0 0 10px;
            border-radius: 10px;
        }
        .k039_td_20221031_01_kawaiitown #style_kawaiitown li .text {
            margin: 7px 0 0;
            font-size: .8rem;
            line-height: 1.4;
        }
        .k039_td_20221031_01_kawaiitown #style_kawaiitown li a,
        .k039_td_20221031_01_kawaiitown #style_kawaiitown li a:hover {
          text-decoration: none;
        }


/* chara - Slick
--------------------------------------- */
        .k039_td_20221031_01_kawaiitown #chara_kawaiitown {
            padding: 0;
        }
        .k039_td_20221031_01_kawaiitown #chara_kawaiitown .heading {
            top: 47px;
            left: calc(50% - 45vw);
            width: 90vw;
        }
        .k039_td_20221031_01_kawaiitown #chara_kawaiitown p {
            top: 125px;
            left: 0;
            margin: 0 20px;
            font-size: 1.0rem;
            text-align: left;
            line-height: 1.6;
        }
        .k039_td_20221031_01_kawaiitown #chara_kawaiitown .slick_kawaiitown li.slick-active .character {
            opacity: 1;
        }
        .k039_td_20221031_01_kawaiitown #chara_kawaiitown .slick_kawaiitown li .text {
            margin: 0 20px;
            margin-top: 20px;
            color: #fff;
            font-size: .9rem;
            text-align: left;
        }
        .k039_td_20221031_01_kawaiitown #chara_kawaiitown  .slick_kawaiitown li.slick-active .text {
            transform: translateY(0);
            opacity: 1;
            transition: 1.2s;
        }
        .k039_td_20221031_01_kawaiitown #chara_kawaiitown .slick_kawaiitown li .name {
            width: calc(25vw + 10%);
            top: 0px;
            left: calc(-2vw + 5%);
            opacity: 0;
        }
        .k039_td_20221031_01_kawaiitown #chara_kawaiitown .slick_kawaiitown li.item2 .name {
            left: calc(-4vw + 5%);
        }
        .k039_td_20221031_01_kawaiitown #chara_kawaiitown .slick_kawaiitown li.item3 .name {
            left: calc(-4vw + 5%);
        }
        .k039_td_20221031_01_kawaiitown #chara_kawaiitown .slick_kawaiitown li.slick-active .name {
            animation: name_ani .5s ease-in .5s forwards;
        }
        .k039_td_20221031_01_kawaiitown #chara_kawaiitown .slick_kawaiitown li.slick-active .name img {
            animation: name_rotate 14.5s ease-out 1.0s infinite;
        }
        .k039_td_20221031_01_kawaiitown #chara_kawaiitown .slick_kawaiitown li .symbol {
            width: calc(15vw + 6%);
            top: 24%;
            right: calc(17vw - 4%);
            opacity: 0;
        }
        .k039_td_20221031_01_kawaiitown #chara_kawaiitown .slick_kawaiitown li.item2 .symbol {
            top: 75vw;
        }
        .k039_td_20221031_01_kawaiitown #chara_kawaiitown .slick_kawaiitown li.item3 .symbol {
            top: 10%;
        }
        .k039_td_20221031_01_kawaiitown #chara_kawaiitown .slick_kawaiitown li.item4 .symbol {
            top: 18%;
        }
        .k039_td_20221031_01_kawaiitown #chara_kawaiitown .slick_kawaiitown li.item5 .symbol {
            top: 27vw;
            right: calc(12vw - 4%);
        }
        .k039_td_20221031_01_kawaiitown #chara_kawaiitown .slick_kawaiitown li.item6 .symbol {
            top: 14%;
        }
        .k039_td_20221031_01_kawaiitown #chara_kawaiitown .slick_kawaiitown li.slick-active .symbol {
            animation: symbol_ani .5s ease-in .5s forwards;
        }
        .k039_td_20221031_01_kawaiitown #chara_kawaiitown .slick_kawaiitown li.slick-active .symbol img {
            animation: symbol_ani2 2.5s ease-in 2.0s infinite;
        }
        .k039_td_20221031_01_kawaiitown #chara_kawaiitown .slick_kawaiitown {
            padding-top: 210px;
        }
/*      .k039_td_20221031_01_kawaiitown #chara_kawaiitown .slick_kawaiitown:has(.item1.slick-active) {
          background: #64adea;
        }
        .k039_td_20221031_01_kawaiitown #chara_kawaiitown .slick_kawaiitown:has(.item2.slick-active) {
          background: #f0c85a;
        }
        .k039_td_20221031_01_kawaiitown #chara_kawaiitown .slick_kawaiitown:has(.item3.slick-active) {
          background: #e14b3c;
        }
        .k039_td_20221031_01_kawaiitown #chara_kawaiitown .slick_kawaiitown:has(.item4.slick-active) {
          background: #e6698c;
        }
        .k039_td_20221031_01_kawaiitown #chara_kawaiitown .slick_kawaiitown:has(.item5.slick-active) {
          background: #8cc878;
        }
        .k039_td_20221031_01_kawaiitown #chara_kawaiitown .slick_kawaiitown:has(.item6.slick-active) {
          background: #264051;
        }*/
        .k039_td_20221031_01_kawaiitown #chara_kawaiitown .slide-arrow {
            width: 40px;
        }
        .k039_td_20221031_01_kawaiitown #chara_kawaiitown .prev-arrow {
            top: 47%;
            left: 20px;
            transform: translate(0, 0);
        }
        .k039_td_20221031_01_kawaiitown #chara_kawaiitown .next-arrow {
            top: 47%;
            right: 20px;
            transform: translate(0, 0);
        }
        .k039_td_20221031_01_kawaiitown #chara_kawaiitown .wave {
            top: 0;
            height: 10px;
        }
        .k039_td_20221031_01_kawaiitown #chara_kawaiitown .wave1 {
            top: auto;
            bottom: -1px;
        }


/* bnr
--------------------------------------- */
        .k039_td_20221031_01_kawaiitown #bnr_kawaiitown .flex {
            width: 90vw;
            margin: 40px auto;
            flex-wrap: wrap;
        }
        .k039_td_20221031_01_kawaiitown #bnr_kawaiitown .image {
            width: 100%;
            margin-bottom: 25px;
        }
        .k039_td_20221031_01_kawaiitown #bnr_kawaiitown .image span {
            margin-top: 5px;
            font-size: .8rem;
        }




/*------------------------------------------------
    navigation
------------------------------------------------*/

        .k039_td_20221031_01_kawaiitown .lnav_wrap {
            height: 60px;
            top: -1px;
        }
        .k039_td_20221031_01_kawaiitown .lnav_wrap .logo {
            position: absolute;
            top: 50%;
            left: 12px;
            transform: translate(0%, -50%);
            width: 60vw;
        }

        /* :::::: toggle button :::::: */
        .k039_td_20221031_01_kawaiitown .open {
            top: 13px;
            right: 16px;
        }

        /* :::::: drawer menu :::::: */
        .k039_td_20221031_01_kawaiitown .menu h2 {
            display: block;
            width: 60vw;
            margin: 0 auto;
        }


        /* 固定ナビのためのアンカーリンク位置ずらし */
        .k039_td_20221031_01_kawaiitown #intro_kawaiitown_link,
        .k039_td_20221031_01_kawaiitown #sindan_kawaiitown_link,
        .k039_td_20221031_01_kawaiitown #style_kawaiitown_link,
        .k039_td_20221031_01_kawaiitown #chara_kawaiitown_link
        {
            display: block;
            padding-top: 60px !important;
            margin-top: -60px !important;
            z-index: -1;
        }




/*------------------------------------------------
    chart
------------------------------------------------*/


        .k039_td_20221031_01_kawaiitown .chart_wrap:before {
            content: "";
            display: block;
            padding-top: calc(270vw + 50px);
        }
        .k039_td_20221031_01_kawaiitown .chart_wrap .heading {
          margin-top: 45px;
          font-size: 8vw;
        }
        .k039_td_20221031_01_kawaiitown .chart_wrap p {
          margin: 24px 0 0;
          font-size: 4.2vw;
          line-height: 2.0;
        }
        .k039_td_20221031_01_kawaiitown .chart_wrap .route_active {
          position: absolute;
          left: 50%;
          top: 0;
          width: 100%;
          transform: translate(-50%,0);
        }
        .k039_td_20221031_01_kawaiitown .route_active {
            padding-top: 60px !important;
            margin-top: -60px !important;
        }
        .k039_td_20221031_01_kawaiitown .chart_footer {
          display: block;
          margin: 60px auto 0;
          padding: 40px 0 0;
        }
        .k039_td_20221031_01_kawaiitown .chart_footer .heading {
          width: 90vw !important;
          margin: 60px auto 0;
        }
        .k039_td_20221031_01_kawaiitown .chart_footer .btn_sns {
          display: block;
          width: 80vw;
          margin: 40px auto 0;
          font-size: 6vw;
          line-height: 50px;
          border-radius: 50px;
        }
        .k039_td_20221031_01_kawaiitown .chart_footer .btn_sns span::before {
          display: inline-block;
          position: absolute;
          content: "";
          width: 34px;
          height: 27px;
          top: 12px;
          left: -14px;
          background-size: 34px;
        }
        .k039_td_20221031_01_kawaiitown .chart_footer .totop {
          display: block;
          width: 70vw;
          margin: 0 auto 0;
          font-size: 6vw;
          line-height: 50px;
          border: none;
          text-decoration: none;
        }
        .k039_td_20221031_01_kawaiitown .chart_wrap .start .image {
          width: 100%;
          margin: 0 auto;
        }
        .k039_td_20221031_01_kawaiitown .chart_wrap .start .btn2 {
          display: block;
          width: 80vw;
          margin: 13px auto 0;
          font-size: 6vw;
          line-height: 50px;
          text-decoration: none;
        }
        .k039_td_20221031_01_kawaiitown .chart_wrap .route .heading {
          max-width: 90vw;
          margin: 0 auto;
          font-size: 8vw;
        }
        .k039_td_20221031_01_kawaiitown .chart_wrap .route .image {
          width: 90vw;
          margin: 0 auto;
        }
        .k039_td_20221031_01_kawaiitown .chart_wrap .route .btn {
          display: block;
          width: 80vw;
          margin: 13px auto 0;
          font-size: 10vw;
          line-height: 80px;
          text-decoration: none;
        }
        .k039_td_20221031_01_kawaiitown .chart_wrap .route .back_wrap {
          display: block;
          width: 90vw;
          margin: 0 auto;
          padding: 25px 0 0;
          text-align: center;
        }
        .k039_td_20221031_01_kawaiitown .chart_wrap .route .back {
            position: relative;
            bottom: auto;
            left: auto;
            margin: 0;
            font-size: 1.5rem;
            line-height: 35px;
            text-decoration: none;
        }
        .k039_td_20221031_01_kawaiitown .chart_wrap .route .back:hover {
            text-decoration: none;
            background: none;
            color: #ee7325;
            transition: .3s;
            transform: none;
        }
        .k039_td_20221031_01_kawaiitown .chart_wrap .route .back::before,
        .k039_td_20221031_01_kawaiitown .chart_wrap .route .back::after {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            margin: auto;
            content: "";
            vertical-align: middle;
            transition: .3s;
        }
        .k039_td_20221031_01_kawaiitown .chart_wrap .route .back::before {
            left: -42px;
            box-sizing: border-box;
            width: 10px;
            height: 10px;
            border: 10px solid transparent;
            border-right: 10px solid #402813;
        }
        .k039_td_20221031_01_kawaiitown .chart_wrap .route .back::after {
            left: -22px;
            width: 10px;
            height: 8px;
            border-left: 14px solid #402813;
        }
        .k039_td_20221031_01_kawaiitown .chart_wrap .route .back:hover::before {
            border-right: 10px solid #ee7325;
            transition: .3s;
        }
        .k039_td_20221031_01_kawaiitown .chart_wrap .route .back:hover::after {
            border-left: 14px solid #ee7325;
            transition: .3s;
        }
        .k039_td_20221031_01_kawaiitown .chart_wrap .prog {
          display: block;
          width: 90vw;
          margin: 40px auto 0;
        }




/*------------------------------------------------
    result
------------------------------------------------*/

        .k039_td_20221031_01_kawaiitown #result_kawaiitown .iamge.heading {
          width: 90vw;
          margin: 0 auto;
          padding-top: 80px;
        }
        .k039_td_20221031_01_kawaiitown #result_kawaiitown .chara {
            width: 90vw;
            margin: 0 auto;
        }
        .k039_td_20221031_01_kawaiitown #result_kawaiitown .heading {
            font-size: 9vw;
        }
        .k039_td_20221031_01_kawaiitown #result_kawaiitown p {
            font-size: 4.2vw;
            width: 90vw;
            margin: 12px auto;
            text-align: justify;
        }
        .k039_td_20221031_01_kawaiitown #result_kawaiitown .btn_sns {
            display: block;
            width: 90vw;
            margin: 35px auto 0;
            font-size: 6vw;
            line-height: 50px;
            border-radius: 50px;
        }
        .k039_td_20221031_01_kawaiitown #result_kawaiitown .btn_sns span {
            display: inline-block;
            position: relative;
            text-indent: 35px;
        }
        .k039_td_20221031_01_kawaiitown #result_kawaiitown .btn_sns span::before {
            display: inline-block;
            position: absolute;
            content: "";
            width: 7vw;
            height: 6vw;
            top: 15px;
            left: 0px;
            background: url(../images/template/k039_td_20221031_02_twitter.png) left top no-repeat;
            background-size: 7vw;
        }
        .k039_td_20221031_01_kawaiitown #result_kawaiitown .iamge.product {
            width: 90vw;
            margin: 40px auto 0;
        }
        .k039_td_20221031_01_kawaiitown.result .btn {
            display: block;
            position: relative;
            font-size: 4.5vw;
            line-height: 50px;
            text-decoration: none;
            border-radius: 50px;
        }
        .k039_td_20221031_01_kawaiitown.result .btn:hover {
            text-decoration: none;
        }
        .k039_td_20221031_01_kawaiitown.result .btn.link_product {
            width: 20em;
            margin: 40px auto 0;
            text-indent: -2em;
            letter-spacing: -0.05em;
        }
        .k039_td_20221031_01_kawaiitown.result .btn.link_product::before {
            display: block;
            position: absolute;
            content: "";
            width: 40px;
            height: 40px;
            right: 7px;
            top: calc(50% - 20px);
        }
        .k039_td_20221031_01_kawaiitown.result .btn.link_product::after {
            display: block;
            position: absolute;
            content: "";
            width: 15px;
            height: 15px;
            right: 22px;
            top: calc(50% - 9px);
        }
        .k039_td_20221031_01_kawaiitown.result .btn.link_sindan {
            width: 65vw;
            margin: 40px auto 40px;
            line-height: 50px;
        }




	/* home
	--------------------------------------- */
        .k039_td_20221031_01_kawaiitown .kawaii_back_btn {
            width: 48.4%;
            float: none;
        }
        .k039_td_20221031_01_kawaiitown .kawaii_back_btn > a {
            width: 100%;
            font-size: 100%;
            padding: 17px 2px 16px 12px;
        }

}
@media screen and (min-width: 490px) and (max-width: 699px) {
        .k039_td_20221031_01_kawaiitown .line.effect-line .line_left::after ,
        .k039_td_20221031_01_kawaiitown .line.effect-line .line_right::after {
            width: 35vw;
        }
}

@media screen and (min-width: 700px) {

        /* display
        --------------------------------------- */
        .k039_td_20221031_01_kawaiitown .sp {
            display: none !important;
        }

}

@media screen and (min-width: 700px) and (max-width: 959px) {
    /* 960pxで固定 fixed */
    .k039_td_20221031_01_kawaiitown {
        width: 960px;
    }
}

@media screen and (min-width: 960px) and (max-width: 1279px) {
}

@media screen and (min-width: 1280px) {
}