@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/

        .qigong-lp * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        
        .qigong-lp {
            font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro', 'Yu Gothic', '游ゴシック', 'Meiryo', 'メイリオ', sans-serif;
            line-height: 1.8;
            color: #333;
        }
        
        .qigong-lp-header {
            background:  url('http://kikou.sunmatz.com/wp-content/uploads/2026/01/qigong_header_img-scaled.webp');
            background-size: cover;
            background-position: center;
            color: white;
            padding: 120px 20px;
            text-align: center;
            position: relative;
        }
        
        .qigong-lp-header h1 {
            font-size: 2.8em;
            margin-bottom: 20px;
            font-weight: bold;
            text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
        }
        
        .qigong-lp-header p {
            font-size: 1.3em;
            margin-bottom: 30px;
            text-shadow: 1px 1px 3px rgba(0,0,0,0.3);
        }
        
        .qigong-lp-btn-primary {
            display: inline-block;
            background: linear-gradient(135deg, #9db700 0%, #b8d200 100%);
            color: white;
            padding: 18px 50px;
            text-decoration: none;
            border-radius: 50px;
            font-size: 1.2em;
            font-weight: bold;
            border: 3px solid white;
            box-shadow: 0 4px 15px rgba(184, 210, 0, 0.4);
        }
        
        .qigong-lp-section {
            padding: 60px 20px;
            max-width: 1000px;
            margin: 0 auto;
        }
        
        .qigong-lp-section-alt {
            background: linear-gradient(180deg, #f5f9e8 0%, #ffffff 100%);
        }
        
        .qigong-lp-section h2 {
            color: #9db700;
            font-size: 2.2em;
            margin-bottom: 30px;
            text-align: center;
            border-bottom: 4px solid #b8d200;
            display: inline-block;
            padding-bottom: 10px;
            width: 100%;
            background: linear-gradient(90deg, transparent 0%, rgba(184, 210, 0, 0.1) 50%, transparent 100%);
        }
        
        .qigong-lp-features {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
            gap: 30px;
            margin-top: 40px;
        }
        
        .qigong-lp-feature-card {
            background: white;
            padding: 30px;
            border-radius: 12px;
            box-shadow: 0 6px 20px rgba(184, 210, 0, 0.15);
            border-left: 6px solid #b8d200;
        }
        
        .qigong-lp-feature-card h3 {
            color: #9db700;
            font-size: 1.5em;
            margin-bottom: 15px;
        }
        
        .qigong-lp-menu-list {
            margin-top: 40px;
        }
        
        .qigong-lp-menu-item {
            background: linear-gradient(135deg, #ffffff 0%, #f9fdf0 100%);
            padding: 30px;
            margin-bottom: 20px;
            border-radius: 12px;
            border: 2px solid #b8d200;
            box-shadow: 0 4px 15px rgba(184, 210, 0, 0.1);
        }
        
        .qigong-lp-menu-item h3 {
            color: #9db700;
            font-size: 1.6em;
            margin-bottom: 10px;
        }
        
        .qigong-lp-menu-item .qigong-lp-price {
            color: #b8d200;
            font-size: 1.8em;
            font-weight: bold;
            margin: 15px 0;
        }
        
        .qigong-lp-menu-item .qigong-lp-duration {
            color: #666;
            font-size: 1.1em;
        }
        
        .qigong-lp-info-box {
            background: linear-gradient(135deg, #ffffff 0%, #fcfef7 100%);
            padding: 30px;
            border-radius: 12px;
            margin-top: 30px;
            border: 2px solid #d4e57e;
            box-shadow: 0 4px 15px rgba(184, 210, 0, 0.1);
        }
        
        .qigong-lp-info-box h3 {
            color: #9db700;
            font-size: 1.5em;
            margin-bottom: 20px;
        }
        
        .qigong-lp-info-box p {
            margin-bottom: 10px;
        }
        
        .qigong-lp-cta-section {
            background: linear-gradient(135deg, #9db700 0%, #b8d200 50%, #c5db3f 100%);
            color: white;
            padding: 60px 20px;
            text-align: center;
            box-shadow: inset 0 4px 20px rgba(0,0,0,0.1);
        }
        
        .qigong-lp-cta-section h2 {
            color: white;
            border: none;
            font-size: 2.5em;
            margin-bottom: 30px;
        }
        
        .qigong-lp-contact-info {
            font-size: 1.5em;
            margin: 30px 0;
        }
        
        .qigong-lp-footer {
            background: linear-gradient(180deg, #7a9500 0%, #657d00 100%);
            color: white;
            padding: 30px 20px;
            text-align: center;
        }
        
        .qigong-lp-highlight {
            background: linear-gradient(135deg, #e8f3c4 0%, #f0f7d4 100%);
            padding: 4px 8px;
            border-radius: 4px;
            font-weight: bold;
            color: #7a9500;
        }










.spc {
  margin-right: 40px;
}

.d-ib {
  display: inline-block;
}

.d-b {
  display: block;
}

.d-n {
  display: none !important;
}

.va-b {
  vertical-align: bottom !important;
}

.m-0a {
  margin: 0 auto !important;
}

.ai-c {
  align-items: center;
}

.jc-sb {
  justify-content: space-between;
}

.ta-c {
  text-align: center;
}

.va-m {
  vertical-align: middle;
}

/* ￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥コクーン共通系￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥ */
.entry-title {
  display: none;
}

.menu-mobile {
  display: none !important;
}

.post-date {
  display: none;
}

.article H1 {
  background-color: transparent;
  padding: 0;
  margin: 0;
  font-weight: normal;
}

.article H2 {
  background-color: transparent;
  padding: 0;
  margin: 0;
  font-weight: normal;
}

.article H3 {
  padding: 0;
  margin: 0;
  border: none;
}

.article H4 {
  background-color: transparent;
  padding: 0;
  margin: 0;
  border: none;
}

.article ul {
  list-style: none;
  margin-bottom: 0;
  padding-left: 30px;
}

#main {
  padding-top: 0;
}

a {
  text-decoration: none;
}

.wp-block-spacer, p, figure, aside {
  margin-bottom: 0 !important;
}

/* ￥￥￥￥￥￥￥コクーン共通系終了￥￥￥￥￥￥￥￥￥￥￥￥￥￥￥*/
/* ￥￥￥￥￥￥￥￥￥￥￥文章・文字関係￥￥￥￥￥￥￥￥￥￥￥￥ */
.ji-40 {
  font-size: clamp(2.188rem, 2.074rem + 0.57vw, 2.5rem) !important;
}

.ji-39 {
  font-size: clamp(2.125rem, 2.011rem + 0.57vw, 2.438rem) !important;
}

.ji-38 {
  font-size: clamp(2.063rem, 1.949rem + 0.57vw, 2.375rem) !important;
}

.ji-37 {
  font-size: clamp(2rem, 1.886rem + 0.57vw, 2.313rem) !important;
}

.ji-36 {
  font-size: clamp(1.938rem, 1.824rem + 0.57vw, 2.25rem) !important;
}

.ji-35 {
  font-size: clamp(1.906rem, 1.804rem + 0.51vw, 2.188rem) !important;
}

.ji-34 {
  font-size: clamp(1.875rem, 1.784rem + 0.45vw, 2.125rem) !important;
}

.ji-33 {
  font-size: clamp(1.813rem, 1.722rem + 0.45vw, 2.063rem) !important;
}

.ji-32 {
  font-size: clamp(1.75rem, 1.659rem + 0.45vw, 2rem) !important;
}

.ji-31 {
  font-size: clamp(1.688rem, 1.597rem + 0.45vw, 1.938rem) !important;
}

.ji-30 {
  font-size: clamp(1.625rem, 1.534rem + 0.45vw, 1.875rem) !important;
}

.ji-29 {
  font-size: clamp(1.563rem, 1.472rem + 0.45vw, 1.813rem) !important;
}

.ji-28 {
  font-size: clamp(1.5rem, 1.409rem + 0.45vw, 1.75rem) !important;
}

.ji-27 {
  font-size: clamp(1.469rem, 1.389rem + 0.4vw, 1.688rem) !important;
}

.ji-26 {
  font-size: clamp(1.406rem, 1.327rem + 0.4vw, 1.625rem) !important;
}

.ji-25 {
  font-size: clamp(1.375rem, 1.307rem + 0.34vw, 1.563rem) !important;
}

.ji-24 {
  font-size: clamp(1.313rem, 1.244rem + 0.34vw, 1.5rem) !important;
}

.ji-23 {
  font-size: clamp(1.25rem, 1.182rem + 0.34vw, 1.438rem) !important;
}

.ji-22 {
  font-size: clamp(1.188rem, 1.119rem + 0.34vw, 1.375rem) !important;
}

.ji-21 {
  font-size: clamp(1.125rem, 1.057rem + 0.34vw, 1.313rem) !important;
}

.ji-20 {
  font-size: clamp(1.094rem, 1.037rem + 0.28vw, 1.25rem) !important;
}

.ji-19 {
  font-size: clamp(1.031rem, 0.979rem + 0.26vw, 1.188rem) !important;
}

.ji-18 {
  font-size: clamp(0.969rem, 0.917rem + 0.26vw, 1.125rem) !important;
}

.ji-17 {
  font-size: clamp(0.938rem, 0.896rem + 0.21vw, 1.063rem) !important;
}

.ji-16 {
  font-size: clamp(0.875rem, 0.833rem + 0.21vw, 1rem) !important;
}

/* グーグルフォント Noto Serif Japanese （明朝体）*/
.noto-mincho {
  font-family: "Noto Serif JP", serif;
}

/* 文中の字を小さく */
.komoji {
  font-size: 0.7em !important;
}

/* 文中の字を大きく */
.oomoji {
  font-size: 1.4em;
}

/* 太字 */
.futoji {
  font-weight: bolder !important;
}

/* 細字 */
.hosoji {
  font-weight: lighter !important;
}

/* 文字を斜めに */
.naname {
  font-style: italic;
}

.wakuwaku {
  border: solid 1px #000;
}

.kadomaru {
  border-radius: 10px;
}

.shadow {
  box-shadow: 3px 3px 8px lightgray;
}

/* グラデーション文字 */
.ji-gra01 {
  background: linear-gradient(to right, rgb(69, 179, 224) 25%, rgb(102, 51, 153) 75%);
  -webkit-background-clip: text;
  color: transparent;
}

.nowrap {
  white-space: nowrap;
}

/*(justify-content=$j-c align-items=$a-i flex-wrap=$f-w)*/
.flex {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
}

.btns {
  align-items: center;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: #705846;
  border-radius: 8px;
  border-width: 0;
  box-shadow: rgba(45, 35, 66, 0.4) 0 2px 4px, rgba(45, 35, 66, 0.3) 0 7px 13px -3px, #0062aa 0 -3px 0 inset;
  box-sizing: border-box;
  color: #36395A;
  cursor: pointer;
  display: flex;
  height: 40px;
  justify-content: center;
  line-height: 1;
  list-style: none;
  overflow: hidden;
  position: relative;
  text-align: left;
  text-decoration: none;
  transition: box-shadow 0.15s, transform 0.15s;
  -moz-user-select: none;
       user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  white-space: nowrap;
  will-change: box-shadow, transform;
}
.btns:focus {
  box-shadow: #1f97d3 0 0 0 1.5px inset, rgba(45, 35, 66, 0.4) 0 2px 4px, rgba(45, 35, 66, 0.3) 0 7px 13px -3px, blue 0 -3px 0 inset;
}
.btns:hover {
  box-shadow: rgba(45, 35, 66, 0.4) 0 4px 8px, rgba(45, 35, 66, 0.3) 0 7px 13px -3px, #1f97d3 0 -3px 0 inset;
  transform: translateY(-5px);
}
.btns:active {
  box-shadow: #1f97d3 0 3px 7px inset;
  transform: translateY(2px);
}
.btns a {
  display: grid;
  place-items: center;
  color: white;
  width: 100%;
  height: 100%;
  padding-left: 16px;
  padding-right: 16px;
}

/* ↓画像を親要素に合わせてフィットさせる↓ */
.fit-gazoo {
  display: block !important;
}
.fit-gazoo img {
  display: block;
  width: 100%;
  max-width: 400px;
  max-height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50% 5%;
     object-position: 50% 5%;
}
@media screen and (max-width: 781px) {
  .fit-gazoo img {
    max-width: 100%;
    max-height: 300px;
  }
}

/* ↑画像を親要素に合わせてフィットさせる↑ */
.gazoo-100 {
  width: 100%;
  height: auto;
}

.gazoo-max100 {
  max-width: 100%;
  height: auto;
}

.gazoo-fullmax {
  margin: 0 calc(50% - 50vw);
  width: 100vw;
}

.mb0 {
  margin-bottom: 0 !important;
}

/* ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑_baseset.scss↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑ */
/* グラデーション */
.grad01 {
  background: rgb(240, 246, 228);
  background: linear-gradient(120deg, rgb(240, 246, 228) 0%, rgb(239, 228, 196) 31%, rgb(252, 239, 222) 50%, rgb(213, 239, 250) 99%);
  margin: 0;
  color: #777;
}

.grad02 {
  background: rgb(228, 255, 172);
  background: linear-gradient(120deg, rgb(228, 255, 172) 0%, rgb(239, 228, 196) 30%, rgb(252, 239, 222) 50%, rgb(213, 239, 250) 99%);
  margin: 0;
  color: #777;
}

.grad03 {
  background: #B2FEFA; /* fallback for old browsers */ /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #0ED2F7, #B2FEFA); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.grad04 {
  background: rgb(125, 201, 252);
  background: linear-gradient(120deg, rgb(125, 201, 252) 0%, rgb(54, 160, 194) 51%, rgb(227, 245, 250) 88%);
}

.grad05 {
  background: #649173;
  background: linear-gradient(to left, #DBD5A4, #649173);
  color: #fff;
}

/* 塗りつぶしワード */
.nuri-word {
  text-align: center;
  background: #0071bc;
  color: white;
  border-radius: 5px;
  padding: 0.4em 0.5em;
  margin-left: 1.3em;
  width: 12em;
}

/* 塗りつぶしワード（グラデーション） */
.nuri-word02 {
  text-align: center;
  background: #0071bc;
  color: white;
  border-radius: 5px;
  padding: 0.4em 0.5em;
  margin-left: 1.3em;
  width: 12em;
  background: rgb(10, 186, 181);
  background: linear-gradient(120deg, rgb(10, 186, 181) 0%, rgb(54, 116, 194) 72%, rgb(197, 196, 239) 88%);
}

/* 下線 */
.kasen {
  border-bottom: 1px solid orange !important;
}

/* 下線01 （グラデーション・サファリ対応）*/
.kasen01 {
  -o-border-image: linear-gradient(to right, rgb(37, 133, 226) 21%, rgb(85, 224, 201) 71%, rgb(207, 183, 230) 99%) 1/0 0 5px 0 !important;
     border-image: linear-gradient(to right, rgb(37, 133, 226) 21%, rgb(85, 224, 201) 71%, rgb(207, 183, 230) 99%) 1/0 0 5px 0 !important;
}

/* 黄緑の下線 */
.kasen02 {
  border-bottom: solid 2px #c4c422 !important;
}

/* 下線03 （グラデーション・サファリ対応）*/
.kasen03 {
  -o-border-image: linear-gradient(120deg, rgb(125, 201, 252) 0%, rgb(54, 160, 194) 51%, rgb(227, 245, 250) 88%) 1/0 0 6px 0 !important;
     border-image: linear-gradient(120deg, rgb(125, 201, 252) 0%, rgb(54, 160, 194) 51%, rgb(227, 245, 250) 88%) 1/0 0 6px 0 !important;
}

/* 下線04 （グラデーション・サファリ対応）*/
.kasen04 {
  -o-border-image: linear-gradient(to right, rgb(247, 208, 227) 61%, rgb(85, 224, 201) 91%, rgb(207, 183, 230) 99%) 1/0 0 5px 0 !important;
     border-image: linear-gradient(to right, rgb(247, 208, 227) 61%, rgb(85, 224, 201) 91%, rgb(207, 183, 230) 99%) 1/0 0 5px 0 !important;
}

/* 濃茶の下線 */
.kasen05 {
  border-bottom: solid 1px #4b452d !important;
}

/* 黄緑の下線 ２重 */
.kasen-double {
  border-bottom: double 6px #c4c422 !important;
}

/* マーカーっぽい下線（spanに対してやる。pだと文章が折り返されても一番下にしかラインが出ない） */
.m-kasen {
  background: linear-gradient(rgba(255, 255, 255, 0) 80%, #ffd8ab 90%);
}

.tensen {
  border-bottom: dotted 3px blue;
}



























/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}