/*!
Template:rishun
Theme Name: rishun_child
Theme URI: https://rishuntrading.co.jp
Description: Rishun is a very simple & easy to customize theme which is based on the Bootstrap. It is also very friendly with custom post types and custom taxonomies. When you add a new one, the breadcrumbs will be adjusted and posts will look beautifully without editing or adding a template files.
Author: RishunTrading Limited.
Author URI: https://rishuntrading.co.jp
Version: 1.0.0
Requires at least: 1.0
Tested up to: 1.0.0
Requires PHP: 5.6.0
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks

License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

Rishun WordPress theme, Copyright (C) 2022 RishunTrading Limited.
Rishun WordPress theme is licensed under the GPL.
Update Author:RishunTrading Limited
Update Author URI:https://rishuntrading.co.jp/
Version:1.0.0
*/
@charset "utf-8";
/************************************************************/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Noto+Serif+JP:wght@200..900&family=Patua+One&family=Zen+Maru+Gothic&display=swap');
:root{
    --main-color:#0095d9;
    --main-thin-color:#a0d8ef;
    --hd-main-thin-color:#7acef5;
    --ptnB-sp-header-height: 80px;
    --ptnB-pc-header-height: 80px;
    --top-bk-body-color:linear-gradient(135deg, #F4C446,#0095d9, #353281 );
    --top-bk-opacity:1;
    --top-hero-box-color:linear-gradient(#def6ff, #def6ff) padding-box,linear-gradient(45deg, #0095d9, #ffcc00, #ff0066) border-box;
    --top-check-btn-color:linear-gradient(45deg, #ff416c, #ff4b2b);
    --pc-side-btn-color:linear-gradient(45deg, #E5464B, #E94E38);
    --before-ft-bk-color:rgb(0, 149, 217, 0.9);
    --rainbow01:#E5464B;
    --rainbow02:#E94E38;
    --rainbow03:#ED9440;
    --rainbow04:#4FA67C;
    --rainbow05:#353281;
    --rainbow06:#F4C446;
    --rainbow07:#3F81B3;
    --bk-body-color:linear-gradient(
        to bottom,
        #e0f4ff 0%,
        #bfe8ff 40%,
        #9fdcff 100%
      );
    --circle-gradiate:linear-gradient(
        45deg,
        #169ad8 30%,
        #3F81B3 100%
      );
      --bk-point-gradiate:linear-gradient(
        90deg,
        #fff 30%,
        rgba(255,255,255, 0.7) 100%
      );
    --emphasis-color:#fd2e23;
    --th-color:#0095d9;
    --sp-pgheader-height:100px;
    --tb-pgheader-height:150px;
    --pc-pgheader-height:200px;
    --noto-sans:"Noto Sans JP", sans-serif;
    --noto-serif:"Noto Serif JP", serif;
    --patua-one:"Patua One", serif;
    --zenmaru:"Zen Maru Gothic", sans-serif;
}
/*==========================================================*/
/* defalt define											*/
/*==========================================================*/
body, p{
    font-size:16px;
    font-family:var(--noto-sans);
}
body a{
    color:#333;
    font-family:var(--noto-sans);
}
body a:hover{
    color:#333;
}
.nodata{
    color:#ff0000;
}
img{
    width:100%;
    height:auto;
}
.entry-body img{
    display:unset;
    width:auto;
    height: auto;
    max-width: 100%;
}
@media print {
    #mobile-menu {
        display: none !important;
    }
}
/*==========================================================*/
/* loading      											*/
/*==========================================================*/
.intro-layers{
    width:100vw;
    height:100vh;
    position:fixed;
    top:0;
    left:0;
    z-index:3000;
}
.intro-layers .wrap{
    width:100%;
    height:100%;
    background:var(--bk-body-color);
    display:flex;
    justify-content:center;
    align-items:center;
}
.logo_title{
    width:200px;
    opacity:0;
}
.div-logo{
    width:100%;
}
.div-logo>img{
    width:100%;
}
@media(min-width:768px){
}
/*==========================================================*/
/* fade-in       											*/
/*==========================================================*/
.fade-in{
    opacity:0;
    transition:all 1s;
    transform:translateY(20px);
}
.fade-in.scroll-in{
    animation: fade-in ease 1s forwards;
}
.hd-style.scroll-in h2>span:before{
    animation: passing-bar 1s ease 0s 1 normal forwards;
    animation-delay: 1s;
}
.hd-style.scroll-in h2>span{
    animation:passing-txt 0s ease .5s 1 normal forwards;
    animation-delay: 1s;
}
/*
.fade-right{
    transform:translateX(-100%);
    opacity:0;
    transition:all 1s cubic-bezier(0.77, 0, 0.175, 1);
}
.fade-right.scroll-in{
    transform:translateX(0);
    opacity:1;
}
*/
/* addition */
.fade-right{
    opacity:1;
    position:relative;
}
.fade-right>div{
    opacity:0;
    transition:opacity 0.3s linear 1s;
    overflow:hidden;
}
.fade-right:before{
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:0%;
    height:100%;
    background:var(--main-color);
    transform:translateX(0);
    transition: width 1s cubic-bezier(0.55, 0.055, 0.675, 0.19),
    transform 0.8s ease 1.1s;
    z-index:1;
}
.fade-right.scroll-in:before{
    width:100%;
    transform: translateX(100%);
}
.fade-right.scroll-in>div{
    opacity:1;
}
.fade-right2{
  position: relative;
  overflow: hidden;
  opacity: 1;
}
.fade-right2:before{
  content:'';
  position:absolute;
  top:0;
  left:0;
  height:100%;
  width:0%;
  background:var(--main-color);
  transition: width 1s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  z-index:1;
}
.fade-right2.scroll-in:before{
    width:100%;
}
.fade-right2 > *{
  opacity:0;
  transform: translateY(6px);
  transition: opacity .6s ease 1s, transform .6s ease 1s;
  position:relative;
  z-index:5;
}
.fade-right2.scroll-in > *{
  opacity:1;
  transform: translateY(0);
}
/**/
.fade-left{
    transform:translateX(100%);
    opacity:0;
    transition:all 1s cubic-bezier(0.77, 0, 0.175, 1);
}
.fade-left.scroll-in{
    transform:translateX(0);
    opacity:1;
}
/* ribbon */
.anime-slide{
    position: relative;
    display: table;
    overflow: hidden;
}
.anime-slide>.anime-word{
    opacity: 0;
    transform: translateY(6px); /* a little move */
    transition: opacity .2s linear, transform .2s ease;
    transition-delay: 0s;
}
.anime-slide::before{
  content:"";
  position:absolute;
  inset:0;
  background: var(--btn-hover-color);
  z-index: 5;
  transform: scaleX(0);
  transform-origin: left center;
}
.anime-slide::after{
  content:"";
  position:absolute;
  inset:0;
  background: var(--btn-hover-color);
  z-index: 5;
  transform: scaleX(1);
  transform-origin: right center;
  opacity: 0;
}
/* active */
.anime-slide.active>.anime-word{
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.6s;
}
.anime-slide.active::before{
    animation: ribbon-in 0.6s cubic-bezier(0.77,0,0.175,1) forwards;
}
.anime-slide.active::after{
  animation: ribbon-out 0.6s cubic-bezier(0.77,0,0.175,1) forwards;
  animation-delay: 0.6s;
}
@keyframes ribbon-in{
    0%   { transform: scaleX(0); opacity: 1; }
    99.9999% { transform: scaleX(1); opacity: 1; }
    100% { transform: scaleX(1); opacity: 0; }
}
@keyframes ribbon-out{
    0%   { transform: scaleX(1); opacity: 1; }
    100% { transform: scaleX(0); opacity: 1; }
}
@keyframes passing-bar{
	0% {
		left: 0;
		width: 0;
	}
	50% {
		left: 0;
		width: 100%;
	}
	51% {
		left: 0;
		width: 100%;
	}
	100% {
		left: 100%;
		width: 0;
	}
}
@keyframes passing-txt{
	0% { opacity:0; }
	70% { opacity:0; }
	100% { opacity:1; }
}
@keyframes fade-in{
	0% {
         opacity:0;
         transform:translateY(20px);
    }
	100% {
        opacity:1;
        transform:translateY(0);
    }
}
/*==========================================================*/
/* top slide      											*/
/*==========================================================*/
.tpslide-sec{
    position:relative;
    padding:0;
    background:var(--top-bk-body-color);
    background-size: 200% 200%;
    opacity:var(--top-bk-opacity);
    animation: holo 6s ease infinite;
}
.tpslide-sec.page-section{
    padding:0;
}
.slider-wrapper{
    width:100%;
    position:relative;
    height:60vh;
    overflow:hidden;
}
/*
.slider-wrapper:before{
    content:'';
    position:absolute;
    background:var(--top-bk-body-color);
    background-size: 200% 200%;
    top:-50%;
    left:-50%;
    z-index:1;
    opacity:var(--top-bk-opacity);
    animation: holo 6s ease infinite;
}
*/
@keyframes holo {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}
.slider-wrapper .slide{
    width:100%;
    position:absolute;
    top:0;
    left:0;
    opacity:0;
    overflow:hidden;
}
.slider-wrapper .slide img{
    width:100%;
    height:100vh;
    object-fit:cover;
}
.catchcopy{
    width:100%;
    height:auto;
    position:absolute;
    top:16%;
    left:0;
    z-index:2;
    opacity:0;
}
.catchcopy .catchcopy-msg{
    margin-bottom:20px;
}
.catchcopy .catchcopy-msg p{
    color: #ffeb3b;
    text-shadow: 0 2px 6px rgba(0,0,0,0.25);
    animation: pulse 1.5s infinite;
    position:relative;
    font-weight: bold;
    text-shadow: 
    0 0 3px rgba(0,0,0,0.5),
    0 0 8px rgba(0,0,0,0.3);    
}
.catchcopy .catchcopy-msg p span{
    margin:0 10px;
    font-size:22px;
}
.catchcopy .catchcopy-msg p img{
    width:1.8em !important;
    height:1.8em !important;
}
.catchcopy .catchcopy-bk-wrap{
    width:300px;
    margin:0 auto;
    padding:10px;
    margin-bottom:20px;
    position:relative;
    background:var(--top-hero-box-color);
    backdrop-filter: blur(10px);
    border-radius:20px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
    border: 1px solid rgba(255,255,255,0.3);
    animation: float 3s ease-in-out infinite;
    overflow:hidden;
    border: 3px solid transparent;
}
@keyframes pulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.05); }
    100% { transform: scale(1); }
}
@keyframes float {
    0%,100% { transform: translateY(0); }
    50% { transform: translateY(-8px); }
}
.catchcopy .catchcopy-bk-wrap:before{
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
      120deg,
      transparent 30%,
      rgba(255,255,255,0.6),
      transparent 70%
    );
    transform: translateX(-100%);
    animation: shine 4s infinite;   
}
@keyframes shine {
    0% {
      transform: translateX(-100%);
    }
  
    /* 1秒で通過（= 25%） */
    25% {
      transform: translateX(100%);
    }
  
    /* 残り3秒は停止 */
    100% {
      transform: translateX(100%);
    }
}
.catchcopy h2{
    color:var(--font-color);
    font-size:26px;
    font-weight:700;
    letter-spacing:0;
    line-height:1.4;
    margin-bottom:20px;
    font-family:var(--libre);
    letter-spacing:0.1em;
    position:relative;
    z-index:5;
}
.catchcopy p{
    display:flex;
    justify-content:center;
    color:var(--rainbow03);
    font-size:16px;
    font-weight:700;
    letter-spacing:0;
    position:relative;
    z-index:5;
}
/* scroll arrow */
.scroll-arrow {
    display: flex;
    writing-mode: vertical-rl;
    position: absolute;
    left: 50%;
    bottom: 1%;
    transform:translateX(-50%);
    z-index:15;
}
.scroll-arrow a{
    letter-spacing: 5px;
    font-size: 12px;
    position: relative;
    padding-top: 10px;
    text-decoration: none;
    transition:all 0.3s;
    color:#fff;
}
.scroll-arrow a:hover{
    color:#fff;
    opacity:0.8;
}
.scroll-arrow a:before{
    content: '';
    width: 1px;
    height: 5px;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    animation: extend-anime 2s ease-out infinite;
    z-index: 2;
}
.scroll-arrow a:after{
    content: '';
    width: 1px;
    height: 10px;
    background: #fff;
    transform: rotate(-45deg);
    position: absolute;
    top: -3px;
    left: -4px;
    animation: move-anime 2s ease-out infinite;
}
@keyframes extend-anime{
    0% {
        height:5px;
    }
    100%{
        height:100%;
    }
}
@keyframes move-anime{
    0% {
        top:-3px;
    }
    100%{
        top:calc(100% - 10px);
    }
}
@media(min-width:576px){
    .slider-wrapper{
        height:100vh;
        max-height:600px;
    }
    .slider-wrapper .slide img{
        height:100vh;
        max-height:600px;
    }
    .catchcopy{
        top:19%;
    }
}
@media(min-width:768px){
    .scroll-arrow a{
        letter-spacing: 10px;
        font-size:14px;
    }
    .catchcopy{
        top:18%;
    }
    .catchcopy .catchcopy-msg{
        margin-bottom:40px;
    }
    .catchcopy .catchcopy-msg p span{
        margin:0 20px;
        font-size:32px;
    }
    .catchcopy .catchcopy-msg p img{
        width:2.0em !important;
        height:2.0em !important;
    }
}
@media(min-width:992px){
    .catchcopy{
        top:13%;
    }
}
@media(min-width:1400px){
}
/*==========================================================*/
/* header         											*/
/*==========================================================*/
.site-header.ptnB{
    height:150px;
}
.site-header-wrap{
    height:var(--ptnB-sp-header-height);
    position:fixed;
    top:0;
    left:0;
    box-shadow:none;
    z-index:1950;
    background: var(--header-bk-color);
}
.scrolled .ptnB .site-header-wrap{
    background:var(--hd-main-thin-color);
    backdrop-filter: blur(2px);
    z-index:1950;
}
.scrolled .site-header-menu>li>a{
    color:#fff;
}
.scrolled .site-header-menu>li>a:hover{
    color:#fff;
}
.scrolled .site-header-menu>li>a:hover::before{
    background:#fff;
}
.site-header-logo{
    height:100%;
}
.site-header-logo a{
    display:flex;
    width:100%;
    height:100%;
}
.dl-logo{
    height:100%;
    margin:0;
    display:flex;
}
.dl-logo>dt{
    width:60px;
    height:100%;
    margin:0;
}
.dl-logo>dd{
    display:flex;
    align-items:center;
    width:calc(100% - 60px);
    height:100%;
    margin:0;
}
.dl-logo>dd .desc{
    color:var(--logo-gradient2);
    line-height:1;
}
.dl-logo>dd .desc strong{
    display:block;
    font-size:30px;
    font-family:var(--libre);
    margin-bottom:4px;
}
.dl-logo>dd .desc small{
    display:block;
    font-size:10px;
    font-family:var(--libre);
    letter-spacing: 0;
}
@media(min-width:992px){
    .site-header-wrap{
        height:var(--ptnB-pc-header-height);
        position:fixed;
    }
}
.section.breadSection{
    background:var(--bk-body-color);
}
.breadSection .breadcrumb a, .breadSection .breadcrumb span{
    color:var(--font-color);
}
@media(min-width:992px){
    .site-header.ptnB{
        height:var(--ptnB-pc-header-height);
    }
}
/*==========================================================*/
/* sp header menu     										*/
/*==========================================================*/
.sp-header-nav{
    width:100vw;
    margin: 0 calc(50% - 50vw);
    background:var(--main-color);
    border-bottom:solid 1px rgba(255,255,255,0.8);
}
.sp-header-menu{
    width:100%;
    margin:0;
    padding:0;
    display:flex;
    flex-flow:row wrap;
    list-style:none;
}
.sp-header-menu>li{
    width:calc(100% / 5);
}
.sp-header-menu>li .menu-box{
    width:100%;
    padding-top:70px;
    position:relative;
}
.sp-header-menu>li .menu-box a{
    display:flex;
    width:100%;
    height:100%;
    justify-content:center;
    align-items:flex-end;
    background:var(--main-color);
    color:#fff;
    font-size:12px;
    position:absolute;
    top:0;
    left:0;
    text-align:center;
    line-height:1;
    padding-bottom:10px;
    border-right:solid 1px rgba(255,255,255,0.8);
    transition:all 0.5s;
}
.sp-header-menu>li .menu-box a:hover{
    filter:brightness(1.2);
}
.sp-header-menu>li:first-of-type .menu-box a{
    border-left:solid 1px rgba(255,255,255,0.8);
}
.sp-header-menu>li .menu-box a i{
    font-size:22px;
    margin-bottom:5px;
    position:absolute;
    top:20%;
    left:50%;
    translate:-50% 0;
}
.sp-header-menu>li.menu-linestamp a{
    padding-bottom:5px;
}
@media(min-width:576px){
    .sp-header-menu{
        max-width:540px;
        margin-left:auto;
        margin-right:auto;
    }
    .sp-header-menu>li .menu-box{
        padding-top:70px;
    }
}
@media(min-width:992px){
    .sp-header-nav{
        display:none;
    }
}
/*==========================================================*/
/* mobile menu     											*/
/*==========================================================*/
.mobile-menu-slide{
    padding-top:150px;
}
.site-header-logo a{
    align-items:center;
}
.site-header-logo a img{
    width:70px;
}
.site-header-logo a .logo-ttl{
    color:var(--rainbow07);
    font-size:32px;
    font-family:var(--patua-one);
    margin-left:10px;
}
.site-header-logo a .logo-ttl>span:first-of-type{
    color:var(--rainbow01);
}
.site-header-logo a .logo-ttl>span:nth-of-type(2){
    color:var(--rainbow02);
}
.site-header-logo a .logo-ttl>span:nth-of-type(3){
    color:var(--rainbow03);
}
.site-header-logo a .logo-ttl>span:nth-of-type(4){
    color:var(--rainbow04);
}
.site-header-logo a .logo-ttl>span:nth-of-type(5){
    color:var(--rainbow05);
}
.site-header-logo a .logo-ttl>span:nth-of-type(6){
    color:var(--rainbow06);
}
.site-header-logo a .logo-ttl>span:nth-of-type(7){
    color:var(--rainbow07);
}
/*==========================================================*/
/* mobile         											*/
/*==========================================================*/
.mobile-navi-btn.right{
    width:60px;
    height:60px;
    top:10px;
    right:10px;
    background:transparent;
}
.scrolled .mobile-navi-btn.right{
    box-shadow:none;
}
.mobile-navi-btn span{
    position: absolute;
    background:var(--rainbow05);
    height:2px;
    width:30px;
    left:50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    transition: all .3s;
}
.mobile-navi-btn span:nth-child(1){
    top:34%;
}
.mobile-navi-btn span:nth-child(2){
    top:50%;
}
.mobile-navi-btn span:nth-child(3){
    top:66%;
}
.mobile-navi-btn.mobile-navi-open{
    box-shadow:none;
}
.mobile-navi-btn.mobile-navi-open span:nth-child(1){
    transform-origin: top center;
    top:50%;
    left:15px;
    transform: rotate(135deg) translate(0, -50%);
}
.mobile-navi-btn.mobile-navi-open span:nth-child(2){
    opacity: 0;
}
.mobile-navi-btn.mobile-navi-open span:nth-child(3){
    transform-origin: top center;
    left:15px;
    top:50%;
    transform: rotate(45deg) translate(0, -50%);
}
.site-mobile-nav{
    padding:20px 15px 30px;
}
.site-mobile-nav>div{
    padding:0;
    background:rgba(255, 255, 255, 0);
    height:calc(100vh - 60px);
    padding-right:20px;
}
/* mobile menu */
.site-header-menu>li>a{
    font-family:var(--noto-sans);
    letter-spacing: 0.1em;
    font-size:17px;
    font-weight:400;
}
/*==========================================================*/
/* page header     											*/
/*==========================================================*/
/*==========================================================*/
/* top         											*/
/*==========================================================*/
.catchcopy h2.h2top{
    margin-bottom:20px;
    font-size:24px;
    text-align:center;
    font-family:var(--noto-sans);
    color:var(--emphasis-color);
}
.h2top .logo-ttl{
    color:var(--rainbow07);
    font-family:var(--patua-one);
    font-size:28px;
}
.h2top .logo-ttl>span:first-of-type{
    color:var(--rainbow01);
}
.h2top .logo-ttl>span:nth-of-type(2){
    color:var(--rainbow02);
}
.h2top .logo-ttl>span:nth-of-type(3){
    color:var(--rainbow03);
}
.h2top .logo-ttl>span:nth-of-type(4){
    color:var(--rainbow04);
}
.h2top .logo-ttl>span:nth-of-type(5){
    color:var(--rainbow05);
}
.h2top .logo-ttl>span:nth-of-type(6){
    color:var(--rainbow06);
}
.h2top .logo-ttl>span:nth-of-type(7){
    color:var(--rainbow07);
}
.h2top .subttl{
    margin-left:10px;
    color:var(--rainbow05);
    font-size:20px;
}
.h2top .subttl>span:first-of-type{
    color:var(--rainbow02);
}
.h2top .subttl>span:nth-of-type(2){
    color:var(--rainbow03);
}
.h2top .subttl>span:nth-of-type(3){
    color:var(--rainbow04);
}
.h2top .subttl>span:nth-of-type(4){
    color:var(--rainbow07);
}
.h2top .subttl>span:nth-of-type(5){
    color:var(--rainbow05);
}
.catchcopy h2.h2top .catch-ttl{
    display:block;
    font-family:var(--zenmaru);
    font-weight:900;
}
.check-btn>a{
    width:250px;
    height:50px;
    display:flex;
    justify-content:center;
    align-items:center;
    margin:0 auto;
    background:var(--main-color);
    color:#fff;
    position:relative;
    padding-right:10px;
    transition:all 0.5s;
    border-radius:25px;
}
.check-btn>a i{
    position:absolute;
    top:50%;
    right:20px;
    translate:0 -50%;
    transition:all 0.5s;
}
.check-btn>a:hover{
    color:#fff;
    transform:scale(1.1);
    filter:brightness(1.1);
}
.check-btn>a:hover i{
    right:10px;
}
.tpslide-sec .check-btn>a{
    background:var(--top-check-btn-color);
    box-shadow: 0 5px 20px rgba(255,75,43,0.5);
}
@media(min-width:768px){
    .catchcopy .catchcopy-bk-wrap{
        width:500px;
        margin-bottom:40px;
    }
    .catchcopy h2.h2top{
        font-size:32px;
    }
    .h2top .logo-ttl{
        font-size:40px;
    }
    .h2top .subttl{
        font-size:32px;
    }
    .catchcopy p{
        font-size:20px;
    }
}
@media(min-width:992px){
    .catchcopy .catchcopy-bk-wrap{
        width:600px;
        margin-bottom:40px;
        padding:20px;
    }
    .catchcopy h2.h2top{
        font-size:40px;
    }
    .h2top .logo-ttl{
        font-size:50px;
    }
    .h2top .subttl{
        font-size:40px;
    }
    .catchcopy p{
        font-size:24px;
    }
}
/*==========================================================*/
/* top cardlist    											*/
/*==========================================================*/
.topcardlist-sec{
    padding:80px 0;
}
.hd-style{
    width:100%;
    margin-bottom:40px;
    position:relative;
}
.hd-style .pict{
    width:100px;
    margin:0 auto 20px 0;
}
.topinfo-sec .hd-style .pict{
    margin:0 0 20px auto;
}
.h2org{
    text-align:center;
    font-size:24px;
    font-weight:700;
    padding-bottom:20px;
    color:var(--main-color);
    position:relative;
}
.h2org:before{
    content:'';
    width:100px;
    height:3px;
    background:var(--rainbow02);
    position:absolute;
    bottom:0;
    left:50%;
    translate:-50% 0;
}
.topcardlist-wrap{
    width:100%;
}
.ul-cardlist{
    display:flex;
    width:100%;
    flex-flow:row wrap;
    list-style:none;
    padding:0;
    margin:0;
}
/* slick slider */
.ul-cardlist .slick-prev, .slick-next{
    width:60px;
    height:60px;
    transition:all 0.5s;
    z-index:30;
}
.ul-cardlist .slick-prev::before, .slick-next::before{
    width:60px;
    height:60px;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    background:var(--main-color);
    opacity:1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: "Font Awesome 7 Free";
    font-feature-settings: normal;
    font-style: normal;
    font-synthesis: none;
    font-variant: normal;
    font-weight: 900;
    line-height: 1;
    text-align: center;
    text-rendering: auto;
    color:#fff;
    font-size:30px;
    transition:all 0.3s;
}
.ul-cardlist .slick-prev:before{
    content:"\f0a5";
}
.ul-cardlist .slick-next:before{
    content:"\f0a4";
}
.ul-cardlist .slick-prev:hover::before{
    transform:scale(1.1) rotate(10deg);
    filter:brightness(1.1);
}
.ul-cardlist .slick-next:hover::before{
    transform:scale(1.1) rotate(-10deg);
    filter:brightness(1.1);
}
.ul-cardlist .slick-prev{
    left:5px;
}
.ul-cardlist .slick-next{
    right:5px;
}
.ul-cardlist .slick-dots{
    bottom:-40px;
}
.ul-cardlist .slick-dots li button{
    width:30px;
    height:30px;
    padding:0;
    transition:all 0.5s;
}
.ul-cardlist .slick-dots li button:before{
    content:'\f005';
    width:35px;
    height:35px;
    font-size:18px;
    color:var(--rainbow01);
    transition:all 0.5s;
    display:flex;
    justify-content:center;
    align-items:center;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: "Font Awesome 7 Free";
    font-feature-settings: normal;
    font-style: normal;
    font-synthesis: none;
    font-variant: normal;
    font-weight: 900;
    line-height: 1;
    text-align: center;
    text-rendering: auto;

}
.ul-cardlist.slick-dotted.slick-slider{
    margin:0 0 80px 0;
}
.ul-cardlist .slick-list{
    padding-bottom:20px;
}
.ul-cardlist li{
    padding:0 5px 20px 5px;
}
.ul-cardlist li .tpcard-box{
    width:100%;
    box-shadow:0 0 5px rgba(0,0,0,0.4);
    border-radius:5px;
    overflow:hidden;
}
.ul-cardlist li .pict{
    width:100%;
}
.ul-cardlist li .pict>img{
    width:100%;
    aspect-ratio:2/3;
}
.ul-cardlist li .box{
    padding:10px;
    min-height:180px;
}
.ul-cardlist li .box h3{
    font-size:16px;
    font-weight:700;
    color:var(--main-color);
    margin-bottom:10px;
    min-height:50px;
    line-height: 1.2;
}
.tpcard-cat{
    font-size:12px;
}
.tpcard-cat>span{
    margin-right:10px;
}
.tpcard-data>p{
    font-size:12px;
}
.tpcard-price{
    margin-top:10px;
    text-align:center;
    font-weight:700;
}
@media(min-width:768px){
    .hd-style{
        margin-bottom:60px;
    }
    .hd-style .pict{
        position:absolute;
        top:-60px;
        left:0;
        margin:0;
        width:150px;
    }
    .topinfo-sec .hd-style .pict{
        left:auto;
        right:0;
    }
    .h2org{
        font-size:32px;
        padding-bottom:20px;
    }
    /* slick slider */
    .ul-cardlist .slick-prev{
        left:20px;
    }
    .ul-cardlist .slick-next{
        right:20px;
    }
    .ul-cardlist .slick-dots li{
        width:35px;
        height:35px;
    }
      
}
@media(min-width:992px){
    .hd-style .pict{
        position:absolute;
        top:-60px;
        left:10%;
        margin:0;
        width:150px;
    }
    .topinfo-sec .hd-style .pict{
        left:auto;
        right:10%;
    }
    .ul-cardlist{
        gap:20px;
    }
    .ul-cardlist .slick-dots li button:before{
        width:40px;
        height:40px;
        font-size:20px;
    }
    .ul-cardlist .slick-dots li{
        width:40px;
        height:40px;
    }
}
@media(min-width:1200px){
    .ul-cardlist{
        gap:30px;
    }
}
@media(min-width:1400px){
    .topcardlist-wrap{
        width:1320px;
        margin:0 auto;
    }
}
/*==========================================================*/
/* depth slider (collage depth style) for #depth-slider only */
/*==========================================================*/
#depth-slider.cl_depth-slider{
    position:relative;
    width:100%;
    height:300px;
    list-style:none;
    margin:0;
    padding:0;
    overflow:visible;
}

#depth-slider.cl_depth-slider li{
    position:absolute;
    margin:0;
    line-height:1;
    background:#000;
    border-radius:5px;
    will-change: transform;
    will-change: top, left, right, width, translate, opacity;
    transition:
        top 0.9s cubic-bezier(0.22, 0.61, 0.36, 1),
        left 0.9s cubic-bezier(0.22, 0.61, 0.36, 1),
        right 0.9s cubic-bezier(0.22, 0.61, 0.36, 1),
        width 0.9s cubic-bezier(0.22, 0.61, 0.36, 1),
        translate 0.9s cubic-bezier(0.22, 0.61, 0.36, 1);
}

#depth-slider.cl_depth-slider li img{
    width:100%;
    height:auto;
    display:block;
    box-shadow:0 8px 20px rgba(0,0,0,0.18);
    border-radius:5px;
}

/* =========================================
   SP first
   添付イメージに寄せた、スマホ時の重なり配置
========================================= */

/* 1: about01 メイン画像（中央下） */
#depth-slider.cl_depth-slider li.pos-1{
    width:60%;
    left:50%;
    top:80px;
    translate:-50% 0;
    z-index:12;
}

/* 2: about02 左下 */
#depth-slider.cl_depth-slider li.pos-2{
    width:30%;
    left:8%;
    top:60px;
    z-index:8;
}
#depth-slider.cl_depth-slider li.pos-2 img{
    opacity:0.9;
}
/* 3: about03 左中 */
#depth-slider.cl_depth-slider li.pos-3{
    width:27%;
    left:2%;
    top:40px;
    z-index:7;
}
#depth-slider.cl_depth-slider li.pos-3 img{
    opacity:0.8;
}

/* 4: about04 上中央左 */
#depth-slider.cl_depth-slider li.pos-4{
    width:22%;
    left:21%;
    top:20px;
    z-index:5;
}
#depth-slider.cl_depth-slider li.pos-4 img{
    opacity:0.7;
}

/* 5: about05 上中央 */
#depth-slider.cl_depth-slider li.pos-5{
    width:25%;
    left:50%;
    top:0;
    z-index:4;
    translate:-50% 0;
}
#depth-slider.cl_depth-slider li.pos-5 img{
    opacity:0.6;
}

/* 6: about06 上右 */
#depth-slider.cl_depth-slider li.pos-6{
    width:22%;
    right:21%;
    top:20px;
    z-index:6;
}
#depth-slider.cl_depth-slider li.pos-6 img{
    opacity:0.7;
}

/* 7: about07 右中 */
#depth-slider.cl_depth-slider li.pos-7{
    width:27%;
    right:0;
    top:40px;
    z-index:7;
}
#depth-slider.cl_depth-slider li.pos-7 img{
    opacity:0.8;
}

/* 8: about08 右下 */
#depth-slider.cl_depth-slider li.pos-8{
    width:30%;
    right:8%;
    top:60px;
    z-index:8;
}
#depth-slider.cl_depth-slider li.pos-8 img{
    opacity:0.9;
}

@media(min-width:576px){
    #depth-slider.cl_depth-slider{
        height:400px;
    }
}
/* =========================================
   tablet
========================================= */
@media(min-width:768px){
    #depth-slider.cl_depth-slider{
        height:450px;
    }
    #depth-slider.cl_depth-slider li.pos-1{
        width:50%;
        top:120px;
    }
    #depth-slider.cl_depth-slider li.pos-4{
        top:30px;
    }
    #depth-slider.cl_depth-slider li.pos-6{
        top:30px;
    }
    #depth-slider.cl_depth-slider li.pos-3{
        top:60px;
    }
    #depth-slider.cl_depth-slider li.pos-7{
        top:60px;
    }    
    #depth-slider.cl_depth-slider li.pos-2{
        top:90px;
    }
    #depth-slider.cl_depth-slider li.pos-8{
        top:90px;
    }    
}


/* =========================================
   PC
========================================= */
@media(min-width:992px){
    .dl-aboutus{
        display:flex;
        flex-flow:row wrap;
        justify-content:space-between;
    }
    .dl-aboutus dt{
        width:49%;
        order:2;
    }
    .dl-aboutus dd{
        width:49%;
        order:1;
    }
    #depth-slider.cl_depth-slider{
        height:350px;
    }
    #depth-slider.cl_depth-slider li.pos-1{
        width:50%;
        top:80px;
    }
    #depth-slider.cl_depth-slider li.pos-4{
        top:20px;
    }
    #depth-slider.cl_depth-slider li.pos-6{
        top:20px;
    }
    #depth-slider.cl_depth-slider li.pos-3{
        top:40px;
    }
    #depth-slider.cl_depth-slider li.pos-7{
        top:40px;
    }    
    #depth-slider.cl_depth-slider li.pos-2{
        top:60px;
    }
    #depth-slider.cl_depth-slider li.pos-8{
        top:60px;
    }    
}
/*==========================================================*/
/* top info     											*/
/*==========================================================*/
.topinfo-sec{
    background:var(--main-color);
    padding:80px 0;
}
.topinfo-sec .h2org{
    color:#fff;
}
/* bloglist */
.ul-tpblog{
    display:flex;
    flex-flow:row wrap;
    width:100%;
    margin:0;
    padding:0;
    list-style:none;
}
.ul-tpblog>li{
    width:100%;
    margin-bottom:40px;
}
.ul-tpblog>li .box{
    width:100%;
    overflow:hidden;
}
.blog_imglink{
    display:block;
    width:100%;
    position:relative;
    background:#f0f0f0;
    border-radius:10px;
    margin-bottom:20px;
}
.blog_imglink:hover img{
    transform:scale(1.1);
}
.ul-tpblog>li .box .desc{
    width:100%;
}
.ul_blog_category{
    display:flex;
    flex-flow:row wrap;
    list-style:none;
    margin:0;
    padding:0;
}
.ul_blog_category>li{
    display:flex;
}
.ul_blog_category>li>a{
    display:flex;
    width:fit-content;
    min-width:70px;
    height:30px;
    white-space:nowap;
    justify-content:center;
    align-items:center;
    padding:0 10px;
    font-size:12px;
    color:#fff;
    border:solid 1px #fff;
    border-radius:35px;
    transition:all 0.5s;
    margin:0 10px 10px 0;
}
.ul_blog_category>li>a:hover{
    background:#fff;
    color:var(--main-color);
}
.blog_txtlink{
    display:flex;
    margin-bottom:10px;
    transition:all 0.5s;
    color:#fff;
}
.blog_txtlink h3{
    font-size:18px;
    color:#fff;
}
.blog_txtlink:hover{
    text-decoration:underline;
    color:#fff;
}
.ul_blog_tag{
    display:flex;
    list-style:none;
    margin:0 0 10px 0;
    padding:0;
}
.ul_blog_tag>li{
    display:flex;
}
.ul_blog_tag>li>a{
    font-size:14px;
    transition:all 0.5s;
    margin:0 10px 10px 0;
    position:relative;
}
.ul_blog_tag>li>a::before{
    content:'';
    width:100%;
    height:1px;
    background:var(--font-color);
    transform:scale(0, 1);
    transform-origin:right center;
    position:absolute;
    bottom:0;
    left:0;
    transition:transform 0.5s;
}
.ul_blog_tag>li>a:hover::before{
    transform:scale(1, 1);
    transform-origin:left center;
}
.ul-tpblog>li .box .desc time{
    display:flex;
    justify-content:flex-end;
    font-size:14px;
    color:#fff;
}
.topinfo-sec .check-btn>a{
    background:var(--rainbow01);
}
.tpinfolist-img{
    border-radius:10px;
    position: relative;
    overflow:hidden;
}
.frame-svg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    opacity:0;
    z-index:15;
}
.frame-line {
    fill: none;
    stroke: #fff;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-dasharray: 10 8;
    animation: frameMove 0.5s linear infinite;
}
@keyframes frameMove {
    from {
      stroke-dashoffset: 0;
    }
    to {
      stroke-dashoffset: -18;
    }
}
.blog_imglink:hover .frame-svg{
    opacity:1;
}
@media(min-width:768px){
    .ul-tpblog{
        gap:20px;
    }
    .ul-tpblog>li{
        width:calc((100% - 20px) / 2);
    }
    .blog_txtlink{
        min-height:60px;
    }
}
@media(min-width:992px){
    .ul-tpblog{
        gap:10px;
    }
    .ul-tpblog>li{
        width:calc((100% - 30px) / 4);
    }
    .tpinfolist-img .pict>img{
        aspect-ratio:3/4;
    }
    .blog_txtlink{
        min-height:80px;
    }
}
/*==========================================================*/
/* top store     											*/
/*==========================================================*/
.topstore-sec{
    padding:80px 0;
}
.topstore-wrap{
    width:100%;
}
.dl-topstore{
    display:flex;
    width:100%;
    flex-flow:row wrap;
    margin:0 0 40px 0;
}
.dl-topstore>dt{
    width:100%;
    margin-bottom:20px;
}
.dl-topstore>dt .pict{
    width:100%;
    border-radius:5px;
    overflow:hidden;
}
.dl-topstore>dt .pict>img{
    width:100%;
    aspect-ratio:1/1;
    object-fit:cover;
}
.dl-topstore>dd{
    width:100%;
    margin:0;
}
.dl-topstore>dd .box{
    width:100%;
}
.dl-topstore>dd .box>.map{
    width:100%;
    padding-top:100%;
    position:relative;
    border-radius:5px;
    overflow:hidden;
}
.dl-topstore>dd .box>.map iframe{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
}
address{
    margin-top:20px;
    margin-bottom:10px;
}
@media(min-width:768px){
    .dl-topstore{
        justify-content:space-between;
    }
    .dl-topstore>dt{
        width:40%;
        order:2;
    }
    .dl-topstore>dd{
        width:55%;
        order:1;
    }
    .dl-topstore>dt .pict>img{
        aspect-ratio:3/4;
    }
    .dl-topstore>dd .box>.map{
        padding-top:70%;
    }
}
/*==========================================================*/
/* before footer   											*/
/*==========================================================*/
.site-beforefooter{
    padding:80px 0;
    position:relative;
    background:url('./img/beforefooter.jpg') center center / cover;
}
.site-beforefooter::before{
    content:'';
    width:100%;
    height:100%;
    background:var(--before-ft-bk-color);
    position:absolute;
    top:0;
    left:0;
    z-index:1;
}
.site-beforefooter-wrap{
    position:relative;
    z-index:10;
}
.site-beforefooter .h2org{
    color:#fff;
}
.site-beforefooter p{
    color:#fff;
    text-align:center;
}
.beforeft-sec{
    width:100%;
}
.beforeft-sec .hd-style .pict{
    margin: 0 0 20px auto;
}
.x-btn{
    margin-top:40px;
}
.x-btn>a{
    display:flex;
    justify-content:center;
    align-items:center;
    width:280px;
    height:50px;
    border-radius:25px;
    background:#333;
    color:#fff;
    margin:0 auto;
    position:relative;
    transition:all 0.5s;
}
.x-btn>a i{
    font-size:24px;
    position:absolute;
    top:50%;
    left:40px;
    translate:0 -50%;
}
.x-btn>a:hover{
    color:#fff;
    transform:scale(1.1);
}
@media(min-width:768px){
    .beforeft-sec .hd-style .pict{
        margin:0;
        left:auto;
        right:0;
    }
}
@media(min-width:992px){
    .beforeft-sec .hd-style .pict{
        left:auto;
        right:10%;
    }
}
/*==========================================================*/
/* footer   											*/
/*==========================================================*/
.site-footer{
    padding:40px 0 100px 0;
}
.footer_widget{
    width:100%;
    margin-bottom:30px;
}
.ft-sec{
    width:100%;
}
.ft-sec-wrap{
    width:100%;
    display:flex;
    justify-content:center;
}
.ft-sec-wrap p{
    color:#fff;
}
.ft-sec a{
    width:200px;
    display:table;
    margin:0 auto;
}
.ft-menu, .ft-store{
    width:300px;
    margin:0 auto;
}
.h2ft{
    color:#fff;
    padding-bottom:10px;
    margin-bottom:20px;
    font-size:16px;
    font-weight:500;
    position:relative;
}
.h2ft::before{
    content:'';
    width:100px;
    height:2px;
    background:var(--rainbow03);
    position:absolute;
    bottom:0;
    left:0;
}
.add-wrap{
    width:100%;
}
.add-wrap address{
    color:#fff;
    margin:0;
}
.add-wrap p{
    color:#fff;
}
.add-wrap p .telnolink{
    color:var(--rainbow06);
    position:relative;
}
.add-wrap p .telnolink::before{
    content:'';
    width:100%;
    height:1px;
    transition:transform 0.5s;
    transform:scale(0,1);
    transform-origin: right center;
    background:var(--rainbow06);
    position:absolute;
    left:0;
    bottom:0;
}
.add-wrap p .telnolink:hover::before{
    transform:scale(1,1);
    transform-origin: left center;
}
.footerwidget ul.footer-menu{
    margin:0;
    padding:0;
}
.footerwidget ul>li a{
    font-size:16px;
    margin:5px 0;
    display:table;
    position:relative;
    font-weight:400;
}
.footerwidget ul>li a::before{
    content:'';
    width:100%;
    height:1px;
    border-radius:0;
    transition:transform 0.5s;
    transform:scale(0,1);
    transform-origin: right center;
    background:#fff;
    position:absolute;
    left:0;
    bottom:0;
}
.footerwidget ul>li a:hover::before{
    transform:scale(1,1);
    transform-origin: left center;
}
.footerwidget ul>li a:hover{
    opacity:0.8;
}
@media(min-width:768px){
    .footerwidget .footer_widget{
        width:50%;
    }
    .ft-sec a{
        width:100px;
        display:table;
        margin:0 0 auto;
    }
    .ft-sec-wrap{
        justify-content:flex-start;
    }
    .ft-menu, .ft-store{
        width:100%;
        margin:0;
    }
    .add-wrap p .telnolink{
        pointer-events:none;
        color:#fff;
    }
}
@media(min-width:992px){
    .footerwidget .footer_widget:first-of-type{
        width:40%;
    }
    .footerwidget .footer_widget:nth-of-type(2){
        width:25%;
    }
    .footerwidget .footer_widget:nth-of-type(3){
        width:35%;
    }
}
/*==========================================================*/
/* top store     											*/
/*==========================================================*/
.aboutus-sec{
    position:relative;
    background:var(--bk-point-gradiate);
    padding-bottom:80px;
}
.aboutus-sec::before{
    content:'';
    background:url('./img/bk-aboutus.jpg') center center / cover no-repeat;
    z-index:-1;
    width:100%;
    height:100%;
    position:fixed;
    top:0;
    left:0;
}
.aboutus-wrap{
    position:relative;
    z-index:2;
}
.hd-style h2{
    font-size:24px;
    text-align:center;
    font-weight:700;
    color:var(--main-color);
}
.hd-style p{
    display:table;
    font-size:18px;
    text-align:center;
    font-weight:700;
    position:relative;
    margin:0 auto;
}
.hd-style p:before{
    content:'';
    width:18px;
    height:18px;
    position:absolute;
    top:50%;
    left:-25px;
    background:var(--circle-gradiate);
    border-radius:50%;
    translate:0 -50%;
}
.hd-style p:after{
    content:'';
    width:10px;
    height:10px;
    position:absolute;
    top:50%;
    left:-20px;
    background:#fff;
    border-radius:50%;
    translate:0 -50%;
}
.dl-aboutus{
    width:100%;
    margin:0;
}
.dl-aboutus dt{
    width:100%;
    margin:0;
}
.dl-aboutus dd{
    width:100%;
    margin:0;
}
.dl-aboutus dd p{
    line-height:2;
    letter-spacing:0.1em;
    text-align:justify;
}
.company-sec{
    background:var(--bk-body-color);
    padding:80px 0;
}
.company-sec .hd-style h2{
    color:#000;
}
.company-sec .hd-style p{
    color:#000;
}
.company-wrap{
    width:100%;
}
.tbl-company{
    width:100%;
}
.tbl-company tr{
    display:block;
    width:100%;
    margin-bottom:20px;
}
.tbl-company th{
    padding:0.5em;
    width:100%;
    display:block;
    background:var(--th-color);
    border:solid 1px var(--th-color);
    font-weight:400;
    color:#fff;
}
.tbl-company td{
    padding:0.5em;
    width:100%;
    display:block;
    background:#fff;
    border:solid 1px var(--th-color);
}
.telnolink{
    position:relative;
    transition:all 0.5s;
    color:var(--rainbow03);
}
.telnolink::before{
    content:'';
    width:100%;
    height:1px;
    background:var(--rainbow03);
    transform:scale(0, 1);
    transform-origin:right center;
    position:absolute;
    bottom:0;
    left:0;
    transition:transform 0.5s;
}
.telnolink:hover::before{
    transform:scale(1, 1);
    transform-origin:left center;
}
.telnolink:hover{
    color:var(--rainbow03);
}
.access-sec{
    padding:80px 0;
    background:var(--bk-point-gradiate);
}
.access-wrap{
    width:100%;
}
.access-wrap .map{
    width:100%;
    position:relative;
    padding-top:100%;
}
.access-wrap .map iframe{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
}
@media(min-width:768px){
    .hd-style h2{
        font-size:32px;
    }
    .hd-style p{
        font-size:22px;
    }
    .hd-style p:before{
        width:20px;
        height:20px;
        top:50%;
        left:-30px;
    }
    .hd-style p:after{
        content:'';
        width:12px;
        height:12px;
        left:-25px;
    }
    .telnolink{
        pointer-events: none;
        color:#333;
    }
    .tbl-company tr{
        display:table-row;
        width:100%;
        margin-bottom:0;
    }
    .tbl-company th{
        padding:1em;
        width:20%;
        display:table-cell;
        border-bottom:solid 1px rgba(255,255,255,0.6);
    }
    .tbl-company tr:last-of-type th{
        border-bottom-color:var(--th-color);
    }
    .tbl-company td{
        padding:1em;
        width:80%;
        display:table-cell;
        border:solid 1px var(--th-color);
    }
    .access-wrap .map{
        padding-top:50%;
    }
}
@media(min-width:992px){
    .dl-aboutus{
        display:flex;
        width:100%;
        justify-content:space-between;
    }
    .dl-aboutus dt{
        width:50%;
        display:flex;
        align-items:center;
        width:48%;
    }
    .dl-aboutus dd{
        width:48%;
    }
    .access-wrap .map{
        padding-top:460px;
    }
}
/*==========================================================*/
/* archive        											*/
/*==========================================================*/
.ul-categorylist{
    gap:5px;
    justify-content:flex-start;
}
.ul-categorylist>li{
    width:auto;
    max-width:unset;
}
.ul-categorylist>li>a{
    border-color:var(--rainbow01);
    color:var(--rainbow01);
    padding:8px 20px 8px 30px;
    letter-spacing:0.1em;
    position:relative;
    border-radius:15px;
    background:#fff;
}
.ul-categorylist>li>a:before{
    content:'\f078';
    transition:all 0.5s;
    justify-content:center;
    align-items:center;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: "Font Awesome 7 Free";
    font-feature-settings: normal;
    font-style: normal;
    font-synthesis: none;
    font-variant: normal;
    font-weight: 900;
    line-height: 1;
    text-align: center;
    text-rendering: auto;
    position:absolute;
    top:50%;
    left:8px;
    translate:0 -50%;
}
.ul-categorylist>li>a.current{
    color:#fff;
    background:var(--rainbow01);
    border-color:var(--rainbow01);
}
.ul-categorylist>li>a.current:before{
    color:#fff;
}
.ul-categorylist>li>a:hover{
    color:#fff;
    transform:scale(1.1);
    background:var(--rainbow01);
}
.bk-archive-post-sec .ul_blog_category>li a{
    background:var(--main-color);
    color:#fff;
}
.bk-archive-post-sec .ul_blog_category>li.li-gym-battle>a{
    background:var(--rainbow03);
}
.bk-archive-post-sec .ul_blog_category>li.li-psa-service>a{
    background:var(--rainbow04);
}
.bk-archive-post-sec .ul_blog_category>li.li-member-benefits>a{
    background:var(--rainbow05);
}
.bk-archive-post-sec .blog_txtlink h3{
    color:#333;
}
.bk-archive-post-sec .ul-tpblog>li .box .desc time{
    color:#333;
}
.bk-archive-post-sec time{
    color:#999;
}
.category-wrap .ul-categorylist>li.li-news>a{
    border-color:var(--main-color);
    color:var(--main-color);
}
.category-wrap .ul-categorylist>li.li-news>a.current{
    border-color:var(--main-color);
    background:var(--main-color);
    color:#fff;
}
.category-wrap .ul-categorylist>li.li-news>a:hover{
    background:var(--main-color);
    color:#fff;
}
.category-wrap .ul-categorylist>li.li-gym-battle>a{
    border-color:var(--rainbow03);
    color:var(--rainbow03);
}
.category-wrap .ul-categorylist>li.li-gym-battle>a.current{
    border-color:var(--rainbow03);
    background:var(--rainbow03);
    color:#fff;
}
.category-wrap .ul-categorylist>li.li-gym-battle>a:hover{
    background:var(--rainbow03);
    color:#fff;
}
.category-wrap .ul-categorylist>li.li-psa-service>a{
    border-color:var(--rainbow04);
    color:var(--rainbow04);
}
.category-wrap .ul-categorylist>li.li-psa-service>a.current{
    border-color:var(--rainbow04);
    background:var(--rainbow04);
    color:#fff;
}
.category-wrap .ul-categorylist>li.li-psa-service>a:hover{
    background:var(--rainbow04);
    color:#fff;
}
.category-wrap .ul-categorylist>li.li-member-benefits>a{
    border-color:var(--rainbow05);
    color:var(--rainbow05);
}
.category-wrap .ul-categorylist>li.li-member-benefits>a.current{
    border-color:var(--rainbow05);
    background:var(--rainbow05);
    color:#fff;
}
.category-wrap .ul-categorylist>li.li-member-benefits>a:hover{
    background:var(--rainbow05);
    color:#fff;
}
/*==========================================================*/
/* single        											*/
/*==========================================================*/
.post-sec{
    padding-bottom:80px;
}
.thumbnail-wrap{
    width:100%;
    margin-bottom:40px;
}
.thumbnail-wrap .pict{
    width:100%;
    height:150px;
}
.thumbnail-wrap .pict>img{
    width:100%;
    height:100%;
    object-fit:contain;
    object-position:center center;
    border-radius:5px;
    overflow:hidden;
}
.page-ttl{
    border-bottom-color:var(--main-thin-color);
    margin-bottom:20px;
}
.page-ttl .jp{
    color:var(--rainbow07);
    line-height:1.2;
}
.single-info-btn{
    margin-top:80px;
}
.max-width-920{
    max-width:920px;
    margin-left:auto;
    margin-right:auto;
}
.max-width-920{
    max-width:920px;
    margin-left:auto;
    margin-right:auto;
}
.max-width-1280{
    max-width:920px;
    margin-left:auto;
    margin-right:auto;
}
.ul-single_cat{
    margin:0;
    padding:0;
    display:flex;
    flex-flow:row wrap;
    list-style:none;
    margin-bottom:30px;
    justify-content:flex-end;
}
.ul-single_cat>li{
    margin-bottom:5px;
    margin-bottom:5px;
}
.ul-single_cat>li a{
    font-size:14px;
    background:var(--main-color);
    color:#fff;
    transition:all 0.5s;
    padding:5px 10px 7px;
    line-height:1;
    white-space:nowrap;
    width:fit-content;
    border-radius:5px;
}
.ul-single_cat>li a:hover{
    filter:brightness(1.2);
    color:#fff;
}
.ul-single_cat li.li-gym-battle>a{
    background:var(--rainbow01);
}
.ul-single_cat li.li-psa-service>a{
    background:var(--rainbow03);
}
.ul-single_cat li.li-member-benefits>a{
    background:var(--rainbow07);
}
@media(min-width:768px){
    .thumbnail-wrap .pict{
        height:250px;
    }
    .entry-body .ul-post_cat>li{
        font-size:16px;
    }
}
@media(min-width:992px){
    .thumbnail-wrap .pict{
        height:350px;
    }
}
/*==========================================================*/
/* single        											*/
/*==========================================================*/
.fixed-side-btns{
    display:none;
}
@media(min-width:992px){
    .site-beforefooter{
        z-index:100;
    }
    .fixed-side-btns{
        display:block;
        position:fixed;
        top:50%;
        right:0;
        translate:0 -50%;
        z-index: 1900;
    }
    .pc-side-nav{
        width:fit-content;
    }
    .pc-side-menu{
        margin:0;
        padding:0;
        list-style:none;
    }
    .pc-side-menu>li{
        width:auto;
        margin-bottom:5px;
    }
    .pc-side-menu>li .menu-box>a{
        width:65px;
        height:65px;
        display:flex;
        justify-content:center;
        align-items:center;
        background:var(--pc-side-btn-color);
        color:#fff;
        line-height:1;
        text-align:center;
        font-size:11px;
        padding-right:5px;
        border-top-left-radius:5px;
        border-bottom-left-radius:5px;
        transition:all 0.3s;
        box-shadow:0 0 8px rgba(0,0,0,0.4);
    }
    .pc-side-menu>li .menu-box>a i{
        text-align:center;
        font-size:22px;
        margin-bottom:5px;
    }
    .pc-side-menu>li .menu-box>a:hover{
        filter:brightness(1.2);
        box-shadow:none;
    }
    .pc-side-menu>li:first-of-type .menu-box>a{
        background:var(--rainbow02);
    }
    .pc-side-menu>li:nth-of-type(2) .menu-box>a{
        background:var(--rainbow03);
    }
    .pc-side-menu>li:nth-of-type(3) .menu-box>a{
        background:var(--rainbow04);
    }
    .pc-side-menu>li:nth-of-type(4) .menu-box>a{
        background:var(--rainbow05);
    }
    .pc-side-menu>li:nth-of-type(5) .menu-box>a{
        background:var(--hd-left-bt-color);
    }
}