@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    2.4.6
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
body {
	font-family: -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif;
}

/* フォントのリセット */
html {
	font-size: 62.5%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
 
body {
	font-size: 1.6rem;
	line-height: 1.4;
	box-sizing: border-box;
}
 
* {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
}
 
a,
a:visited {
	color: inherit;
}

*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

/* =====================================
   1. リセット（安全版）
===================================== */
.article h1,
.article h2,
.article h3,
.article h4,
.article h5,
.article h6,
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  box-shadow: none;
  border-radius: 0;
  text-decoration: none;
  position: static;
  letter-spacing: normal;
  font-weight: normal;
}

/* フォント統一 */
.article h1,
.article h2,
.article h3,
.article h4,
.article h5,
.article h6,
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
  font-family: "Noto Sans JP", sans-serif;
  line-height: 1.5;
  color: #222;
}

/* =====================================
   2. h1（ページタイトル）
===================================== */
.article h1,
.entry-content h1 {
  margin: 0 0 36px;
  padding: 0 0 14px;
  font-size: 2.1rem;
  font-weight: 700 !important;
  border-bottom: 3px solid #222 !important;
  letter-spacing: 0.03em;
}

/* =====================================
   3. h2（大見出し）
===================================== */
.article h2,
.entry-content h2 {
  margin: 64px 0 26px;
  padding: 0 0 12px;
  font-size: 1.75rem;
  font-weight: 700 !important;
  border-bottom: 2px solid #333 !important;
  letter-spacing: 0.02em;
}

.article h2:first-child,
.entry-content h2:first-child {
  margin-top: 20px;
}

/* =====================================
   h3（中見出し）+10%
===================================== */
.article h3,
.entry-content h3 {
  margin: 44px 0 18px;
  padding-left: 14px;
  font-size: 1.54rem; /* 1.4 → 約+10% */
  font-weight: 700 !important;
  border-left: 4px solid #333 !important;
}

/* =====================================
   h4（小見出し）+10%
===================================== */
.article h4,
.entry-content h4 {
  margin: 32px 0 14px;
  padding-left: 10px;
  font-size: 1.3rem; /* 1.18 → 約+10% */
  font-weight: 700 !important;
  border-left: 2px solid #666 !important;
}

/* =====================================
   6. h5（補助見出し）
===================================== */
.article h5,
.entry-content h5 {
  margin: 28px 0 12px;
  font-size: 1.05rem;
  font-weight: 700 !important;
  color: #333;
  letter-spacing: 0.01em;
}

/* =====================================
   7. h6（注釈・補足）
===================================== */
.article h6,
.entry-content h6 {
  margin: 24px 0 10px;
  font-size: 0.95rem;
  font-weight: 700 !important;
  color: #666;
}

/* =====================================
   8. スマホ微調整
===================================== */
@media screen and (max-width: 599px) {
  .entry-content h1 { font-size: 1.8rem; }
  .entry-content h2 { font-size: 1.5rem; }
  .entry-content h3 { font-size: 1.25rem; }
}




.catch_green {
	width:100%;
	margin:0px auto 10px;
	padding:10px 1%;
	background-color:#2e8b57;
}

.catch_green p {
	width:98%;
	border-left:double 5px #FFF;
	margin:0px;
	padding:0px 10px;
	color:#fff;
	font-weight:bold;
	font-size:120%
}

.catch_orange {
	width:100%;
	margin:0px auto 10px;
	padding:10px 1%;
	background-color:#ff8c00;
}

.catch_orange p {
	width:98%;
	border-left:double 5px #FFF;
	margin:0px;
	padding:0px 10px;
	color:#fff;
	font-weight:bold;
	font-size:120%
}

.catch_crimson {
	width:100%;
	margin:0px auto 10px;
	padding:10px 1%;
	background-color:#dc143c;
}

.catch_crimson p {
	width:98%;
	border-left:double 5px #FFF;
	margin:0px;
	padding:0px 10px;
	color:#fff;
	font-weight:bold;
	font-size:120%
}

.catch_indigo {
	width:100%;
	margin:0px auto 10px;
	padding:10px 1%;
	background-color:#074770;
}

.catch_indigo p {
	width:98%;
	border-left:double 5px #FFF;
	margin:0px;
	padding:0px 10px;
	color:#fff;
	font-weight:bold;
	font-size:120%
}

.contents_list {
	width: 100%;
	padding: 0.4rem 0.4rem;
	border: 6px double #000000;
	font-size: 1.2em;
	font-weight: bold;
	color: #000000;
	text-align: center;
}

/* Cocoon 変更　*/
/*.main {
	padding:15px 29px!important;
}*/

.author-info {
	display:none!important;
}
	
#search-3 {
	position:absolute!important;
		top:0px!important;
		right:20px!important;
	width:300px;
}
	
#pc_text-2 {
	position:absolute!important;
		top:20px!important;
		right:250px!important;
	width:200px;
}

.footer-bottom.fdt-up-and-down .footer-bottom-content .navi-footer-in > ul {
  justify-content: left!important;
}

input.wpcf7c-conf {
	background: #778899 !important;
	border: solid 1px #e60033 !important;
	color: #666 !important;
}

.products {
	clear:both;
}

.entry-title {
	margin:15px 0px 30px;
	padding:0 0.5em;
}

#coupon_code {
	width:160px!important;
}

.woocommerce nav.woocommerce-pagination ul li{
	float:none!important;
}

.search-box {
	display:none;
}

.woocommerce-MyAccount-navigation-link--my-membership-products,.woocommerce-MyAccount-navigation-link--my-membership-discounts,.woocommerce-MyAccount-navigation-link--my-membership-notes,.woocommerce-MyAccount-navigation-link--my-membership-details {
	display:none!important;
}

/* Cocoon 変更　ここまで　*/


/* 共通 */
/** 本文基本 **/
.txt_area {
	width:98%;
	max-width:1000px;
	margin:0 auto;
}

.txt_base {
	width:98%;
	margin:10px auto 30px;
}

.clearfix:after {
	content: "";
	display: block;
	clear: both;
}
 
.clearfix:before {
        content: "";
	display: block;
	clear: both;
}

.clearfix {
	display: block;
}


/** 箇条書き **/


/** ボタン類 **/
.green-button {
  display: inline-block;
  padding: 12px 28px;
  background: linear-gradient(135deg, #4caf50, #2e7d32);
  color: #fff!important;
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
  border-radius: 999px;
  box-shadow: 0 4px 10px rgba(46, 125, 50, 0.25);
  transition: all 0.3s ease;
}

.green-button:hover {
  background: linear-gradient(135deg, #66bb6a, #388e3c);
  transform: translateY(-2px);
  box-shadow: 0 6px 14px rgba(46, 125, 50, 0.35);
}

.green-button:active {
  transform: translateY(0);
  box-shadow: 0 3px 8px rgba(46, 125, 50, 0.25);
}

.form_button {
	background-color:#bee9de!important;
}


/* サイドバー　*/
.sidebnr {
	margin:5px 0px;
}

/* テキストの装飾　*/
.catchcopy {
	position: relative;
	padding: 1.5rem 2rem;
	color: #fff;
	border-radius: 10px;
	background: #094;
	font-size:140%;
}

.catchcopy:after {
	position: absolute;
	bottom: -9px;
	left: 1em;
	width: 0;
	height: 0;
	content: '';
	border-width: 10px 10px 0 10px;
	border-style: solid;
	border-color: #094 transparent transparent transparent;
}

.txt_red {
	color:#FF0000;
	font-weight:bold;
}

.txt_crimson {
	color:#dc143c;
	font-weight:bold;
}

.txt_orange {
	color:#ff4500;
	font-weight:bold;
}

.txt_navy {
	color:#000080;
	font-weight:bold;
}

.txt_indigo {
	color:#4b0082;
	font-weight:bold;
}

.txt_darkgreen {
	color:#2f4f4f;
	font-weight:bold;
}

.txt_gold {
	color:e6b422;
	font-weight:bold;
}

/** レイアウト **/
.leadbox {
  margin: 2em auto; /* 外側余白 */
  padding: 1em 2em; /* 内側余白 */
  border:5px double #CCCFD6; /* 線の種類・太さ・色 */
  max-width: 800px; /* 最大幅 */
}

/* セミナーレポート　*/
.catch {
	font-size:130%;
	font-weight:bold;
	color:#483d8b;
	font-style:italic;
}





/* ボックス内の段落（余白なし） */
.leadbox p { margin: 0;}


/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1024px以上*/
@media screen and (min-width:1024px) {
/** レイアウト **/
.card {
	width:94%!important;
	margin:10px auto!important;
	border:solid 1px #000;
	padding:10px;
}

.card::after {
  content: "";
  display: block;
  clear: both;
}
 
.catch {
	font-weight:bold;
	color:#FF0000;
	padding:0 1.5em 0 0!important;
	margin:15px 0 0!important;
}

.new_topic {
	width:100%;
	margin:10px auto 0!important;
}

.new_topic dt {
	width:45%!important;
	float:left!important;
	padding:0px!important;
}

.new_topic dd {
	margin:0!important;
	width:55%!important;
	float:left!important;
	padding:0 1%;
}

.new_topic dd p {
	margin:0;
	line-height:110%;
}

.the_title {
	margin:0px;
	padding:0px 1%;
	font-size:120%;
	font-weight:bold;
}

.sub_title {
	margin:0px;
	padding:0px 1%;
	font-size:100%;
	font-weight:bold;
}

.overview {
	width:100%;
	margin:10px auto 0!important;
	background-color:#d1ebde;
	padding:5px 5px 5px 1em;
	line-height:140%!important;
	font-size:90%;
}

.about {
	width:90%;
	max-width:600px;
	margin:10px auto;
	padding:0 10px 10px;
	border:solid 1px #1c5438;
}

.about img {
	margin:0 0 10px 0;
}



/** 見出し **/

/** 注意書き **/

/* 動画関連 */
.movie {
	width:90%;
	margin:10px auto 50px;
	text-align:center;
}

.movie iframe {
	width:1200px;
	margin:0px auto!important;
/*	border:solid 1px #000; */
}

.tag {
	display:inline-block;
	margin:0px 5px 10px;
	padding:2px 1em;
	border:solid 1px #000000;
	float:left;
	font-size:90%;
}
	
.video {
	position:static;
}
	
.video-container {
	max-width:100%;
}


/* 再生画面 */

/* ページ内目次 */

/* フロントページ */
.index {
	width:100%;
	margin:0px;
}

.index li {
	width:48%;
	float:left;
	list-style-type:none;
	margin:0.5%;
}

/* 機能説明 */

/* 特集 */
.special_title {
	width:96%;
	margin:10px auto;
	padding:10px;
	background-color:#FF0000;
	text-align:center;
	font-size:150%;
	font-weight:bold;
	color:#dfaf20;
}

.image_parallel {
	width:100%;
	margin:10px 0;
}

.image_parallel li {
	width:49%;
	margin:0 0.5%;
	padding:0;
	float:left;
	list-style-type:none;
}

.profile {
	font-size:85%;
	line-height:110%;
}

/* セミナーレポート */
.seminar_report {
	width:100%;
	margin:0px;
	font-size:14px;
}


/* メールマガジン */
.mail_magazin_table {
	width:100%;
	margin:0px;
	font-size:16px;
}

.entry-content.magazine_title {
	width:100%;
	margin:10px;
	padding:5px 1em;
	border:double 3px #000;
}

.entry-content.magazine_date {
	text-akign:right;
	color: #1c542a;
}

.entry-content.magazine_area {
	line-heih\ght:125%;
	border-top:solid 1px #000;
	border-left:solid 1px #000;
	border-bottom:solid 3px #000;
	border-right:solid 3px #000;	
}

}

/*600px以上 1023px以下*/
@media screen and (min-width:600px) and ( max-width:1023px) {
/** レイアウト **/
.card {
	width:94%!important;
	margin:10px auto!important;
	border:solid 1px #000;
	padding:10px;
}

.card::after {
  content: "";
  display: block;
  clear: both;
}
 
.catch {
	font-weight:bold;
	color:#FF0000;
	padding:0 1.5em 0 0!important;
	margin:15px 0 0!important;
}

.new_topic {
	width:100%;
	margin:10px auto 0!important;
}

.new_topic dt {
	width:45%!important;
	float:left!important;
	padding:0px!important;
}

.new_topic dd {
	margin:0!important;
	width:55%!important;
	float:left!important;
	padding:0 1%;
}

.new_topic dd p {
	margin:0;
	line-height:110%;
}

.the_title {
	margin:0px;
	padding:0px 1%;
	font-size:120%;
	font-weight:bold;
}

.sub_title {
	margin:0px;
	padding:0px 1%;
	font-size:100%;
	font-weight:bold;
}

.overview {
	width:100%;
	margin:10px auto 0!important;
	background-color:#d1ebde;
	padding:5px 5px 5px 1em;
	line-height:140%!important;
	font-size:90%;
}

.about {
	width:90%;
	max-width:600px;
	margin:10px auto;
	padding:0 10px 10px;
	border:solid 1px #1c5438;
}

.about img {
	margin:0 0 10px 0;
}



/** 見出し **/

/** 注意書き **/

/* 動画関連 */
.movie {
	width:90%;
	margin:10px auto 50px;
	text-align:center;
}

.movie iframe {
	width:1200px;
	margin:0px auto!important;
/*	border:solid 1px #000; */
}

.tag {
	display:inline-block;
	margin:0px 5px 10px;
	padding:2px 1em;
	border:solid 1px #000000;
	float:left;
	font-size:90%;
}
	
.video {
	position:static;
}
	
.video-container {
	max-width:100%;
}


/* 再生画面 */

/* ページ内目次 */

/* フロントページ */
.index {
	width:100%;
	margin:0px;
}

.index li {
	width:48%;
	float:left;
	list-style-type:none;
	margin:0.5%;
}

/* 機能説明 */

/* 特集 */
.special_title {
	width:96%;
	margin:10px auto;
	padding:10px;
	background-color:#FF0000;
	text-align:center;
	font-size:150%;
	font-weight:bold;
	color:#dfaf20;
}

.image_parallel {
	width:100%;
	margin:10px 0;
}

.image_parallel li {
	width:49%;
	margin:0 0.5%;
	padding:0;
	float:left;
	list-style-type:none;
}

.profile {
	font-size:85%;
	line-height:110%;
}

/* セミナーレポート */
.seminar_report {
	width:100%;
	margin:0px;
	font-size:14px;
}


/* メールマガジン */
.mail_magazin_table {
	width:100%;
	margin:0px;
	font-size:16px;
}

.entry-content.magazine_title {
	width:100%;
	margin:10px;
	padding:5px 1em;
	border:double 3px #000;
}

.entry-content.magazine_date {
	text-akign:right;
	color: #1c542a;
}

.entry-content.magazine_area {
	line-heih\ght:125%;
	border-top:solid 1px #000;
	border-left:solid 1px #000;
	border-bottom:solid 3px #000;
	border-right:solid 3px #000;	
}

}

/*599px以下*/
@media screen and (max-width:599px) {
/** レイアウト **/
.card {
	width:94%!important;
	margin:10px auto!important;
	border:solid 1px #000;
	padding:10px;
}

.card::after {
  content: "";
  display: block;
  clear: both;
}
 
.catch {
	font-weight:bold;
	color:#FF0000;
	padding:0 1.5em 0 0!important;
	margin:15px 0 0!important;
}

.new_topic {
	width:100%;
	margin:10px auto 0!important;
}

.new_topic dt {
	width:45%!important;
	float:left!important;
	padding:0px!important;
}

.new_topic dd {
	margin:0!important;
	width:55%!important;
	float:left!important;
	padding:0 1%;
}

.new_topic dd p {
	margin:0;
	line-height:110%;
}

.the_title {
	margin:0px;
	padding:0px 1%;
	font-size:120%;
	font-weight:bold;
}

.sub_title {
	margin:0px;
	padding:0px 1%;
	font-size:100%;
	font-weight:bold;
}

.overview {
	width:100%;
	margin:10px auto 0!important;
	background-color:#d1ebde;
	padding:5px 5px 5px 1em;
	line-height:140%!important;
	font-size:90%;
}

.about {
	width:90%;
	max-width:600px;
	margin:10px auto;
	padding:0 10px 10px;
	border:solid 1px #1c5438;
}

.about img {
	margin:0 0 10px 0;
}



/** 見出し **/

/** 注意書き **/

/* 動画関連 */
.movie {
	width:90%;
	margin:10px auto 50px;
	text-align:center;
}

.movie iframe {
	width:1200px;
	margin:0px auto!important;
/*	border:solid 1px #000; */
}

.tag {
	display:inline-block;
	margin:0px 5px 10px;
	padding:2px 1em;
	border:solid 1px #000000;
	float:left;
	font-size:90%;
}
	
.video {
	position:static;
}
	
.video-container {
	max-width:100%;
}


/* 再生画面 */

/* ページ内目次 */

/* フロントページ */
.index {
	width:100%;
	margin:0px;
}

.index li {
	width:48%;
	float:left;
	list-style-type:none;
	margin:0.5%;
}

/* 機能説明 */

/* 特集 */
.special_title {
	width:96%;
	margin:10px auto;
	padding:10px;
	background-color:#FF0000;
	text-align:center;
	font-size:150%;
	font-weight:bold;
	color:#dfaf20;
}

.image_parallel {
	width:100%;
	margin:10px 0;
}

.image_parallel li {
	width:49%;
	margin:0 0.5%;
	padding:0;
	float:left;
	list-style-type:none;
}

.profile {
	font-size:85%;
	line-height:110%;
}

/* セミナーレポート */
.seminar_report {
	width:100%;
	margin:0px;
	font-size:14px;
}


/* メールマガジン */
.mail_magazin_table {
	width:100%;
	margin:0px;
	font-size:16px;
}

.entry-content.magazine_title {
	width:100%;
	margin:10px;
	padding:5px 1em;
	border:double 3px #000;
}

.entry-content.magazine_date {
	text-akign:right;
	color: #1c542a;
}

.entry-content.magazine_area {
	line-heih\ght:125%;
	border-top:solid 1px #000;
	border-left:solid 1px #000;
	border-bottom:solid 3px #000;
	border-right:solid 3px #000;	
}

}