/*
  Skin Name: ウェルネスプログラム用テンプレート
  Description: 
  Skin URI:
  Author: イーザー
  Author URI: 
  Screenshot URI: https://im-cocoon.net/wp-content/uploads/skin-template.png
  Version: 1.0.0
  Priority: 9999000000
*/
/*以下にスタイルシートを記入してください*/

.header-container:not(.fixed-header){
  width: 100%!important;
  z-index: 100;
  position: absolute!important;
}
.header-container:not(.fixed-header),
.navi:not(.fixed-header){background-color: transparent;}

.header-container:not(.fixed-header) .site-name-text-link,
.header-container:not(.fixed-header) .navi-in a{color: var(--cocoon-white-color);}
.navi-in > ul li{width: auto!important;margin: 0 1em;}
.navi-in a{padding: 0 1em;}
.navi-in a:hover{background-color: transparent;}
.navi-in a::after {
position: absolute;
left: 0;
content: '';
width: 100%;
height: 3px;
background: #fca103;
bottom: 0;
transform: scale(0, 1);
transform-origin: center top; /*変形（アンダーラインの伸長）の原点がaタグ（各メニュー）の右端*/
transition: transform 0.3s;   /*変形の時間*/
}
.navi-in li.current-menu-item a::after,
.navi-in a:hover::after {transform: scale(1, 1); /*ホバー後、x軸方向に1（相対値）伸長*/}

.header-login a.btn-m{
  padding-left:28px;
  padding-right:28px;
  width: 240px;
  background-color: #fca103;
  color:var(--_darker-color-gray);
}
.header-login a.btn-m:hover{opacity: 1;background-color: #fc7D13;}

/* インナーを囲む */
.header-container-in.hlt-top-menu.wrap{width:100%;}

.swiper-container{position: relative;overflow-x: hidden;}
.swiper-wrapper{margin: 0;}
.swiper-slide .post__thumb--img {margin: 0 0 15px;position: relative;}
.swiper-slide .post__thumb--img::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background:linear-gradient(rgba(0,0,0,0.5) 0,rgba(0,0,0,0) 20%);
}
.swiper-slide .post__thumb--img a {
  padding-top: 50%;
  width: 100%;
  display: block;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.swiper-slide .text-block{
  position: absolute;
  top: 50%;
  bottom: 0;
  left: 10%;
  transform: translateY(-50%);
  width: 30%;
  padding:1em;
  background-color: rgba(255, 255, 255, 0.6);
  box-shadow: 0px 1px 10px 0px RGBA(0,0,0,0.22);
  height: fit-content;
}
.swiper-slide .text-block h3{
    background-image: repeating-linear-gradient(45deg, #2FA770 0 2px, transparent 2px 4px);
    background-repeat: no-repeat;
    background-size: 4rem 0.4rem;
    background-position: left bottom;
    padding-bottom: 1em;
    margin-bottom: 0.8em;
}
.swiper-slide .text-block .list-more-button{
  background-color: #2FA770;
  color: var(--cocoon-white-color);
  transition-duration: .4s;
}
  
.swiper-slide .text-block .list-more-button:hover { transform: scale(1.1);}
.swiper-pagination {
  left: 50%!important;
  transform: translateX(-50%);
  width: fit-content!important;
  background: var(--cocoon-white-color);
  box-shadow: 0px 0px 10px 0px RGBA(0,0,0,0.16);
  padding: 0.1em 0.5em;
  border-radius: 18px;
  bottom: 2em !important;
}
.swiper-pagination-bullet {
  background-color: #2FA770;
  opacity: 0.5;
  width: 12px;
  height: 12px;
}
.swiper-pagination-bullet-active {opacity: 1;}
.swiper-button-next, .swiper-button-prev{color: #2FA770;}

/* 新着記事カラム表示 */
.new-entry-cards {
  display: flex;
  flex-wrap: wrap;
}
.new-entry-card-link {width: 33%;}

.new-entry-cards.card-large-image dl.schedule,
.new-entry-cards.card-large-image dl.location{display: flex;margin-top: 0.7em;margin-bottom: 0.7em;}
.new-entry-cards.card-large-image dl.schedule dt,
.new-entry-cards.card-large-image dl.location dt{width: 25%;}
.new-entry-cards.card-large-image dl.schedule dd,
.new-entry-cards.card-large-image dl.location dd{margin-left: 0;}

ul.wp-block-categories-list li a[href*="lifestyle"]::before{
font-family: "Font Awesome 5 Free";
content: "\e065";
display: contents;
font-weight: 900;
}
ul.wp-block-categories-list li a[href*="art-event"]::before {
display: contents;
content: "\f3ff";
font-family: "Font Awesome 5 Free";
font-weight: 900;
}
ul.wp-block-categories-list li a[href*="gourmet"]::before {
display: contents;
content: "\f2e7";
font-family: "Font Awesome 5 Free";
font-weight: 900;
}
ul.wp-block-categories-list li a[href*="sports"]::before {
display: contents;
content: "\f70c";
font-family: "Font Awesome 5 Free";
font-weight: 900;
}
ul.wp-block-categories-list li a[href*="health-wellness"]::before {
display: contents;
content: "\f5bb";
font-family: "Font Awesome 5 Free";
font-weight: 900;
}
ul.wp-block-categories-list li a[href*="sightseeing-leisure_home"]::before {
  display: contents;
content: "\f6bb";
font-family: "Font Awesome 5 Free";
font-weight: 900;
}
.footer-bottom.fdt-left-and-right .footer-bottom-content{
flex-direction:row-reverse;
}