/*
Theme Name:Monkey
Author: Monkey
Version: 1.0.0
Description: Monkeyオリジナルテーマ
*/
/*------------------------------------------------
Google フォント
------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Noto+Serif+JP:wght@200..900&display=swap');
/*------------------------------------------------
common
------------------------------------------------*/
body,html{font-family: 'Noto Sans JP', sans-serif;text-align:justify;text-justify:inter-ideograph;text-transform:none;font-variant:normal;word-spacing:auto;word-break:normal;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;font-feature-settings:"palt";}html{width:100%;font-size:62.5%;height: -webkit-fill-available;}body{background-color:#fff;letter-spacing:0.06em;line-height:1.4;margin:0;padding:0;width:100%;overflow-y:auto;overflow-x:hidden;position:relative;-webkit-font-feature-settings:'palt' 1;font-feature-settings:'palt' 1;text-align:justify;text-justify:inter-ideograph;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing: grayscale;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;-o-text-size-adjust:100%;text-size-adjust:100%;-webkit-overflow-scrolling:touch;color:#000000;min-height: 100vh;min-height: -webkit-fill-available;}div,h1,h2,h3,h4,h5,p,ul,li,dl,dt,dd{margin:0;padding:0;}.Lp a{text-decoration:none;display: block;outline:none;-webkit-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s;}.Lp a:-webkit-any-link{color:-webkit-link;text-decoration: none;cursor:pointer;display:inline;border-style:none;}.Lp a img{border-style:none;outline:none;}a:focus{border-style:none;outline:none;}.Lp a img:active{border-style:none;outline:none;}.Lp a:active{border-style:none;outline:none;}img {height: auto;max-width: 100%;width: 100%;display: block;}.Lp a:hover{opacity:0.5;}::selection{background-color:rgba(215,215,215,0.35);background-color:rgb(215 215 215 / 35%);}ul,ul li{list-style-type:none;}*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}p{display:block;-webkit-margin-before:1em;-webkit-margin-after:1em;-webkit-margin-start:0px;-webkit-margin-end:0px;margin:0;font-size:14px;}br{line-height:1;}input[type="text"],input[type="password"],textarea,select,input[type="url"],input[type="date"],input[type=submit],input[type=file], input[type=checkbox]{outline:none;}select{-moz-appearance:none;text-indent:0.01px;text-overflow:'';}select::-ms-expand{display: none;}textarea{overflow:hidden;}[class^="icon-"],[class*="icon-"]{font-family:'icomoon';color:#ffffff;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}.Animate-box{opacity:0;}img[src$=".svg"]{width:100%;}svg {fill:currentColor;width:100%;}
div,h1,h2,h3,h4,h5,p,ul,li,dl,dt,dd,span,a{font-weight:400;}
::-webkit-scrollbar{width:10px;}::-webkit-scrollbar-track{background:#fff;border:none;border-radius:0;box-shadow:inset 0 0 1px #777;}::-webkit-scrollbar-thumb{background:#D0D0D0;border-radius:100px;box-shadow:none;}
img,input,svg,*:before,*:after,a,a:hover img,a:hover input,a:hover,input:hover {backface-visibility: hidden;-webkit-backface-visibility: hidden;}
@-webkit-keyframes card {0% {-webkit-transform: scale(0.95, 1.5);transform: scale(0.95, 1.5);}100% {-webkit-transform: scale(1, 1);transform: scale(1,1);}}
@keyframes card {0% {-webkit-transform: scale(0.95, 1.5);transform: scale(0.95, 1.5);}100% {-webkit-transform: scale(1, 1);transform: scale(1,1);}}
@-webkit-keyframes cardtext {0% {-webkit-transform: translate(0, 100px);transform: translate(0, 100px);}100% {-webkit-transform: translate(0, 0);transform: translate(0, 0);}}
@keyframes cardtext {0% {-webkit-transform: translate(0, 100px);transform: translate(0, 100px);}100% {-webkit-transform: translate(0, 0);transform: translate(0, 0);}}
@-webkit-keyframes updown {0% {transform: translate(0, 0);}50% {transform: translate(0, -20px);}100% {transform: translate(0, 0);}}
@keyframes updown {0% {transform: translate(0, 0);}50% {transform: translate(0, -20px);}100% {transform: translate(0, 0);}}
@-webkit-keyframes floating-y {0% {transform: translateY(-10%);}100% {transform: translateY(10%);}}
@keyframes floating-y {0% {transform: translateY(-10%);}100% {transform: translateY(10%);}}
body {
    min-width: 1px!important;
}
.Header, .Main, .Footer, .Page_Top{opacity: 0;visibility: hidden;}
body.fixed {
    overflow: hidden;
}
/*------------ Loding ------------*/
.Fade_Group02 > div {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    pointer-events: none;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    background: #fff;
    z-index: 999999;
    -webkit-transition: all 2s cubic-bezier(.18,.06,.23,1) 0s;
    transition: all 2s cubic-bezier(.18,.06,.23,1) 0s;
    will-change: opacity;
    background-position: center;
    background-size: cover;
}
body.Open_Changed .Fade_Group02 > div {opacity: 0;}
/*------------------------------------------------
Header
------------------------------------------------*/
header {
    min-width: 1px!important;
}
header {
    line-height: 1;
    letter-spacing: 0;
    font-family: 'Century Gothic', Futura, "游ゴシック", "Yu Gothic", YuGothic;
}
.Header {
    width: 100%;
}
.Header .Header_Line {
    position: relative;
    z-index: 1;
}
.Header .Header_Inner {
    position: relative;
    padding-inline: 50px;
}
.Header .Header_Top {
    padding-block: 25px;
}
.Header .Header_Logo {
    max-width: 400px;
    margin: auto;
}
/*------------------------------------------------
Footer
------------------------------------------------*/
footer {
    min-width: 1px!important;
    padding-inline: 30px!important;
}
footer>div {
    max-width: 960px!important;
    width: 100%!important;
}
footer {
    font-family: 'Century Gothic', Futura, "游ゴシック", "Yu Gothic", YuGothic;
    line-height: 1;
    letter-spacing: 0;
}
footer ul li {
    margin-block: 0 15px;
}
@media screen and (max-width: 750px) {
  footer {
      padding-inline: 0px !important;
  }
    footer ul li {
        margin-block: 0 5px;
    }
}
.Page_Top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 50px;
    height: 50px;
    z-index: 900;
    cursor: pointer;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity .6s cubic-bezier(.47,.16,.24,1);
    transition: opacity .6s cubic-bezier(.47,.16,.24,1);
}
.Page_Top.Show {
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
}
.Page_Top.Hiden {
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
}
.Page_Top a {
    position: relative;
    display: block;
    width: 50px;
    height: 50px;
    border-radius: 25px;
    background: #8ddce7;
    border: #8ddce7 2px solid;
    transition: .4s ease-out;
}
.Page_Top a .Arrow {
    position: absolute;
    display: block;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -25%) !important;
    color: #fff;
    text-decoration: none;
    height: 20px;
    width: 20px;
}
.Page_Top a .Arrow:before {
    content: '';
    width: 20px;
    height: 20px;
    display: block;
    border-top: #fff solid 2px;
    border-right: #fff solid 2px;
    transform: rotate(-45deg);
    position: absolute;
    top: 0;
    right: 0;
    transition: .4s ease-out;
}
/*------------------------------------------------
Main
------------------------------------------------*/
.Main {
    overflow: hidden;
}
.Kv {
    position: relative;
    margin-block: 135px 0;
}
.Kv .Kv_Inner {
    padding-inline: 50px;
    padding-block: 50px 10px;
    margin: auto;
    position: relative;
    z-index: 0;
}
.Kv .Kv_Inner:after {
    content: "";
    background: url(../images/top/Kv_Pattern_PC.png);
    background-repeat: no-repeat;
    background-position: 6vw 50%;
    background-size: 40vw;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 55%;
    z-index: -1;
}
.Kv .Kv_Flex {
    display: flex;
    justify-content: center;
    gap: 30px;
    align-items: center;
    position: relative;
}
.Kv .Kv_Flex .Kv_Flex_Left {
    flex: 1;
    width: 55%;
    display: flex;
    justify-content: center;
}
.Kv .Kv_Flex .Kv_Flex_Right{
    min-width: 300px;
    width: 45%;
    position: relative;
    z-index: 0;
}
.Kv .Kv_Flex .Kv_Flex_Right:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    background: url(../images/top/Kv_Bg_Pattern.png);
    background-size: 95%;
    background-position: 70% 70%;
    background-repeat: no-repeat;
    z-index: -1;
}
.Kv h1.Kv_Title_h1{
    font-size: 3.45vw;
    letter-spacing: 0;
    font-weight: 700;
    color: #1BB8CE;
    margin-block: 0 0.5vw;
}
.Kv h2.Kv_Title_h2{
    color: #667981;
    font-size: 2.2vw;
    letter-spacing: 0;
    font-weight: 700;
    margin-block: 0 1.5vw;
}
.Kv .Kv_Detail {
    font-size: 1.55vw;
    letter-spacing: 0;
    font-weight: 600;
    line-height: 1.5;
    color: #424242;
}
.Top_Nav .Top_Nav_Inner {
    padding-inline: 50px;
    padding-block: 50px;
    max-width: calc(1440px + 100px);
    margin: auto;
}
.Top_Nav .Top_Nav_Area {
    max-width: 1200px;
    margin: auto;
    display: flex;
    gap: 60px;
    justify-content: center;
}
.Top_Nav .Top_Nav_List {
    display: flex;
    gap: 20px;
}
.Top_Nav h3.Top_Nav_Title_h3 {
    padding-block: 0 10px;
    margin-block: 0 25px;
    border-bottom: solid 1px #939393;
}
.Top_Nav h3.Top_Nav_Title_h3 a {
    font-size: 2rem;
    font-weight: 700;
    color: #424242;
    position: relative;
    padding-inline: 0 25px;
}
.Top_Nav h3.Top_Nav_Title_h3 a:after {
    content: "";
    position: absolute;
    right: 0;
    top: -3px;
    bottom: 0;
    margin: auto;
    display: block;
    width: 13px;
    height: 13px;
    border-top: 2px solid #424242;
    border-right: 2px solid #424242;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}
.Top_Nav .Top_Nav_Name {
    text-align: center;
    font-size: 1.6rem;
    line-height: 1.3;
    font-weight: 600;
    color: #696969;
    padding-block: 10px 0;
    min-height: 72px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.Top_Novelty .Top_Novelty_Line {
    position: relative;
}
.Top_Novelty .Top_Novelty_Inner {
    padding-inline: 50px;
    padding-block: 50px;
    max-width: calc(1440px + 100px);
    margin: auto;
}
.Top_Novelty h2.Top_Novelty_Title_h2 {
    width: 1440px;
}
.Top_Novelty h2.Top_Novelty_Title_h2.js_scroll_in {
    -webkit-transform: translate(100px, 0);
    transform: translate(100px, 0);
    opacity: 0;
    -webkit-transition: transform 1.2s cubic-bezier(.47,.16,.24,1),opacity 1.2s cubic-bezier(.47,.16,.24,1);
    transition: transform 1.2s cubic-bezier(.47,.16,.24,1),opacity 1.2s cubic-bezier(.47,.16,.24,1);
    will-change: transform,opacity;
}
.Top_Novelty h2.Top_Novelty_Title_h2.js_scroll_in .js_scroll_in_late {
    -webkit-transform: translate(100px, 0);
    transform: translate(100px, 0);
    opacity: 0;
    -webkit-transition: transform 1.2s cubic-bezier(.47,.16,.24,1) .1s,opacity 1.2s cubic-bezier(.47,.16,.24,1) .1s;
    transition: transform 1.2s cubic-bezier(.47,.16,.24,1) .1s,opacity 1.2s cubic-bezier(.47,.16,.24,1) .1s;
    will-change: transform,opacity;
}
.Top_Novelty h2.Top_Novelty_Title_h2.js_scroll_in.is_Animation {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
}
.Top_Novelty h2.Top_Novelty_Title_h2.js_scroll_in.is_Animation .js_scroll_in_late {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
}
.Top_Novelty h2.Top_Novelty_Title_h2 .Top_Novelty_Title_Image {
    width: 900px;
    margin-inline: auto -50px;
    margin-block: 0 -4px;
}
.Top_Novelty h2.Top_Novelty_Title_h2 .Top_Novelty_Title_h2_Text {
    color: #1BB8CE;
    font-size: 3.2rem;
    font-weight: 800;
    position: relative;
    padding-inline: 30px 0;
    margin-left: 460px;
    width: 100vw;
    padding-block: 5px;
    background-position: center;
    background-repeat: repeat;
    background-size: 100%;
    background-image: repeating-linear-gradient(315deg, transparent, transparent 2px, #1bb8ce29 3px, #1bb8ce29 4px);
}
.Top_Nav .Top_Nav_Area .Top_Nav_Area_Box.Box01 {
    flex: 5.45;
}
.Top_Nav .Top_Nav_Area .Top_Nav_Area_Box.Box02 {
    flex: 1;
}
.Top_Nav .Top_Nav_List .Top_Nav_List_Box {
    width: 100%;
}
.Top_Nav .Top_Nav_List .Top_Nav_List_Box a {
    position: relative;
    z-index: 0;
    opacity: 1;
    display: block;
}
.Top_Nav .Top_Nav_List .Top_Nav_List_Box a:hover {
    opacity: 1;
}
.Top_Nav .Top_Nav_List .Top_Nav_List_Box a .Top_Nav_List_Box_Th {
    overflow: hidden;
    position: relative;
    padding-top: 100%;
    aspect-ratio: 1 / 1;
}
.Top_Nav .Top_Nav_List .Top_Nav_List_Box a .Top_Nav_List_Box_Th img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-transition: transform .6s cubic-bezier(.47,.16,.24,1);
    transition: transform .6s cubic-bezier(.47,.16,.24,1);
    will-change: transform;
    z-index: 0;
    opacity: 1;
}
.Top_Nav .Top_Nav_List .Top_Nav_List_Box a:hover .Top_Nav_List_Box_Th img {
    -webkit-transform: scale(1.07);
    transform: scale(1.07);
}
.Top_Gift .Top_Gift_Inner {
    padding-inline: 50px;
    padding-block: 50px 0;
    max-width: calc(1440px + 100px);
    margin: auto;
}
.Top_Gift h2.Top_Gift_Title_h2 {
    width: 1440px;
}
.Top_Gift h2.Top_Gift_Title_h2.js_scroll_in {
    -webkit-transform: translate(-100px, 0);
    transform: translate(-100px, 0);
    opacity: 0;
    -webkit-transition: transform 1.2s cubic-bezier(.47,.16,.24,1),opacity 1.2s cubic-bezier(.47,.16,.24,1);
    transition: transform 1.2s cubic-bezier(.47,.16,.24,1),opacity 1.2s cubic-bezier(.47,.16,.24,1);
    will-change: transform,opacity;
}
.Top_Gift h2.Top_Gift_Title_h2.js_scroll_in .js_scroll_in_late {
    -webkit-transform: translate(-100px, 0);
    transform: translate(-100px, 0);
    opacity: 0;
    -webkit-transition: transform 1.2s cubic-bezier(.47,.16,.24,1) .1s,opacity 1.2s cubic-bezier(.47,.16,.24,1) .1s;
    transition: transform 1.2s cubic-bezier(.47,.16,.24,1) .1s,opacity 1.2s cubic-bezier(.47,.16,.24,1) .1s;
    will-change: transform,opacity;
}
.Top_Gift h2.Top_Gift_Title_h2.js_scroll_in.is_Animation {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
}
.Top_Gift h2.Top_Gift_Title_h2.js_scroll_in.is_Animation .js_scroll_in_late {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
}
.Top_Gift h2.Top_Gift_Title_h2 .Top_Gift_Title_Image {
    width: 460px;
    margin-inline: -50px auto;
    margin-block: 0 -4px;
}
.Top_Gift h2.Top_Gift_Title_h2 .Top_Gift_Title_h2_Text {
    color: #1BB8CE;
    font-size: 3.2rem;
    font-weight: 800;
    position: relative;
    padding-inline: 0 30px;
    margin-left: -170px;
    width: 100vw;
    left: 50%;
    transform: translate(-100%, 0);
    padding-block: 5px;
    background-position: center;
    background-repeat: repeat;
    background-size: 100%;
    background-image: repeating-linear-gradient(315deg, transparent, transparent 2px, #1bb8ce29 3px, #1bb8ce29 4px);
    text-align: right;
}
.Top_Contents_List {
    padding-block: 60px 60px;
    display: flex;
    flex-flow: column;
    row-gap: 60px;
    max-width: 1200px;
    margin: auto;
    position: relative;
    z-index: 0;
}
.Top_Novelty .Top_Contents_List:after {
    content: "";
    background-image: url(../images/top/Novelty_Bg.png);
    position: absolute;
    z-index: -1;
    top: 0;
    left: 50%;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 100vw;
    min-width: 1440px;
    height: 100%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
    opacity: 0.7;
}
.Top_Gift .Top_Contents_List:after {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 50%;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 100vw;
    min-width: 1440px;
    height: 100%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    opacity: 0.6;
    background: #B4F6FF;
}
.Top_Contents_List .Top_Contents_List_Box {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 40px;
}
.Top_Contents_List.js_scroll_in .Top_Contents_List_Box {
    opacity: 0;
    -webkit-transform: translate(0, 100px);
    transform: translate(0, 100px);
    -webkit-transition: transform 1.2s cubic-bezier(.47,.16,.24,1), opacity 1.2s cubic-bezier(.47,.16,.24,1);
    transition: transform 1.2s cubic-bezier(.47,.16,.24,1), opacity 1.2s cubic-bezier(.47,.16,.24,1);
    will-change: transform, opacity;
}
.Top_Contents_List.js_scroll_in.is_Animation .Top_Contents_List_Box {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}
.Top_Contents_List.js_scroll_in.is_Animation .Top_Contents_List_Box:nth-of-type(2) {
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}
.Top_Contents_List.js_scroll_in.is_Animation .Top_Contents_List_Box:nth-of-type(3) {
    -webkit-transition-delay: .4s;
    transition-delay: .4s;
}
.Top_Contents_List.js_scroll_in.is_Animation .Top_Contents_List_Box:nth-of-type(4) {
    -webkit-transition-delay: .6s;
    transition-delay: .6s;
}
.Top_Contents_List.js_scroll_in.is_Animation .Top_Contents_List_Box:nth-of-type(5) {
    -webkit-transition-delay: .8s;
    transition-delay: .8s;
}
.Top_Contents_List.js_scroll_in.is_Animation .Top_Contents_List_Box:nth-of-type(6) {
    -webkit-transition-delay: 1s;
    transition-delay: 1s;
}
.Top_Contents_List .Top_Contents_List_Box > div{
    width: calc(100%/ 2);
    position: relative;
}
.Top_Contents_List .Top_Contents_List_Box .Top_Contents_List_Box_Slider{
    overflow: hidden;
}
.Top_Contents_List .Top_Contents_List_Box .Top_Contents_List_Box_Slider {
    overflow: hidden;
}
.Top_Contents_List .Top_Contents_List_Box:nth-of-type(even) .Top_Contents_List_Box_Slider {
   order: 2;
}
.Top_Contents_List .Top_Contents_List_Box:nth-of-type(even) .Top_Contents_List_Box_Detail{
   order: 1;
}
.Top_Gift .Top_Contents_List .Top_Contents_List_Box:nth-of-type(odd) .Top_Contents_List_Box_Slider {
   order: 2;
}
.Top_Gift .Top_Contents_List .Top_Contents_List_Box:nth-of-type(odd) .Top_Contents_List_Box_Detail{
   order: 1;
}
.Top_Contents_List .Top_Contents_List_Box > div {
    width: calc(100% / 2);
    position: relative;
}
.Top_Contents_List .Top_Contents_List_Box .Top_Contents_List_Box_Slider .swiper-slide {
  overflow: hidden;
}
.Top_Contents_List .Top_Contents_List_Box .Top_Contents_List_Box_Slider .swiper-slide img {
  height: auto;
  width: 100%;
}
.Top_Contents_List .Top_Contents_List_Box .Top_Contents_List_Box_Slider .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background: #ffffff;
    opacity: 0.75;
}
.Top_Contents_List .Top_Contents_List_Box .Top_Contents_List_Box_Slider .swiper-pagination-bullet-active {
    opacity: 1;
    background: #1BB8CE;
}
.Top_Contents_List .Top_Contents_List_Box .Top_Contents_List_Box_Slider .Pagination_Line {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    z-index: 10;
    bottom: 10px;
    left: 0;
    right: 0;
    width: 100%;
}
.Top_Contents_List .Top_Contents_List_Box .Top_Contents_List_Box_Slider .swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: 0;
    top: auto;
    left: 0;
    background: rgb(202 223 230 / 75%);
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    padding-block: 1px 1px;
    width: auto;
    padding-inline: 15px;
    border-radius: 100px;
    position: relative;
}
.Top_Contents_List .Top_Contents_List_Box .Top_Contents_List_Box_Detail h3.Top_Contents_Title_h3 {
    font-size: 3.2rem;
    font-weight: 700;
    color: #1BB8CE;
    margin-block: 0 15px;
    letter-spacing: 0;
}
.Top_Contents_List .Top_Contents_List_Box .Top_Contents_List_Box_Detail .Top_Contents_List_Box_Detail_Text {
    font-size: 1.8rem;
    line-height: 1.5;
    font-weight: 600;
    letter-spacing: 0;
    margin-block: 0 35px;
}
.Top_Contents_List .Top_Contents_List_Box .Top_Contents_List_Box_Detail .Top_Contents_List_Box_Detail_Link a {
    display: inline-block;
    background: #1bb8ce;
    color: #fff;
    text-align: center;
    padding-block: 15px;
    padding-inline: 45px;
    line-height: 1;
    border-radius: 100px;
    font-size: 1.6rem;
    font-weight: 500;
    min-width: 210px;
    opacity: 1;
    position: relative;
    z-index: 0;
    overflow: hidden;
}
.Top_Contents_List .Top_Contents_List_Box .Top_Contents_List_Box_Detail .Top_Contents_List_Box_Detail_Link a:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    background: #08a9c0;
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transition: transform ease .4s;
    transition: transform ease .4s;
}
.Top_Contents_List .Top_Contents_List_Box .Top_Contents_List_Box_Detail .Top_Contents_List_Box_Detail_Link a:hover:before {
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}
.Banner .Banner_Line {
    width: 100%;
    position: relative;
    z-index: 0;
    margin-block: 0;
}
.Banner .Banner_Inner {
    padding-inline: 50px;
    padding-block: 50px 50px;
    position: relative;
    z-index: 1;
    max-width: calc(1200px + 100px);
    margin: auto;
}
.Banner .Banner_Link_List {
    display: flex;
    gap: 50px;
    justify-content: center;
    align-items: center;
    max-width: 950px;
    margin: auto;
}
.Banner .Banner_Link_List a{
    display: block;
    height: 26px;
}
.Banner .Banner_Link_List .Banner_Link_List_Box:nth-of-type(1) a{
    height: 22px;
}
.Banner .Banner_Link_List a img{
    width: auto;
    max-height: 100%;
}
.Contact .Contact_Inner {
    padding-inline: 50px;
    padding-block: 50px;
    max-width: calc(1440px + 100px);
    margin: auto;
    background: #fafafa;
}
.Lp .Contact a {
    display: block;
    width: 100%;
    margin: auto;
    max-width: 350px;
    background: #1bb8ce;
    text-align: center;
    color: #fff;
    letter-spacing: 0;
    padding-block: 19px;
    font-weight: 600;
    border-radius: 3px;
    font-size: 1.8rem;
}
@media screen and (max-width: 1189px){
  .Top_Novelty h2.Top_Novelty_Title_h2 {
      width: 980px;
  }
  .Top_Novelty h2.Top_Novelty_Title_h2 .Top_Novelty_Title_h2_Text {
      margin-left: 0;
  }
}
@media screen and (max-width: 979px){
  .Header .Header_Inner {
      padding-inline: 30px;
  }
  .Kv .Kv_Inner {
      padding-inline: 30px;
      padding-block: 10px 10px;
  }
  .Top_Nav .Top_Nav_Inner {
      padding-inline: 30px;
      padding-block: 50px 30px;
  }
  .Top_Novelty .Top_Novelty_Inner {
      padding-inline: 30px;
      padding-block: 30px;
  }
  .Top_Gift .Top_Gift_Inner {
      padding-inline: 30px;
      padding-block: 30px 0;
  }
  .Footer .Footer_Inner {
      padding-inline: 30px;
  }
  .Kv .Kv_Flex {
      flex-flow: column;
      gap: 20px;
  }
  .Kv .Kv_Flex .Kv_Flex_Right {
      min-width: 300px;
      width: 100%;
      order: 1;
      max-width: 520px;
  }
  .Kv .Kv_Flex .Kv_Flex_Left {
      order: 2;
      display: flex;
      justify-content: center;
      width: 100%;
  }
  .Kv h1.Kv_Title_h1 {
      font-size: 6vw;
      margin-block: 0 2vw;
  }
  .Kv h2.Kv_Title_h2 {
      font-size: 3.7vw;
      margin-block: 0 20px;
  }
  .Kv .Kv_Detail {
      font-size: 2.6vw;
      line-height: 1.6;
  }
  .Kv .Kv_Inner:after {
      background-position: center 100%;
      background-size: 320px;
      height: 100%;
      width: 100%;
  }
  .Top_Nav .Top_Nav_Area {
      gap: 30px;
  }
  .Top_Nav .Top_Nav_List {
      gap: 10px;
  }
  .Top_Nav .Top_Nav_Name {
      font-size: 1.25rem;
      line-height: 1.5;
      padding-block: 10px 0;
      min-height: 72px;
      letter-spacing: 0;
  }
  .Top_Nav h3.Top_Nav_Title_h3 a {
      font-size: 1.8rem;
  }
  .Top_Novelty h2.Top_Novelty_Title_h2 {
          width: 100%;
      }
  .Top_Novelty h2.Top_Novelty_Title_h2 .Top_Novelty_Title_Image {
      width: 600px;
      margin-inline: 120px 0;
  }
  .Top_Novelty h2.Top_Novelty_Title_h2 .Top_Novelty_Title_h2_Text {
      font-size: 2.8rem;
  }
  .Top_Gift h2.Top_Gift_Title_h2 .Top_Gift_Title_h2_Text {
      font-size: 2.8rem;
      margin-left: -300px;
  }
  .Top_Gift h2.Top_Gift_Title_h2 .Top_Gift_Title_Image {
      width: 285px;
      margin-inline: -15px auto;
  }
  .Top_Contents_List .Top_Contents_List_Box .Top_Contents_List_Box_Detail h3.Top_Contents_Title_h3 {
      font-size: 2.5rem;
  }
  .Top_Contents_List .Top_Contents_List_Box .Top_Contents_List_Box_Detail .Top_Contents_List_Box_Detail_Text {
      font-size: 1.6rem;
      margin-block: 0 25px;
  }
  .Top_Contents_List .Top_Contents_List_Box .Top_Contents_List_Box_Detail .Top_Contents_List_Box_Detail_Link a {
      padding-block: 14px;
      padding-inline: 30px;
      font-size: 1.4rem;
      min-width: 175px;
  }
  .Contact .Contact_Inner {
      padding-inline: 30px;
      padding-block: 35px;
  }
}
@media screen and (max-width: 767px){
  .Kv .Kv_Inner {
      padding-inline: 20px;
  }
  .Kv .Kv_Flex .Kv_Flex_Right {
      padding-inline: 10px;
  }
  .Kv h1.Kv_Title_h1 {
      font-size: 2.6rem;
  }
  .Kv h2.Kv_Title_h2 {
      font-size: 2.0rem;
  }
  .Kv .Kv_Detail {
      font-size: 1.6rem;
  }
  .Kv .Kv_Inner:after {
      background: url(../images/top/Kv_Pattern_SP.png);
      background-repeat: no-repeat;
      background-position: center bottom;
      background-size: 300px;
  }
  .Top_Nav .Top_Nav_Inner {
      padding-inline: 20px;
      padding-block: 30px 30px;
  }
  .Top_Nav .Top_Nav_Area {
      gap: 30px;
      flex-flow: column;
  }
  .Top_Nav h3.Top_Nav_Title_h3 {
      margin-block: 0 20px;
      text-align: center;
  }
  .Top_Nav .Top_Nav_List {
      flex-wrap: wrap;
      position: relative;
  }
  .Top_Nav .Top_Nav_List .Top_Nav_List_Box {
      width: calc(100% / 2 - 5px);
  }
  .Top_Nav .Top_Nav_Name {
      font-size: 1.4rem;
      min-height: 1px;
  }
  .Top_Novelty .Top_Novelty_Inner {
      padding-inline: 20px;
  }
  .Top_Gift .Top_Gift_Inner {
      padding-inline: 20px;
  }
  .Top_Novelty h2.Top_Novelty_Title_h2 .Top_Novelty_Title_Image {
      width: 85%;
      margin-inline: 70px 0;
  }
  .Top_Novelty h2.Top_Novelty_Title_h2 .Top_Novelty_Title_h2_Text {
      font-size: 2.5rem;
      padding-inline: 20px 0;
  }
  .Top_Novelty .Top_Contents_List:after {
      top: -5%;
      min-width: 800px;
      opacity: 0.7;
      pointer-events: none;
  }
  .Top_Contents_List {
      padding-block: 30px 30px;
      row-gap: 40px;
  }
  .Top_Contents_List .Top_Contents_List_Box {
      gap: 20px;
      flex-flow: column;
  }
  .Top_Contents_List .Top_Contents_List_Box > div {
      width: 100%;
  }
  .Top_Contents_List .Top_Contents_List_Box .Top_Contents_List_Box_Detail h3.Top_Contents_Title_h3 {
      font-size: 2.2rem;
      margin-block: 0 10px;
  }
  .Top_Contents_List .Top_Contents_List_Box .Top_Contents_List_Box_Detail .Top_Contents_List_Box_Detail_Text {
      margin-block: 0 20px;
  }
  .Top_Contents_List .Top_Contents_List_Box:nth-of-type(even) .Top_Contents_List_Box_Slider {
      order: 1;
  }
  .Top_Contents_List .Top_Contents_List_Box:nth-of-type(even) .Top_Contents_List_Box_Detail {
      order: 2;
  }
  .Top_Gift h2.Top_Gift_Title_h2 .Top_Gift_Title_Image {
      width: 10%;
  }
  .Top_Gift .Top_Contents_List .Top_Contents_List_Box:nth-of-type(odd) .Top_Contents_List_Box_Slider {
      order: 1;
  }
  .Top_Gift .Top_Contents_List .Top_Contents_List_Box:nth-of-type(odd) .Top_Contents_List_Box_Detail {
      order: 2;
  }
  .Top_Contents .Top_Contents_List_Box_Detail_Link {
      text-align: center;
  }
  .Top_Gift h2.Top_Gift_Title_h2 .Top_Gift_Title_h2_Text {
      font-size: 2.5rem;
      margin-left: -440px;
  }
  .Banner .Banner_Inner {
      padding-inline: 20px;
      padding-block: 40px 40px;
  }
  .Banner .Banner_Link_List {
      gap: 25px;
      max-width: 300px;
      margin: auto;
      flex-flow: column;
  }
  .Banner .Banner_Link_List a {
      height: 24px;
  }
  .Contact .Contact_Inner {
      padding-inline: 20px;
      padding-block: 35px;
  }
}
@media screen and (max-width: 750px){
  .Kv {
      margin-block: 16% 0;
  }
}
@media screen and (max-width: 481px){

}