@import url('https://fonts.googleapis.com/css2?family=Sawarabi+Gothic&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Passions+Conflict&display=swap');
.txt_color_line {color: #00b900; border-color: #00b900; }
.bg_color_line {background-color: #00b900;}
.bg_color_line:hover {background-color: #41f041;}

.hannari {
    font-family: 'Sawarabi Gothic', sans-serif;
}
#cms_1-a .pager li a:hover{
background-color: #99b5d7;
}
#contents1 .con_box:before {
content: "Beauty";
display: block;
font-size: 203px;
color: #fff;
position: absolute;
bottom: 10px;
right: 0;font-family: 'Passions Conflict', cursive;
line-height: 1;
}
#contents2 .con_box:before {
content: "Health";
display: block;
font-size: 203px;
color: #fff;
position: absolute;
bottom: -90px;
left: 0;font-family: 'Passions Conflict', cursive;line-height: 1;
}
.line:before {
    background-color: #fff;
}
.intro_txt {
    text-shadow: 1px 1px 1px #ffffff, -1px 1px 1px #ffffff, 1px -1px 1px #ffffff,
 -1px -1px 1px #ffffff, 1px 0px 1px #ffffff, 0px 1px 1px #ffffff, -1px 0px 1px #ffffff,
 0px -1px 1px #ffffff;
}
.fadein_up2{
    transition: transform 1.2s ease,opacity 1.2s ease;
}
.button_container span {
    background: #212121;
    color: #212121;
}
.nav_menu_more a {color: #212121;}

#intro_wrap:before {
    content: "";
    display: block;
    width: 503px;
    height: 400px;
    background: url(Dup/img/shoes.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    right: -86px;
    bottom: -248px;
}
#contents1 figure:before, #contents2 figure:before {
       content: "";
    display: block;
    height: 100%;
    width: 100%;
    border: 20px solid rgba(195,195,195, 1);
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
    z-index: 1;
    mix-blend-mode: color-burn; 
}
#top_cms.back1:before {
    height: 100%;
    position: fixed;
    width: 50%;
    right: 0px;
}
#contents3 .con_box {
    box-shadow: 0px 0px 50px 20px rgba(167,255,245,0.2);
}
#top_cms .cms_wrap {
    background-color: rgba(249, 248, 255, 0.7);
}
.menu a {
  max-width: 600px;  
}


.cate_list li {
    counter-increment: num;
}
.cate_list li a:before {
    content: counter(num,decimal-leading-zero);
    position: absolute;
    top: 50%;
    left: 4%;
    color: #d1d1d1;
}

#contents3_wrap:after {
    background-color: rgba(253, 255, 197, 0.20)!important;
}
#cms_2-b .cate {
      counter-increment: num2;  
}
#cms_2-b .cate_title {
    position: relative;
    padding-left: 50px;border-bottom: 1px solid;
}
#cms_2-b .cate_title:before {
    content: counter(num2,decimal-leading-zero);
    position: absolute;
    top: 50%;
    left: 18px;
    color: #86c0fc;
    transform: translate(-50%, -50%);
    border: 1px solid;
    border-radius: 50%;
    height: 35px;
    width: 35px;
    font-size: 12px;
    display: flex;
    align-items: center;justify-content: center;
}
.back1:before {
    background: linear-gradient(235deg,#fff8e7,#fff4f9 50%,#cce5ff);
}

#copyright, #copyright a {
    color: #212121;
}
header.scr_header, .bg_grad {
background: linear-gradient(90deg,#fff8e7,#fff4f9 50%,#cce5ff);   
}
.back1:before {
    /*background: linear-gradient(236deg,#fff8e7,#fff4f9 50%,#cce5ff);*/
}
#pc_nav li a, #footer_nav li a {
    color: #212121;
}
header.scr_header {
backdrop-filter: blur( 2px );
}

.line-l:before {
    display: none;
}
.cms_title {
        border-bottom: 1px solid #5c5c5c;
    padding-bottom: 10px;
}
#page_title .page_title_box {
    background: transparent;
}
.page_title_box p, .page_title_box h2 {
    color: #212121;
}
.page_title_box h2 {
    font-size: 38px;
}
/* ------------------画像動き------------------------------------*/
.con_img.trans img {
    opacity: 1;
    transition: opacity 1.5s cubic-bezier(.22,1,.36,1),transform 2s cubic-bezier(.32,.94,.6,1);
    transform: translate(-50%,-50%) scale(1);
}
.con_img img {
    transform: translate(-50%,-50%) scale(1.2);
    position: relative;
 }
#info_contact img {
transform: inherit;
}
#info_contact .zoomup:hover img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
 }
 
@media(min-width: 769px) {
    .smoothTextTrigger {
    transition: 1.1s ease-in-out;
    transform: translate3d(0,100%,0) skewY(17deg);
    transform-origin: left;
    display: block;
}
.smoothText {
    overflow: hidden;
    display: block;
}
.smoothTextTrigger.smoothTextAppear {
       transform: translate3d(0,0,0) skewY(0); 
}
}
@media screen and (max-width: 768px){
#intro_wrap:before {
    width: 43%;
    max-width: 503px;
    right: -32px;
    bottom: -248px;
    opacity: 0.6;
}
}
@media screen and (max-width: 667px){
#intro_wrap:before {
   height: 348px;
    max-width: 503px;
   right: -10px;
}
#contents1 .con_box:before {
font-size: 163px;
}
#contents2 .con_box:before {
font-size: 163px;
}
}
/* ----------------------------------------------------------------------------------------------------------------------------------------------*/
/* -------------------------------------------------------↓↓↓↓↓↓↓↓↓↓↓↓↓------------------------------------------------------------------------*/
::-webkit-scrollbar {
width: 9px;
}
::selection {
    background: #d9e2f9;
}
::-webkit-scrollbar-track {
    background: #e8e8e8;
}
::-webkit-scrollbar-thumb {
    background: #626262;
    border-radius: 5px;
}
.fadein{
     transform: translateY(25px);
     transition: 1.5s;
     transition-property: opacity,transform
}
.fadein.trans{
     opacity: 1;
     transform: none
}
main {
    overflow: hidden;
}
.nav_menu_more:first-of-type a .icon:before  {
    content: "\f086";
}
.more_btn {
    background-color: #cce5ff;
}

#intro .num, #contents1 .num, #contents2 .num, #contents3 .num {/*数字*/
opacity: 1;z-index: 2;
}
.back1:before {
    z-index: -1;
}
#cms_2-a .cate_title {
        padding-top: .5em;
    padding-bottom: .5em;
    margin-bottom: 2em;
    position: relative;
    border-bottom: solid 2px #ffb8d2;
    display: block;
    text-align: left;
    border-top: 0;
}
#cms_2-a .cate_title:after {
    position: absolute;
    content: " ";
    display: block;
    width: 8%;
    bottom: -2px;
    border-bottom: solid 2px #d6d6d6;
    left: 0;
}

@media screen and (max-width: 768px){
   .pager li {
        margin-right: 0!important;
    }
    #footer h2 {
    font-size: 20px;
}
#intro_wrap {
    padding: 6% 0%;
}
}
@media screen and (max-width: 667px){
.page_title_box h2 {
    font-size: 5vw;
}
#footer h2 {
    font-size: 5vw;
}
.pd_l-r5per {
    padding: 0 3%;
}
}
/* ----------------------------------------------------------------------------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------------------------------------*/

@media all and (-ms-high-contrast: none) {
#contents1 figure:before, #contents2 figure:before {
   display: none;
}
#cms_2-b .cate_title::before {
    padding: 6px 4px 2px 4px;
}
}

/* -----2023/10/11-----------------------------------------------------------------------------------------------------------------------------*/

#contents2 {
    display: none;
}
#contents1 {
    margin-bottom:100px;
}
/*お問合わせバナー*/
#fix_bnr{bottom: 7px;right: 60px;z-index: 5;width: 331px;}
@media screen and (max-width: 1280px){
	#fix_bnr{width: 277px;}
}
@media screen and (max-width: 768px){
#fix_bnr {
    bottom: 31px;
    width: 253px;
    right:45px;
}
}
@media screen and (max-width: 667px){
#fix_bnr {
    bottom: 11px;
    right: 30px;
    max-width: 170px;
    width: 44%;
}
}