/*
Theme Name: wish-home-20260223
Theme URI: https://
Author: the CyberBridge team
Author URI: https://cyber-bridge.jp
Description: IT system development,Web application development, Design, construction, operation and maintenance of IT infrastructure internet marketing
Tags: blogs, one-column, custom-background, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support
Version: 1.0
Requires at least: 5.0
Tested up to: 5.4
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: CyberBridge
*/


html {
  letter-spacing: 1px;
}
:root {
   --wh-main: rgba(76, 141, 76, 0.939);
  --wh-grey: #d8d8d8;
  --wh-txt: rgba(0, 0, 0, 0.7);
  --wh-white: #FFFFFF;
  
  --green: #049c3e;
  --light-green: #ebf9efc2;
  --text:#222;
}
.cat-item-none{
  display: none;
}

body.modal-open {
  overflow: hidden;
}

.carousel-indicators [data-bs-target] {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  width: 12px !important;
  height: 12px !important;
  border-radius: 100%;
  padding: 0;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: gray !important;
  background-clip: padding-box;
  border: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  -webkit-transition: opacity 0.6s ease;
  transition: opacity 0.6s ease;
}

.scroll-animate,
.scroll-full-animate {
  opacity: 0;
}
.cat-item > a,
.un {
  display: inline-block;
  padding-bottom:2px;
  background-image: linear-gradient(#4e4e4e, #767676);
  background-position: 0 100%; /*OR bottom left*/
  background-size: 0% 1px;
  background-repeat: no-repeat;
  transition:
    background-size 0.3s,
    background-position 0s 0.3s; /*change after the size immediately*/
}
.un:hover {
  background-position: 100% 100%; /*OR bottom right*/
  background-size: 100% 1px;
}
.cat-item{
  border-bottom: 1px solid #E2E2E2;
  padding:5px 3px;
}
.cat-item > a {
  font-size: 1.1875rem;
  color: #767676;
  width: 100%;
  transition: all 0.3s ease;
}

/* .cat-item > a:hover {
  font-size: 1.1875rem;
  color: #3a3a3a;
  width: 100%;
  font-weight: bold;
  transition-delay: 0.3s;
} */


@media screen and (max-width: 1024px) {
  .c-t-mb{
    display: none;
  }
  .mb-display{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
  }
  .mb-display .cat-item{
    border-bottom: 0px solid #E2E2E2;
    background-color: #F0F0F0;
    padding: 6px 20px;
    border-radius: 10px;
    color: #3a3a3a;
    font-size: 16px;
  }
}


.n2-ss-slider-wrapper-inside > div{
	min-height: 530px!important;
	height: 530px !important;
}
@media screen and (max-width:768px) {
	.n2-ss-slider-wrapper-inside > div{
		min-height: 400px!important;
		height:400px;
	}
}
@media screen and (max-width:600px) {
	.n2-ss-slider-wrapper-inside > div{
		min-height: 300px!important;
		height:300px;
	}
}
@media screen and (max-width:400px) {
	.n2-ss-slider-wrapper-inside > div{
		min-height: 260px!important;
		height:260px;
	}
}



.toc_list li::before{
  content: ''!important;
}
#toc_container{
  border: 1px solid var(--wh-grey);
  padding: 18px 0px;
}
.toc_title{
  text-align: center;
  font-weight: bold;
  font-size: 18px;
}
#toc_container a {
  color: #000000 !important;
  text-decoration: none;
}
#toc_container a:hover {
  color: var(--wh-main) !important;
}