@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
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/

/* モバイルヘッダーボタン */
body{overflow-x: hidden;}
.mobile-header-menu-buttons {display: flex;bottom: auto;top: 0;}
.header-container-in.hlt-top-menu,#navi-in{display:none;}
.mobile-header-menu-buttons {box-shadow:none;background-color:#000;color:#fff;padding-top:10px;}
.mobile-menu-buttons .menu-button {width: 100%;}
.menu-content, .search-edit, input[type="text"] {background-color:#000;color:#fff;}
/*ハンバーガーメニューの文字を消す*/
span.navi-menu-caption.menu-caption {display: none;}
span.navi-menu-icon {font-size: 1.6em;}
span.search-menu-icon.menu-icon {font-size: 1.2em;padding-top: 8px;}
.logo-menu-button {font-size: 1.4em;letter-spacing:8px;}
.logo-menu-button.menu-button > a{font-weight:500;color:#fff;font-size:12pt;/* display:none; */}
.logo-menu-button {letter-spacing: 0;}
/*検索の文字を消す*/
span.search-menu-caption.menu-caption {display: none;}
span.search-menu-icon {font-size: 1.2em;color: #aaa;}
.menu-drawer a {color: #fff;}
/* 背景 */
.header-container, .main, .sidebar, .footer {background-color: transparent;}
/* タイトル非表示 */
.site-name-text{display:none;}
/* パンくず */
.breadcrumb div, .breadcrumb a {color:#555;}
/*フロント固定ページのタイトルを非表示*/
.home.page .entry-title{display: none;}
/*フロント固定ページの投稿日を非表示*/
/*フロント固定ページの更新日を非表示*/
.page-id-2 .article-header .date-tags {display: none;}
/* トップ固定ページの余白調整px用 */
.page-id-2 .content {margin-top: 0px;}
.page-id-2 .main {padding: 0px 29px 36px 29px;}
.page-id-2 .entry-content {margin-top: 0;}
.page-id-2 .main{border: none;}
/* px */
.px01 {margin-right: calc(50% - 50vw);margin-left: calc(50% - 50vw);background-attachment:fixed;border:none;}
.px01 img {display: block;width: 100%;height: auto;}
/* 固定ページの日付を消す */
.page .date-tags {display: none;}
/* メニュー */
.fixed-header, .navi {background-color:#111;}
.navi-in a {color:#fff;}
.box-menu-icon {color: #555;}
.box-menu{border:1px solid #bbb;box-shadow: inset 1px 1px 0 0 #eee, 1px 1px 0 0 #eee, 1px 0 0 0 #eee;border-radius:10px;background-color:transparent;margin-left: 1%;width: 24%;color: #555;}
.box-menus{margin-bottom: 0.1em;}
.box-menu:hover {box-shadow: inset 1px 1px 0 0 #aaa, 1px 1px 0 0 #aaa, 2px 0 0 0 #aaa, 0 2px 0 0 #888;background: #fafafa;opacity:0.5;}
.box-menu-description {opacity: 1;}
.nwa .box-menu {width: 48%;margin-bottom: 1%;}
/* h2デフォルトクリア */
.article h2 a {text-decoration:none;color: #383838;}
.article h2 a:hover {text-decoration:underline;color: #ff0000;}
.article h2 a:after {font-family:"Font Awesome 5 Free";content:"  \f0c1";}
.article h2 {border:none;background:transparent;width:100%;}
.article h2 a:after {display:none;}
.article h2 {margin: 1.4em 0 1em;}
/* h2 */
.article h2 {position: relative;padding: .3em 0 .2em 1em;border-bottom: 3px double #555;color: #0b1922;}
.article h2::before {position: absolute;top: 0;left: .3em;transform: rotate(55deg);height: 11px;width: 12px;background: #333;content: '';}
.article h2::after {position: absolute;transform: rotate(15deg);top: .6em;left: 0;height: 8px;width: 8px;background: #888;content: '';}
/* h2 最初の文字大きく */
.article h2:first-letter {margin-right: .07em;font-size: 1.3em;}
/* h3 */
.article h3 {border:none;border-left: 7px solid #555;border-bottom: 1px solid #555;font-size: 22px;padding: 12px 20px;}
/* h3 sideber */
.sidebar h3 {background-color: transparent;padding: 0px;margin: 0px 0;border-radius: 0px;font-size: 1em;font-weight:normal;border-bottom: solid 3px #888;position: relative;}
.sidebar h3:after {position: absolute;content: " ";display: block;border-bottom: solid 3px #222;bottom: -3px;width: 20%;}
.sidebar h3:before {font-family: "Font Awesome 5 Free";content: "\f7b6  ";font-weight: 900;}
/* 注意書き・補足 */
.hosoku0{margin-left:10px;padding-left:10px;margin:8px 1px;font-size:0.80em;border-left:#81b1a7 3px double;line-height:1.4em;}
.article ul.course_list{list-style:none;margin:0;padding:0;}
.hosoku1{margin-left:10px;padding-left:10px;margin-bottom:15px;font-size:0.85em;border-left:#81b1a7 2px solid;line-height:1.4em;}
.hosoku2{font-size:0.85em;color:#00f;border-bottom:#81b1a7 1px dashed;line-height:1.4em;}
.hosoku3{color:#00f;border-bottom:#81b1a7 1px dashed;line-height:1.6em;}
.hosoku4{margin-left:10px;padding-left:10px;margin-bottom:15px;font-size:0.85em;border-left:#81b1a7 2px solid;line-height: 1.2em;display: block;}
.hosoku5{margin-left:10px;padding-left:10px;margin-bottom:15px;font-size:0.85em;border-left:#81b1a7 2px solid;line-height: 1.35em;display: block;}
/* ブログカード */
.blogcard-wrap {background-color:transparent;}
.blogcard{border-color:#999;}
/* 記事一覧 */
.entry-card-title {margin:0 auto;}
.entry-card-snippet {display:none;}
.no-thumbnail .e-card-meta .e-card-categorys {display: none;}
.related-entry-card-content, .entry-card-content {padding-bottom: 0;}
.e-card-info {display: none;}
/*
.a-wrap {margin-bottom:0.1em;padding:10px 5px 2px 5px;}
.ecb-entry-border .entry-card-wrap{border:0;border-bottom:1px #555 dotted;}
.entry-card-title:before{font-family: "Font Awesome 5 Free";content: "\f15c  ";font-weight: 500;padding-right:5px;}
.entry-card-title{color:#040b73;}
.archive-title:before {font-family: "Font Awesome 5 Free";content: "\f06c ";font-weight: 900;padding-right:5px;}
.archive-title{color:#8b0505;}
*/
/**/
.card-title:before {font-family: "Font Awesome 5 Free";content: "\f15c  ";font-weight: 900;padding-right:5px;}
/**/
.pager-post-navi a .iconfont {color:#888;}
/* サイドバー */
.sidebar h2, .sidebar h3 {font-size: 1.0em;background-color: transparent;padding: 3px;margin: 8px 0;border-radius: 0px;}
.sidebar h2:before, .sidebar h3:before {font-family: "Font Awesome 5 Free";content: "\f06c ";font-weight: 900;padding-right:5px;}
/*  */
.widget_categories ul li a{padding:2px 0px;}
.widget_categories ul li a:before{font-family: "Font Awesome 5 Free";content: "\f07c  ";font-weight: 900;padding-right:5px;padding-left:5px;}
/*  */
/* MyPage */
#post-20 > div > div > strong > ul{margin:0 auto;margin-left:20px;padding:0;}
/* Login */
/* Sign-Up */
fieldset label{font-size:1.1em;}
fieldset label:before{font-family: "Font Awesome 5 Free";content: "\f06c ";font-weight: 900;padding-right:7px;}
#school\[漢方薬膳講座マスター\]:before, #school\[薬膳茶デザイナーマスター\]:before, #school\[薬膳茶スタートアップ\]:before {content:"";}
/*  */
label[for="shop"]:after{content: '未定の方は「未定」、起業・開業しない方は「なし」';color: red;font-weight: 800;font-size: 0.8em;background-color: #ff9;}
.captcha:before{content:'★不定期にご登録のメールアドレスへご連絡事項や薬膳茶に関する情報のメールマガジンを配信させていただきます。';color:blue;font-weight:800;font-size:0.8em;background-color: #ff9;}
.g-recaptcha{margin-top:20px;}
/* リスト */
.article ul.register_links,.article .bb-memo ul {list-style-type: none;padding-left:10px;}
.article .register_links li,.article .bb-memo li {position: relative;padding-left: 1.5em;margin: 7px 0 7px 0px;padding-left:43px;font-weight: bold;font-size:16px;line-height: 40px;border: 2px solid #731818;color: #731818;}
.article .register_links li::before,.article .bb-memo li::before {font-family: "Font Awesome 5 Free";content: '\f7b6';font-weight: 900;position: absolute;top: -4px;left: 0px;width: 40px;height: 40px;text-align: center;color: #fff;line-height:40px;background: #731818;top: 50%;-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-o-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.article .register_links li a, .article .bb-memo li a {text-decoration:none;padding-left:10px;color:#731818;}
/* 会員情報一覧用ボタン */
.background_btn01 {display: inline-block;width: 100%;max-width: 300px;position: relative;background: #1a5775;border: 2px solid #1a5775;letter-spacing:0.2em;padding: 0.5em 1em;font-weight: bold;color: #fff;text-decoration: none;text-align: center;transition-duration: 0.3s;border-radius:8px;}

.background_btn01:before {content: '';width: 8px;height: 8px;border: 0;border-top: 2px solid #fff;border-right: 2px solid #fff;transform: rotate(225deg);position: absolute;top: 50%;left: 25px;margin-top: -6px;}

/* マウスオーバーした際のデザイン */
.background_btn01:hover {background: #fff;color: #1a5775;}
.background_btn01:hover:before {border-top: 1px solid #1a5775;border-right: 1px solid #1a5775;}
/*  */
/*  */
/* マイページbox1 */
.membox1 {
  margin: 20px auto;
}
.membox1-ttl {
background-color: #af1d4c;
color: #fff;
padding: 0.2em 20px;
width: fit-content;
border-radius: 10px 10px 0 0;
margin: 0;
font-size: 1em;
font-weight: bold;
}
.membox1-txt {
padding: 10px 20px;
border: 2px solid #af1d4c;
}
/* マイページbox2 */
.membox2 {
  margin: 20px auto;
}
.membox2-ttl {
background-color: #135075;
color: #fff;
padding: 0.2em 20px;
width: fit-content;
border-radius: 10px 10px 0 0;
margin: 0;
font-size: 1em;
font-weight: bold;
}
.membox2-txt {
padding: 10px 20px;
border: 2px solid #135075;
}
/* マイページカスタマイズ */
.memlist2 ul {padding: 0;}
.memlist2 ul li {
color: #404040;
border-left: solid 6px #af1d4c;/*左側の線*/
border-bottom: solid 2px #dadada;/*下に灰色線*/
background: whitesmoke;
margin-bottom: 5px;/*下のバーとの余白*/
line-height: 1.5;
padding: 0.5em;
list-style-type: none!important;/*ポチ消す*/
font-weight: bold;
}
/* */
.memlist1 ul{
list-style: none;
padding: 0;
}
.memlist1 ul li {
font-weight:500;
background: whitesmoke;
border-bottom: 2px solid #ededed;
border-left: 12px solid #4c6a85;
margin-bottom: 5px;
padding: .5em;
}
.memlist1 li:nth-child(even) {
background: whitesmoke;
border-left: 12px solid #4f7b60;
}
/*  */
/*  */
/*  */
/*  */
/*  */
.new-entry-card-date {display: block;}
.new-entry-card-date .post-update{font-weight:800;color:red;}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

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

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