/* 1336pxの場合　フォントサイズ以外
 min(1rem,calc(10vw/13.66)) */

#wrapper {
 position: relative;
}
.bg_cloud {
 content: "";
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 height: 100vh;
 height: 100dvh;
 background: url(../images/main_bg.webp) repeat-x;
 background-size: auto;
 background-position-y: 0;
 background-position-x: 50%;
 z-index: 0;
}
.bg_cloud::before {
 content: '';
 width: 100%;
 height: 100%;
 position: absolute;
 top: 0;left: 0;
}

/*                   header                      */

header {
 position: fixed;
 top: 0;
 width: 100%;
 left: 0;
 z-index: 99;
}
.hd_inner {
 padding: min(4rem, calc(40vw / 13.66)) min(4rem, calc(40vw / 13.66)) 0;
}
.hd_flex {
 display: flex;
 align-items: center;
 justify-content: space-between;
}
.tk_logo {
 width: min(8rem, calc(80vw / 13.66));
 transition: 1s;
}
.tk_logo.hide {
 opacity: 0;
 visibility: hidden;
}



.nav {
 display: none;
}


.side_menu {
 position: fixed;
 top: 50%;
 transform: translateY(-50%);
 left: min(90rem, calc(900vw / 13.66));
 right: 0;
 margin: 0 auto;
 z-index: 10;
 width: min(25rem, calc(250vw / 13.66));
 text-align: left;
}
.side_menu li {
 display: flex;
 align-items: center;
 gap:  0 min(1.2rem, calc(12vw / 13.66));
 margin-bottom: min(1rem, calc(10vw / 13.66));
}
.side_menu li:last-of-type {
 margin-bottom: 0;
}
.side_menu li::before
{
 content: '';
 width: min(1.5rem, calc(15vw / 13.66));
 height: min(.1rem, calc(1vw / 13.66));
 background-color: #896e56;
}
.side_menu li  a {
 font-size: 1.8rem;
 font-weight: 500;
 color: #896e56;
 position: relative;
 letter-spacing: 0.06em;
}
.side_menu li  a::before {
 content: '';
 width: 100%;
 border: min(.1rem, calc(1vw / 13.66)) solid #896e56;
 position: absolute;
 bottom: 0;left: 0;
 transition:transform .4s;
 transform: scale(0,1);
 transform-origin: right top;
}

@media (hover: hover)  and (pointer: fine){
 .side_menu li  a:where(:any-link, :enabled, summary):hover::before {
  transform: scale(1);
   transform-origin: left top;
 }

}


.side_logo {
 width: min(12.3rem, calc(123vw / 13.66));
 position: fixed;
 top: 50%;
 transform: translateY(-50%);
 left: 0;
 right:  min(92rem, calc(920vw / 13.66));
 margin: 0 auto;
 z-index: 10;
}

/*                   mv                      */

#mv {
 width: 100%;
 position: fixed;
 top: 0;
 left: 0;
 z-index: 50;
 height: 100vh;
 height: 100lvh;
 object-fit: cover;
 object-position: center;
 overflow: hidden;
 /* transition: 1s; */
}
.mv_inner,.mv_bg {
 height: 100%;
}
#mv .mv_bg img {
 height: 100%;
 object-fit: cover;
 object-position: top;
}


.mv_cloud {
 width: 100%;
 position: absolute;
 bottom: calc(-1200vw / 13.66);
 right: 0;
 left: 0;
 margin: 0 auto;
 z-index: 5;
 transition: 1s;
 transform: translateY(-30%);
 opacity: 0;
}
.mv_inner.show .mv_cloud {
 transform: translateY(0);
 opacity: 1;
}

.mv_img_box {
 position: absolute;
 top: 50%;
 transform: translateY(-50%);
 width: 100%;
 /* height:  calc(650vw / 13.66); */
 height: min(65em, calc(650vw / 13.66));
}

.mv_img {
 position: absolute;
 left: 0;
 right: 0;
 margin: 0 auto;
 z-index: 2;
}

.mv_img {
 transition: 1s;
 transform: translateY(10%);
 opacity: 0;
 transition-delay: .1s;
}
.mv_inner.show .mv_img {
 opacity: 1;
 transform: translateY(0);
}

.mv_img_01 {
 width: min(26.5rem, calc(265vw / 13.66));
 top:  min(14rem, calc(140vw / 13.66));
 right: min(56rem, calc(560vw / 13.66));
 /* width:  calc(265vw / 13.66);
 top:  calc(140vw / 13.66);
 right:  calc(560vw / 13.66); */
 z-index: 3;
 transition-delay: .2s ;

}
.mv_img_02 {
 /* width: calc(176vw / 13.66); */
 /* right:  calc(260vw / 13.66); */
 top: 0;
 width: min(17.6rem, calc(176vw / 13.66));
 right: min(26rem, calc(260vw / 13.66));
 transition-delay: .2s;
 animation-delay: .3s;
}
.mv_img_03 {
 /* width: calc(186vw / 13.66);
 top:   calc(278vw / 13.66);
 right:  calc(90vw / 13.66); */
 top:  min(27.8rem, calc(278vw / 13.66));
 width: min(18.6rem, calc(186vw / 13.66));
 right: min(9rem, calc(90vw / 13.66));
}
.mv_img_04 {
 /* width: calc(185vw / 13.66);
 top:   calc(160vw / 13.66);
 left:  calc(165vw / 13.66); */
 width: min(18.5rem, calc(185vw / 13.66));
 top:  min(16rem, calc(160vw / 13.66));
 left: min(16.5rem, calc(165vw / 13.66));
 transition-delay: .1s;
 animation-delay: .3s;
}
.mv_img_05 {
 /* width:calc(174vw / 13.66);
 top:  calc(315vw / 13.66);
 left:  calc(290vw / 13.66); */
 width: min(17.4rem, calc(174vw / 13.66));
 top:  min(31.5rem, calc(315vw / 13.66));
 left: min(29rem, calc(290vw / 13.66));
 transition-delay: .1s;
}
.mv_img_06 {
 /* width: calc(206vw / 13.66);
 top:  calc(15vw / 13.66);
 left:  calc(700vw / 13.66); */
 width: min(20.6rem, calc(206vw / 13.66));
 top:  min(1.5rem, calc(15vw / 13.66));
 left: min(70rem, calc(700vw / 13.66));
 transition-delay: .1s;
 animation-delay: .2s;
}

.mv_copy {
 width: calc(676vw / 13.66);
 width: min(67.6rem, calc(676vw / 13.66));
 position: absolute;
 right: max(-68rem, calc(-680vw / 13.66));
 left: 0;
 margin: 0 auto;
 bottom:0;
 z-index: 5;
 transition: .7s;
 transition-delay: .7s;
 opacity: 0;
}
.mv_inner.show  .mv_copy {
 opacity: 1;

}
.mv_img.move {
 animation-name: floating;
 animation-timing-function:ease-in-out;
 animation-duration: 12s;
 animation-iteration-count: infinite;
 animation-fill-mode: forwards;
  animation-direction: alternate;
}

@keyframes floating {
 0%   { transform: translateY(0); }
 25%  { transform: translateY(6%); }
 50%  { transform: translateY(3%); }
 75%  { transform: translateY(6%); }
 100% { transform: translateY(0); }
}

/*                 main_contents                   */
.main_contents {
 width: min(48rem, calc(480vw / 13.66));
 margin: 0 auto;
 background-color: #fff;
 position: relative;
 margin-top: 100vh;
 border-radius:  min(5.2rem, calc(52vw / 13.66)) min(5.2rem, calc(52vw / 13.66)) 0 0;
}
.section_ttl {
 font-size: 3rem;
 letter-spacing: 0.1em;
 line-height: 1.33;
 color: #896e56;
 font-weight: 400;
}

/*                 about                   */
.about_inner {
 padding-top: min(7rem, calc(70vw / 13.66));
}
.about_inner .section_ttl {
 display: flex;
 align-items: flex-end;
 justify-content: center;
 line-height: 1;
 font-size: 2.8rem;
}
.about_inner .section_ttl span {
 width: min(7.8rem, calc(78vw / 13.66));
}

.about_ttl {
 font-size: 3rem;
 font-weight: 500;
 color: #896e56;
 letter-spacing: 0.03em;
 margin: min(4.5rem, calc(45vw / 13.66)) 0 min(2rem, calc(20vw / 13.66));
 line-height: 1.3;
}
.about_ttl span {
 display: inline-block;
 border-bottom: min(0.1rem, calc(1vw / 13.66)) solid #896e56;
}

.about_txt {
 font-size: 1.8rem;
 font-weight: 400;
 letter-spacing: 0.06em;
 color: #896e56;
}

/*                 routine                   */
.routine_inner {
 position: relative;
}

.routine_top {
 position: relative;
 background-color: #ffd6e3;
 padding: min(16.5rem, calc(165vw / 13.66)) 0 min(23rem, calc(230vw / 13.66));
 box-sizing: border-box;
 z-index: 1;
}
#routine_ttl {
 padding-top: min(2rem, calc(20vw / 13.66));
}
.routine_cloud_01 {
 position: absolute;
 top: min(19rem, calc(190vw / 13.66));
 left: 0;
 z-index: -1;
 transform: scale(-1,1);
}
.routine_cloud_02 {
 position: absolute;
 bottom: min(22rem, calc(220vw / 13.66));
 left: 0;
 z-index: -1;
}
.routine_inner .section_ttl span {
 display: block;
 font-size: 1.8rem;
 font-weight: 500;
 letter-spacing: 0.06em;
 line-height: 2;
}
.routine_txt {
 font-size: 1.8rem;
 font-weight: 400;
 letter-spacing: 0.08em;
 line-height: 2;
 color: #896e56;
 margin: min(4rem, calc(40vw / 13.66)) 0 min(1rem, calc(10vw / 13.66));
}
.routine_img {
 width: min(39.5rem, calc(395vw / 13.66));
 margin: 0 auto min(2rem, calc(20vw / 13.66));
}
.routine_note_txt {
 font-size: 1.4rem;
 font-weight: 400;
 letter-spacing: 0.06em;
 color: #896e56;
}

.routine_secret_inner {
 width: min(43rem, calc(430vw / 13.66));
 margin:0 auto 0;
 padding-bottom: min(5rem, calc(50vw / 13.66));
}
.routine_secret_ttl {
 font-size: 3.8rem;
 color: #8470d3;
 font-weight: 400;
 letter-spacing: 0.02em;
 line-height: 1.32;
}
.routine_secret_ttl .min_txt {
 font-size: 2.4rem;
}
.routine_secret_ttl p {
 font-size: 3.6rem;
 display: flex;
 align-items: center;
 justify-content: center;
 gap: 0 min(1.5rem, calc(15vw / 13.66));
}
.routine_secret_ttl p::before {
 content: "";
 width: min(2.2rem, calc(22vw / 13.66));
 height: min(2.2rem, calc(22vw / 13.66));
 background: url(../images/ttl_icon.svg) no-repeat;
 background-size: cover;
}
.routine_secret_ttl p::after {
 content: "";
 width: min(2.2rem, calc(22vw / 13.66));
 height: min(2.2rem, calc(22vw / 13.66));
 background: url(../images/ttl_icon.svg) no-repeat;
 background-size: cover;
}

.routine_secret_item {
 margin-top: min(6rem, calc(60vw / 13.66));
}
.routine_secret_item_ttl {
 display: flex;
 flex-direction: column;
 justify-content: center;
 align-items: center;
 font-size: 3rem;
 font-weight: 700;
 color: #eb6b8b;
 line-height: 1.33;
 gap: min(1rem, calc(10vw / 13.66)) 0;
 margin-bottom: min(5rem, calc(50vw / 13.66));
}
.routine_secret_item_ttl .num {
 width: min(7.2rem, calc(72vw / 13.66));
 margin: 0 auto;
}
.routine_secret_item_ttl p {
 border-bottom: dotted #ffa2d7 min(0.5rem, calc(5vw / 13.66));
 padding-bottom: min(0.5rem, calc(5vw / 13.66));
}

.routine_secret_item_detail {
 display: flex;
 flex-direction: column;
 gap: min(1.5rem, calc(15vw / 13.66)) 0;
}
.routine_secret_item_detail li {
 display: flex;
 flex-wrap: wrap;
 font-size: 2.5rem;
 font-weight: 500;
 letter-spacing: 0.08em;
 color: #896e56;
 line-height: 1.6;
 text-align: justify;
}
.routine_secret_item_detail li::before {
 content: "";
 width: min(2.5rem, calc(25vw / 13.66));
 height: min(2.5rem, calc(25vw / 13.66));
 border-radius: 50%;
 background: #e0f2ff;
 background: linear-gradient(90deg, rgba(224, 242, 255, 1) 0%, rgba(255, 203, 229, 1) 100%);
 align-self: center;
 margin-right: min(1rem, calc(10vw / 13.66));
}
.routine_secret_item_detail li sup {
 font-size: 1.5rem;
}
.routine_secret_item_detail li .min_txt {
 font-size: 2rem;
 align-self: flex-end;
}
.routine_secret_item_flex {
 width: 100%;
 display: flex;
 justify-content: space-between;
 margin-top: min(1.5rem, calc(15vw / 13.66));
}
.routine_secret_item_img {
 width: min(17rem, calc(170vw / 13.66));
}
.routine_secret_item_txt {
 width: min(24rem, calc(240vw / 13.66));
 text-align: justify;
 font-size: 1.8rem;
 font-weight: 400;
 line-height: 1.57;
 letter-spacing: 0.05em;
}
.routine_secret_item_txt span {
 font-size: 1.4rem;
 display: block;
 margin-top: min(1rem, calc(10vw / 13.66));
}
.routine_secret_item_detail li:last-of-type .routine_secret_item_txt {
 width: 100%;
 box-sizing: border-box;
 padding-left: min(3.5rem, calc(35vw / 13.66));
}
.routine_secret_item_detail li:last-of-type .routine_secret_item_txt span {
 margin-top: 0;
}
.routine_secret_item_note_txt {
 font-size: 1.4rem;
 font-weight: 400;
 color: #896e56;
 text-align: left;
 letter-spacing: 0.02em;
 margin-top: min(1rem, calc(10vw / 13.66));
}
.routine_secret_effect {
 display: flex;
 flex-direction: column;
 gap: min(1.5rem, calc(15vw / 13.66)) 0;
 margin-top: min(2.5rem, calc(25vw / 13.66));
}
.routine_secret_effect li {
 background-color: #fef8f8;
 border-radius: min(2rem, calc(20vw / 13.66));
 box-sizing: border-box;
 padding: min(1rem, calc(10vw / 13.66)) min(2.3rem, calc(35vw / 13.66));
 font-size: 2.3rem;
 line-height: 1.6;
 text-align: justify;
 color: #896e56;
}
.routine_secret_effect li span {
 font-weight: 700;
}
.routine_secret_effect .flex {
 display: flex;
 justify-content: space-between;
}
.routine_secret_effect_detail {
 width: min(21.5rem, calc(215vw / 13.66));
}
.routine_secret_effect_detail .min_txt {
 font-size: 1.4rem;
 font-weight: 400;
 line-height: 2;
 display: block;
 letter-spacing: 0.05em;
 margin-top: min(0.5rem, calc(5vw / 13.66));
}
.routine_secret_effect_img {
 width: min(17rem, calc(170vw / 13.66));
}

.routine_secret_item:last-of-type .routine_secret_item_detail li:last-of-type {
 border-top: min(0.5rem, calc(5vw / 13.66)) dotted #8691cf;
 padding-top: min(3rem, calc(30vw / 13.66));
}
.routine_secret_item:last-of-type .routine_secret_item_detail li::before {
 content: none;
}
.routine_secret_item .routine_secret_item_box {
 width: min(21.5rem, calc(215vw / 13.66));
}
.routine_secret_item .routine_secret_item_box .routine_secret_item_img {
 margin: 0 auto;
}
.routine_secret_item_detail li:last-of-type .routine_secret_item_box .routine_secret_item_txt {
 padding: 0;
 text-align: center;
 line-height: 1.57;
 letter-spacing: 0em;
 margin-top: min(1rem, calc(10vw / 13.66));
}

/*                 lineup                   */
.lineup_inner {
 padding-top:min(17rem, calc(170vw / 13.66));
 padding-bottom: min(9rem, calc(90vw / 13.66));
 background: #FFFFFF;
background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(204, 231, 245, 1) 3%, rgba(158, 212, 255, 1) 20%, rgba(231, 185, 209, 1) 50%, rgba(193, 175, 206, 1) 80%, #C9DAFF 95%, rgba(255, 255, 255, 1) 100%);
position: relative;
z-index: 1;
}
.lineup_cloud_01 {
 position: absolute;
 top: min(11rem, calc(110vw / 13.66));
 left: 0;
 z-index: -1;
 transform: scale(-1,1);
}
.lineup_cloud_02 {
 position: absolute;
 top: min(46rem, calc(460vw / 13.66));
 left: 0;
 z-index: -1;
}
.lineup_cloud_03 {
 position: absolute;
 top: min(100rem, calc(1000vw / 13.66));
 left: 0;
 z-index: -1;
 transform: scale(-1,1);
}
.lineup_cloud_04 {
 position: absolute;
 top: min(132rem, calc(1320vw / 13.66));
 left: 0;
 z-index: -1;
}
.lineup_cloud_05 {
 position: absolute;
 top: min(319rem, calc(3190vw / 13.66));
 left: 0;
 z-index: -1;
 transform: scale(-1,1);
}
.lineup_cloud_06 {
 position: absolute;
 top: min(420rem, calc(4200vw / 13.66));
 left: 0;
 z-index: -1;
}
.lineup_cloud_07 {
 position: absolute;
 top: min(524rem, calc(5240vw / 13.66));
 left: 0;
 z-index: -1;
 transform: scale(-1,1);
}
.lineup_cloud_08 {
 position: absolute;
 top: min(550rem, calc(5500vw / 13.66));
 left: 0;
 z-index: -1;
}
#lineup_ttl {
 padding-top:  min(2rem, calc(20vw / 13.66));
}
.lineup_menu {
 width: min(43rem, calc(430vw / 13.66));
 display: flex;
 justify-content: space-between;
 flex-wrap: wrap;
 gap: min(2rem, calc(20vw / 13.66)) 0;
 margin: min(6rem, calc(60vw / 13.66)) auto min(6rem, calc(60vw / 13.66));
}
.lineup_menu li {
 display: flex;
 width: min(20.5rem, calc(205vw / 13.66));
}
.lineup_menu li a {
 display: block;
 width: 100%;
 font-size: 1.8rem;
 font-weight: 400;
 line-height: 1.42;
 text-align: justify;
 color: #896e56;
 display: flex;
 background-color: #fff;
 align-items: center;
 padding: min(1.2rem, calc(12vw / 13.66)) 0;
 border-radius: min(6rem, calc(60vw / 13.66));
 box-sizing: border-box;
 padding-left: min(2.5rem, calc(25vw / 13.66));
 border: #896e56 solid min(0.1rem, calc(1vw / 13.66));
 position: relative;
}

.lineup_menu li a::before {
 content: "";
 width: min(1rem, calc(10vw / 13.66));
 height: min(1rem, calc(10vw / 13.66));
 border-bottom: #896e56 solid min(0.2rem, calc(2vw / 13.66));
 border-right: #896e56 solid min(0.2rem, calc(2vw / 13.66));
 position: absolute;
 top: 50%;
 transform: translateY(-50%) rotate(45deg);
 right: min(3rem, calc(30vw / 13.66));
 transition: .4s;
}
@media (hover: hover)  and (pointer: fine){
 .lineup_menu li a:where(:any-link, :enabled, summary):hover {
  background-color: #896e56;
  color: #fff;
 }
 .lineup_menu li a:where(:any-link, :enabled, summary):hover::before {
  border-color: #fff;
 }


}


.lineup_item {
 width: min(43rem, calc(430vw / 13.66));
 margin: 0 auto;
 padding-top: min(2.5rem, calc(25vw / 13.66));
}
.lineup_item_inner {
 width: 100%;
 padding: min(3.5rem, calc(35vw / 13.66)) 0 min(5rem, calc(50vw / 13.66));
 border-radius: min(4rem, calc(40vw / 13.66));
}
.lineup_item:nth-of-type(6) {
 margin-bottom: 0;
}
#lineup_01 .lineup_item_inner {
 background: url(../images/lineup_img_bg_01.webp) no-repeat;
 background-size: cover;
}
#lineup_02 .lineup_item_inner {
 background: url(../images/lineup_img_bg_02.webp) no-repeat;
 background-size: cover;
}
#lineup_03 .lineup_item_inner {
 background: url(../images/lineup_img_bg_03.webp) no-repeat;
 background-size: cover;
}
#lineup_04 .lineup_item_inner {
 background: url(../images/lineup_img_bg_04.webp) no-repeat;
 background-size: cover;
}
#lineup_05 .lineup_item_inner {
 background: url(../images/lineup_img_bg_05.webp) no-repeat;
 background-size: cover;
}
#lineup_06 .lineup_item_inner {
 background: url(../images/lineup_img_bg_06.webp) no-repeat;
 background-size: cover;
}
.lineup_item_ttl {
 font-size: 2.5rem;
 font-weight: 500;
 color: #896e56;
 letter-spacing: 0.1em;
 margin-bottom: min(5rem, calc(50vw / 13.66));
}
.lineup_item_img {
 position: relative;
 opacity: 0;
 transform: translateY(5%);
 transition: .7s;
 transition-delay: .5s;
}
.scrollin .lineup_item_img {
 opacity: 1;
 transform: translateY(0);

}
.lineup_item_icon {
 display: flex;
 justify-content: space-between;
 width: min(11.3rem, calc(113vw / 13.66));
 position: absolute;
 bottom: min(1rem, calc(10vw / 13.66));
 left: min(2.5rem, calc(25vw / 13.66));
 gap: 0 min(1rem, calc(10vw / 13.66));
}
.lineup_item:nth-of-type(even) .lineup_item_icon {
 right: min(2.5rem, calc(25vw / 13.66));
 left: auto;
 justify-content: flex-end;
}
.lineup_item_icon span {
 width: min(5.2rem, calc(52vw / 13.66));
}
.lineup_item_detail {
 width: min(37.8rem, calc(378vw / 13.66));
 margin: min(2.5rem, calc(25vw / 13.66)) auto 0;
 text-align: justify;
}
.lineup_item_txt {
 font-size: 2rem;
 font-weight: 500;
 line-height: 1.68;
 letter-spacing: 0.06em;
 color: #896e56;
}
.lineup_item_content {
 font-size: 1.8rem;
 line-height: 1.7;
 letter-spacing: 0.06em;
 color: #896e56;
 margin-top: min(2rem, calc(20vw / 13.66));
}
.lineup_item_detail .lineup_item_point {
 width: 100%;
 box-sizing: border-box;
 border: min(0.2rem, calc(2vw / 13.66)) solid #fff;
 border-radius: min(1.6rem, calc(16vw / 13.66));
 padding: min(1rem, calc(10vw / 13.66)) min(1.5rem, calc(15vw / 13.66))  min(1.5rem, calc(15vw / 13.66));
 background: #e0f2ff;
 background: linear-gradient(90deg, rgba(224, 242, 255, 1) 0%, rgba(255, 226, 229, 1) 100%);
 margin-top: min(4rem, calc(40vw / 13.66));
}
.lineup_item_point_ttl {
 width: min(17.2rem, calc(172vw / 13.66));
 margin-bottom: min(.5rem, calc(5vw / 13.66));
}
.lineup_item_point_txt {
 font-size: 2rem;
 font-weight: 500;
 line-height: 1.56;
 letter-spacing: 0.06em;
 color: #896e56;
}
.lineup_item_point_txt span {
 font-size: 1.4rem;
 display: block;
 font-weight: 400;
 margin-top: min(1rem, calc(10vw / 13.66));
}

.lineup_item_btn {
 width: 100%;
 background-color: #4283bf;
 border: #4283bf solid min(0.2rem, calc(2vw / 13.66));
 border-radius: min(0.8rem, calc(8vw / 13.66));
 font-size: 2rem;
 font-weight: 500;
 letter-spacing: 0.08em;
 color: #fff;
 padding: min(1rem, calc(10vw / 13.66)) ;
 box-sizing: border-box;
 margin-top: min(3rem, calc(30vw / 13.66));
 position: relative;
 transition: .4s;
 text-align: center;
}
.lineup_item_btn span {
 width: min(1.6rem, calc(16vw / 13.66));
 height: min(1.5rem, calc(15vw / 13.66));
 background: url(../images/modal.svg) no-repeat;
 background-size: cover;
 position: absolute;
 top: 50%;
 transform: translateY(-50%);
 right: min(2rem, calc(20vw / 13.66));
}
.lineup_item_btn span::before{
 content: '';
 width: 100%;
 height: 100%;
 background: url(../images/modal_hover.svg) no-repeat;
 background-size: cover;
 position: absolute;
 top: 0;
 left: 0;
 transition: .4s;
 opacity: 0;
}
.lineup_note_txt {
 width: min(43rem, calc(430vw / 13.66));
 margin: 0 auto;
 text-align: right;
 font-size: 1.4rem;
 font-weight: 400;
 color: #896e56;
 letter-spacing: 0.06em;
 margin-top: min(1rem, calc(10vw / 13.66));
}
.lineup_other {
 text-align: center;
 margin-top: min(4rem, calc(40vw / 13.66));
}
.lineup_other a {
 font-size: 2rem;
 color: #896e56;
 letter-spacing: 0.07em;
 text-decoration: underline;
 font-weight: 500;
 text-underline-offset: min(0.5rem, calc(5vw / 13.66));
}

@media (hover: hover)  and (pointer: fine){
 .lineup_item_btn:where(:any-link, :enabled, summary):hover {
  background: #fff;
  color: #4283bf;
 }
 .lineup_item_btn:where(:any-link, :enabled, summary):hover span::before {
  opacity: 1;
 }
 .lineup_other a:where(:any-link, :enabled, summary):hover {
  opacity: .7;
 }

}

/*                 point                   */

.point_inner {
 padding-top: min(2rem, calc(20vw / 13.66));
}
.point_copy {
 width: min(35.8rem, calc(358vw / 13.66));
 margin: 0 auto;
}
.point_txt {
 font-size: 1.8rem;
 color: #896e56;
 letter-spacing: 0.06em;
 font-weight: normal;
 margin-top: min(2rem, calc(20vw / 13.66));
}

.point_ttl {
 width: min(31.6rem, calc(316vw / 13.66));
 font-size: 2.8rem;
 font-weight: 500;
 letter-spacing: 0.03em;
 color: #896e56;
 line-height: 1.8;
 position: relative;
 z-index: 1;
 margin: min(1rem, calc(10vw / 13.66)) auto min(3rem, calc(30vw / 13.66));
}
.point_ttl::before {
 content: "";
 width: 100%;
 height: 100%;
 background: #bae2ff;
 background: #bae2ff;
 background: linear-gradient(90deg, rgba(186, 226, 255, 0.5) 0%, rgba(251, 165, 240, 0.5) 100%);
 filter: blur(min(0.7rem, calc(7vw / 13.66)));
 position: absolute;
 z-index: -1;
 left: 0;
 top: 0;
 border-radius: 30%;
}

.point_item {
 width: min(40.3rem, calc(403vw / 13.66));
 margin: 0 auto min(5rem, calc(50vw / 13.66));
}
.point_item:last-of-type {
 margin-bottom: 0;
}
.point_img {
 position: relative;
}
.point_num {
 width: min(6.3rem, calc(63vw / 13.66));
 position: absolute;
 bottom: max(-2.5rem, calc(-25vw / 13.66));
 left: min(1.5rem, calc(15vw / 13.66));
}
.point_item_ttl {
 font-size: 2.5rem;
 font-weight: 500;
 line-height: 1.6;
 color: #896e56;
 letter-spacing: 0.08em;
 margin-top: min(2rem, calc(20vw / 13.66));
 display: flex;
 flex-direction: column;
 justify-content: center;
 align-items: center;
}
.point_item_ttl span {
 display: inline-block;
 position: relative;
 z-index: 2;
}
.point_item_ttl span::before {
 content: "";
 width: 100%;
 height: min(.9rem, calc(9vw / 13.66));
 background: #e0f2ff;
 background: linear-gradient(90deg, rgba(224, 242, 255, 1) 0%, rgba(255, 203, 229, 1) 100%);
 position: absolute;
 bottom: min(0.4rem, calc(4vw / 13.66));
 z-index: -1;
}
.point_item_txt {
 width: min(36.7rem, calc(367vw / 13.66));
 margin: 0 auto;
 text-align: justify;
 font-size: 1.8rem;
 font-weight: normal;
 line-height: 1.57;
 color: #896e56;
 letter-spacing: 0.08em;
 margin-top: min(1.5rem, calc(15vw / 13.66));
}
.point_item_txt span {
 background-color: #ffeaf2;
}
.point_item_btn {
 width: min(40.3rem, calc(403vw / 13.66));
 margin: min(2.5rem, calc(25vw / 13.66)) auto 0;
}
.point_item_btn a {
 display: block;
 width: 100%;
 color: #896e56;
 font-size: 1.8rem;
 letter-spacing: 0.05em;
 line-height: 1.3;
 background: #e0f2ff;
 font-weight: 500;
 background: linear-gradient(90deg, rgba(224, 242, 255, 1) 0%, rgba(255, 203, 229, 1) 100%);
 border-radius: min(5.8rem, calc(58vw / 13.66));
 padding: min(1.5rem, calc(15vw / 13.66)) 0;
 position: relative;
}
.point_item_btn a::before {
 content: "";
 width: min(1rem, calc(10vw / 13.66));
 height: min(1rem, calc(10vw / 13.66));
 border-top: min(0.2rem, calc(2vw / 13.66)) solid #896e56;
 border-right: min(0.2rem, calc(2vw / 13.66)) solid #896e56;
 position: absolute;
 top: 50%;
 transform: translateY(-50%) rotate(45deg);
 right: min(2rem, calc(20vw / 13.66));
}
.point_item_btn a p {
 font-size: 1.6rem;
 display: flex;
 align-items: center;
 justify-content: center;
 gap: 0 min(0.5rem, calc(5vw / 13.66));
}
.point_item_btn a p::before {
 content: "";
 width: min(1.2rem, calc(12vw / 13.66));
 height: min(1.2rem, calc(12vw / 13.66));
 background: url(../images/btn_icon.svg) no-repeat;
 background-size: cover;
}
.point_item_btn a p::after {
 content: "";
 width: min(1.2rem, calc(12vw / 13.66));
 height: min(1.2rem, calc(12vw / 13.66));
 background: url(../images/btn_icon.svg) no-repeat;
 background-size: cover;
}

@media (hover: hover)  and (pointer: fine){
 .point_item_btn a:where(:any-link, :enabled, summary):hover {
  transform: scale(1.05);
 }

}

/*                 shop                   */

.shop_inner {
 padding-top: min(13rem, calc(130vw / 13.66));
 padding-bottom: min(23rem, calc(230vw / 13.66));
}
.shop_inner .section_ttl {
 display: inline-block;
 border-bottom: dotted #fff min(0.5rem, calc(5vw / 13.66));
 padding-bottom: min(0.5rem, calc(5vw / 13.66));
}
.shop_txt {
 font-size: 1.8rem;
 line-height: 2;
 letter-spacing: 0.06em;
 color: #896e56;
 margin-top: min(3rem, calc(30vw / 13.66));
}
.shop_btn {
 width: min(40.3rem, calc(403vw / 13.66));
 margin: min(4rem, calc(40vw / 13.66)) auto  min(3rem, calc(30vw / 13.66));
}
.shop_btn a {
 display: block;
 width: 100%;
 font-size: 2.5rem;
 font-weight: 500;
 color: #8470d3;
 background-color: #fff;
 box-sizing: border-box;
 padding: min(1rem, calc(10vw / 13.66)) 0;
 border-radius: min(5.5rem, calc(55vw / 13.66));
 border: min(0.1rem, calc(1vw / 13.66)) solid #8470d3;
 position: relative;
}
.shop_btn a::before {
 content: "";
 width: min(1.5rem, calc(15vw / 13.66));
 height: min(1.5rem, calc(15vw / 13.66));
 border-top: min(0.2rem, calc(2vw / 13.66)) solid #8470d3;
 border-right: min(0.2rem, calc(2vw / 13.66)) solid #8470d3;
 position: absolute;
 top: 50%;
 transform: translateY(-50%) rotate(45deg);
 right: min(2rem, calc(20vw / 13.66));
 transition: .4s;
}

@media (hover: hover)  and (pointer: fine){
 .shop_btn a:where(:any-link, :enabled, summary):hover {
  background-color: #8470d3;
  color: #fff;
 }
 .shop_btn a:where(:any-link, :enabled, summary):hover::before {
  border-color:#fff;
 }

}





footer {
 width: min(48rem, calc(480vw / 13.66));
 position: absolute;
 bottom: min(7rem, calc(70vw / 13.66));
 left: 0;
 right: 0;
 margin: 0 auto;
}
.footer_logo {
 width: min(15.3rem, calc(153vw / 13.66));
 margin: 0 auto;
}
.footer_menu {
 display: flex;
 justify-content: center;
 margin: min(2.5rem, calc(25vw / 13.66)) 0 min(.5rem, calc(5vw / 13.66));
}
.footer_menu li {
 padding: 0 min(1.5rem, calc(15vw / 13.66));
 line-height: 1.2;
}
.footer_menu li:nth-of-type(2) {
 border-left: min(.2rem, calc(2vw / 13.66)) solid #896e56;
 border-right: min(.2rem, calc(2vw / 13.66)) solid #896e56;
}
.footer_menu a {
 display: block;
 font-size: 1.4rem;
 font-weight: 400;
 color: #896e56;
 letter-spacing: 0.06em;
 position: relative;
}
.footer_menu a::before {
 content: '';
 width: 100%;
 border: #896e56 solid  min(.1rem, calc(1vw / 13.66)) ;
 position: absolute;
 bottom: max(-.5rem, calc(-5vw / 13.66)) ;
 left: 0;
 transform-origin: center;
 transform: scale(0,1);
 transition: .4s;
}

@media (hover: hover)  and (pointer: fine){
 .footer_logo a:where(:any-link, :enabled, summary):hover {
  opacity: .7;
 }
 .footer_menu a:where(:any-link, :enabled, summary):hover::before {
  transform: scale(1);
 }
}
.footer_inner .copy {
 font-size: 1.4rem;
 font-weight: 400;
 color: #896e56;
}



.modal {
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 height: 100vh;
 height: 100dvh;
 z-index: 99;
 display: none;
}
.modal_bg {
 width: 100%;
 height: 100%;
 position: fixed;
 top: 0;
 left: 0;
 z-index: 1;
}
.modal_inner {
 position: absolute;
 top: 50%;
 transform: translateY(-50%);
 left: 0;
 right: 0;
 z-index: 5;
 width: min(42.8rem, calc(428vw / 13.66)) ;
 margin:0 auto ;
}
.modal_item {
 background-color: #fff;
 border-radius: min(4rem, calc(40vw / 13.66)) ;
 position: relative;
 box-sizing: border-box;
 padding:  min(8rem, calc(80vw / 13.66)) min(3rem, calc(30vw / 13.66)) min(9rem, calc(90vw / 13.66));
 color: #896e56;
 height: min(65.5rem, calc(655vw / 13.66)) ;
 box-sizing: border-box;
 overflow: scroll;
}
.modal_item_ttl {
 font-size: 2.5rem;
 font-weight: 600;
 letter-spacing: 0.1em;
 margin-bottom:  min(2rem, calc(20vw / 13.66));
}
.modal_item_txt {
 text-align: justify;
 font-size: 2rem;
 line-height: 1.7;
 letter-spacing: 0.06em;
 margin-bottom:  min(3rem, calc(30vw / 13.66));
}
.modal_item_txt:first-of-type,
.modal_item_txt span {
 font-weight: 500;
}
.modal_item_note_txt {
 font-size: 1.6rem;
 text-align: justify;
 line-height: 1.62;
 letter-spacing: 0.02em;
}
.close_btn {
 width:  min(3.5rem, calc(35vw / 13.66));
 height:  min(3.5rem, calc(35vw / 13.66));
 position: absolute;
 top:  min(3rem, calc(30vw / 13.66));
 right:  min(3rem, calc(30vw / 13.66));
 transform: rotate(45deg);
}
.close_btn::before,
.close_btn::after {
 content: '';
 width: 100%;
 border: min(.1rem, calc(1vw / 13.66)) solid #896e56;
 position: absolute;
 top: 50%;
 transform: translateY(-50%);
 left: 0;
}
.close_btn::after {
transform: translateY(-50%) rotate(90deg);
}



@media screen and (max-width: 767px) {
 #wrapper {
 position: relative;
}



/*                   header                      */

header {
 background-color: #fff;
}
.hd_inner {
 padding:1.8rem 2rem ;
 position: relative;
 /* z-index: 100; */
}
.hd_flex {
 justify-content: flex-end;
}

.tk_logo {
 width: 4.7rem;
 position: absolute;
 top: 50%;
 transform: translateY(-50%);
 left: 0;
 right: 0;
 margin: 0 auto;
}
.nav_btn {
 width: 3.2rem;
 padding: 1rem 0;
 position: relative;
 box-sizing: border-box;
 position: relative;
 z-index: 100;
}
.nav_btn span {
 display: block;
 width: 100%;
 border: .1rem solid #896e56;
 transition: .4s;
}
.nav_btn.open span {
 opacity: 0;
}
.nav_btn::before ,
.nav_btn::after{
 content: '';
 width: 100%;
 display: block;
 width: 100%;
 border: .1rem solid #896e56;
 position: absolute;
 left: 0;
 transition: .4s;
}
.nav_btn::before {
 top: 0;
}
.nav_btn::after {
 bottom: 0;
}
.nav_btn.open::before {
 transform: rotate(45deg);
 top: 1rem;
}
.nav_btn.open::after {
 transform: rotate(-45deg);
 bottom: 1rem;
}


.side_menu {
 display: none !important;
}
.side_logo {
 display: none !important;
}

.nav {
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 height: 100vh;
 height: 100dvh;
 z-index: 99;
 overflow: scroll;
 background-color: #ffffffcc;
}
.nav_bg {
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 z-index: 1;
}
.nav_inner {
 width: 27rem;
 margin: 0 auto;
 position: absolute;
 top: 50%;
 transform: translateY(-50%);
 left: 0;
 right: 0;
 z-index: 2;
}
.nav_menu a {
 display: block;
 text-align: left;
 font-size: 2.2rem;
 color: #896e56;
 font-weight: 500;
 margin-bottom: 1.5rem;
 letter-spacing: 0.05em;
}
.nav_menu li:last-of-type a {
 margin-bottom: 0;
}

/*                   mv                      */

#mv {
 position: relative;
 height: auto;
}
.mv_cloud {
 bottom: -20rem;
 transform: none !important;

}

.mv_img_box{
 width: 100%;
 height: auto;
 top: 0;
 transform: none;
}
.mv_img {
 transform: none;
 left: auto;
 right: auto;
 bottom: auto;
 margin: 0;

}
.mv_img_01 {
 width:12.5rem;
 top: 18rem;
 left:3.8rem;

}
.mv_img_02 {
 width: 8.3rem;
 top:11.2rem;
 left: 14rem;
}
.mv_img_03 {
 width:13rem;
 top:32rem;
 left:3.6rem;
 z-index: 5;
}
.mv_img_04 {
 width:8.6rem;
 top:26.5rem;
 right:11.7rem;
}
.mv_img_05 {
 width: 8.2rem;
 top: 36.8rem;
 right: 14.3rem;
}
.mv_img_06 {
 width:9.8rem;
 top: 25rem;
 right:3.2rem;
}

.mv_copy {
 width: 28rem;
 position: absolute;
 right: 0;
 left: 0;
 margin: 0 auto;
 bottom: 3.5rem;
 bottom: auto;
 top: 49rem;
 transition-delay: .5s;
}

@keyframes floating {
 0%   { transform: translateY(0); }
 25%  { transform: translateY(1.5rem); }
 50%  { transform: translateY(1rem); }
 75%  { transform: translateY(1.5rem); }
 100% { transform: translateY(0); }
}

/*                 main_contents                   */
.main_contents {
 width: 100%;
 margin-top: 0;
 border-radius: 0;
}

.section_ttl {
 font-size: 2.4rem;
}

/*                 about                   */
.about_inner {
 padding-top:5rem;
 margin-bottom: 8.5rem;
}
.about_inner .section_ttl {
 font-size: 2.2rem;
}
.about_inner .section_ttl span {
 width: 6.2rem;
}

.about_ttl {
 font-size: 2.4rem;
 margin: 4rem 0 1.5rem;
}
.about_ttl span {
 border-bottom:.1rem solid #896e56;
}

.about_txt {
 font-size: 1.4rem;
}

/*                 routine                   */
.routine_top {
 padding: 4rem 0 6rem;
}
#routine_ttl {
 padding-top: 7.8rem;
 margin-top: -5.8rem;
}
.routine_cloud_01 {
 top: 3.5rem;
}
.routine_cloud_02 {
 bottom: 3.5rem;
}
.routine_inner .section_ttl span {
 font-size: 1.4rem;
}
.routine_txt {
 font-size: 1.4rem;
 margin:3rem 0 .8rem;
}
.routine_img {
 width: 31rem;
 margin: 0 auto 1.2rem;
}
.routine_note_txt {
 font-size: 1.1rem;
}

.routine_secret_inner {
 width: 34rem;
 margin:11.5rem auto 0;
 padding-bottom: 0rem;
}
.routine_secret_ttl {
 font-size: 2.9rem;
}
.routine_secret_ttl .min_txt {
 font-size: 1.9rem;
}
.routine_secret_ttl p {
 font-size: 2.8rem;
 gap: 0 1.5rem;
}
.routine_secret_ttl p::before {
 width:1.8rem;
 height:1.8rem;
}
.routine_secret_ttl p::after {
 width:1.8rem;
 height:1.8rem;
}

.routine_secret_item {
 margin-top: 3.5rem;
}
.routine_secret_item_ttl {
 font-size: 2.4rem;
 gap: .5rem 0;
 margin-bottom: 2.5rem;
}
.routine_secret_item_ttl .num {
 width: 6rem;
}
.routine_secret_item_ttl p {
 border-bottom: dotted #ffa2d7 .3rem;
 padding-bottom:.25rem;
}

.routine_secret_item_detail {
 gap: .8rem 0;
}
.routine_secret_item_detail li {
 font-size: 2rem;
}
.routine_secret_item_detail li::before {
 width: 2rem;
 height: 2rem;
 margin-right: .8rem;
}
.routine_secret_item_detail li sup {
 font-size: 1.2rem;
}
.routine_secret_item_detail li .min_txt {
 font-size: 1.6rem;
}
.routine_secret_item_flex {
 margin-top:1.25rem;
 padding-bottom: 1.5rem;
}
.routine_secret_item_img {
 width: 13rem;
}
.routine_secret_item_txt {
 width:18.75rem;
 font-size: 1.4rem;
}
.routine_secret_item_txt span {
 font-size: 1.1rem;
 margin-top:.5rem;
}
.routine_secret_item_detail li:last-of-type .routine_secret_item_txt {
 padding-left: 2.5rem;
}

.routine_secret_item_note_txt {
 font-size: 1.1rem;
 margin-top: 1rem;
}
.routine_secret_effect {
 gap: 1rem 0;
 margin-top: 2rem;
}
.routine_secret_effect li {
 border-radius: 1rem;
 padding: .8rem 1.7rem;
 font-size: 1.8rem;
}
.routine_secret_effect_detail {
 width:17.5rem;
}
.routine_secret_effect_detail .min_txt {
 font-size: 1.1rem;
 margin-top:.25rem;
}
.routine_secret_effect_img {
 width:13rem;
}

.routine_secret_item:last-of-type .routine_secret_item_detail li:last-of-type {
 border-top: .3rem dotted #8691cf;
 padding-top: 1.5rem;
}
.routine_secret_item .routine_secret_item_box {
 width: 17rem;
}

.routine_secret_item_detail li:last-of-type .routine_secret_item_box .routine_secret_item_txt {
 margin-top:.5rem;
}

/*                 lineup                   */
.lineup_inner {
 padding-top:15rem;
 padding-bottom: 10rem;
}
.lineup_cloud_01 {
 top: 5rem;
}
.lineup_cloud_02 {
 top: 38.5rem;
}
.lineup_cloud_03 {
 top: 80rem;
}
.lineup_cloud_04 {
 top:105rem;
}
.lineup_cloud_05 {
 top: 249rem;
}
.lineup_cloud_06 {
 top: 325rem;
}
.lineup_cloud_07 {
 top: 407rem;
}
.lineup_cloud_08 {
 top: 427rem;
}
#lineup_ttl {
 padding-top: 7.8rem;
 margin-top: -5.8rem;
}
.lineup_menu {
 width: 33.5rem;
 gap: 1.7rem 0;
 margin: 4.5rem auto 5rem;
}
.lineup_menu li {
 width: 16rem;
}
.lineup_menu li a {
 font-size: 1.4rem;
 padding: 1rem 0;
 border-radius:3rem;
 padding-left:2rem;
 border: #896e56 solid .1rem;
}

.lineup_menu li a::before {
 width:.8rem;
 height:.8rem;
 border-bottom: #896e56 solid .1rem;
 border-right: #896e56 solid .1rem;
 right: 1.5rem;
}


.lineup_item {
 width: 33.5rem;
 margin-bottom: 2rem;
 padding-top: 6.8rem;
 margin-top: -6.8rem;
}
.lineup_item_inner {
 padding:2.7rem 0 4rem;
 border-radius: 2rem;
}

.lineup_item_ttl {
 font-size: 2rem;
 margin-bottom: 2.5rem;
}

.lineup_item_icon {
 width: 8.5rem;
 bottom: .5rem;
 left: 2.2rem;
 gap: 0 .8rem;
}
.lineup_item:nth-of-type(even) .lineup_item_icon {
 right: 2.2rem;
 left: auto;
 justify-content: flex-end;
}
.lineup_item_icon span {
 width:4rem;
}
.lineup_item_detail {
 width: 29.5rem;
 margin:2.5rem auto 0;
}
.lineup_item_txt {
 font-size: 1.6rem;
}
.lineup_item_content {
 font-size: 1.4rem;
 margin-top: 1.5rem;
}
.lineup_item_detail .lineup_item_point {
 border: .1rem solid #fff;
 border-radius:.8rem;
 padding: .7rem 1.5rem;
 margin-top: 3rem;
}
.lineup_item_point_ttl {
 width: 13.5rem;
 margin-bottom: .5rem;
}
.lineup_item_point_txt {
 font-size: 1.6rem;
}
.lineup_item_point_txt span {
 font-size: 1.1rem;
 margin-top:.7rem;
}

.lineup_item_btn {
 border: #4283bf solid .1rem;
 border-radius:.4rem;
 font-size: 1.5rem;
 padding: .7rem ;
 box-sizing: border-box;
 margin-top:2.2rem;
}
.lineup_item_btn span {
 width: 1.5rem;
 height: 1.4rem;
 right: 1.5rem;
}

.lineup_note_txt {
 width: 33.5rem;
 font-size: 1.1rem;
 margin-top: .7rem;
}
.lineup_other {
 margin-top: 3rem;
}
.lineup_other a {
 font-size: 1.6rem;
 text-underline-offset: .25rem;
}


/*                 point                   */
#point {
 margin-top: -5.8rem;
 padding-top: 7.8rem;
}
.point_inner {
 padding-top:0;
}

.point_copy {
 width: 28rem;
}
.point_txt {
 font-size: 1.4rem;
 margin-top:1.5rem;
}

.point_ttl {
 width:24.75rem;
 font-size: 2.2rem;
 margin:.7rem auto 1.7rem;
}
.point_ttl::before {
 filter: blur(.3rem);
}

.point_item {
 width:31.7rem;
 margin: 0 auto 4rem;
}

.point_num {
 width:5.1rem;
 bottom: -2rem;
 left: 1.5rem;
}
.point_item_ttl {
 font-size: 2rem;
 margin-top:1.5rem;
}
.point_item_ttl span::before {
 height: .7rem;
 bottom: .4rem;
}
.point_item_txt {
 width:28.75rem;
 font-size: 1.4rem;
 margin-top: 1rem;
}

.point_item_btn {
 width:31.5rem;
 margin: 1.5rem auto 0;
}
.point_item_btn a {
 font-size: 1.45rem;
 border-radius: 2.9rem;
 padding: 1.1rem 0;
}
.point_item_btn a::before {
 width: .8rem;
 height: .8rem;
 border-top: .1rem solid #896e56;
 border-right: .1rem solid #896e56;
 right: 1.5rem;
}
.point_item_btn a p {
 font-size: 1.3rem;
 gap: 0 .25rem
}
.point_item_btn a p::before {
 width: 1rem;
 height: 1rem;

}
.point_item_btn a p::after {
 width: 1rem;
 height: 1rem;

}


/*                 shop                   */

.shop_inner {
 padding-top: 9rem;
 padding-bottom: 18rem;
}
.shop_inner .section_ttl {
 border-bottom: dotted #fff .2rem;
 padding-bottom: .25rem;
}
.shop_txt {
 font-size: 1.4rem;
 margin-top: 2rem;
}
.shop_btn {
 width: 31.5rem;
 margin: 2.5rem auto;
}
.shop_btn a {
 font-size: 2rem;
 padding:.7rem 0;
 border-radius: 2.7rem;
 border: .1rem solid #8470d3;
}
.shop_btn a::before {
 width: 1.1rem;
 height: 1.1rem;
 border-top: .1rem solid #8470d3;
 border-right: .1rem solid #8470d3;
 right: 1.5rem;
}







footer {
 width: 100%;
 bottom: 5rem;
}
.footer_logo {
 width: 12rem;
}
.footer_menu {
 margin: 2.2rem 0 .25rem;
}
.footer_menu li {
 padding: 0 1rem;
}
.footer_menu li:nth-of-type(2) {
 border-left:.1rem solid #896e56;
 border-right:.1rem solid #896e56;
}
.footer_menu a {
 font-size: 1.1rem;
}
.footer_menu a::before {
 border: #896e56 solid  .1rem;
 bottom: -.25rem;
}
.footer_inner .copy {
 font-size: 1.1rem;
}





.modal_inner {
 width:33.5rem ;
}
.modal_item {
 border-radius:2rem ;
 padding:  6rem 2rem  6rem;
 height: 50rem;
}
.modal_item_ttl {
 font-size: 2rem;
 margin-bottom: 2rem;
}
.modal_item_txt {
 font-size: 1.6rem;
 margin-bottom: 2rem;
}
.modal_item_note_txt {
 font-size: 1.25rem;
}
.close_btn {
 width: 2.8rem;
 height: 2.8rem;
 top: 2rem;
 right: 2rem;
}
.close_btn::before,
.close_btn::after {
 border:.1rem solid #896e56;
}

}