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

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

/*非表示*/

div.author-info {display: none;}
div.tagline {display: none;}
h1.entry-title {display: none;}
div.date-tags {display: none;}




/************************************
** ■見出しカスタマイズ（h1-6）
************************************/
.article h1,
.article h2,
.article h3,
.article h4,
.article h5,
.article h6 { /*見出し初期化*/
  padding: 0;
  margin: 0;
  font-size: medium;
  border-collapse: separate;
  border-spacing: 0;
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
  line-height: normal;
  position:relative;
}

.article h2 {margin: 0 auto 5px auto;
   padding: 0;
   background: none;
}

/*２０２２サイトリニューアル用デザイン*/
main#main.main {padding: 0;}

.content {
margin-top: 0; 
}

div.bg-g1-index {
padding: 40px 20px 20px 20px;
}


div.bg-g4-index {
	padding: 30px 20px 20px 20px;
	margin-bottom: 0px;
}

div.bg-y2-index {
	/*padding: 30px 20px 20px 20px;*/
	margin: 0 auto;
}

div.bg-y2-index-round {
	width: 70%;
	margin: 20px auto;
	padding: 30px 20px 20px 30px;
	margin-bottom: 0px;
	border-radius: 1em;
}

div.bg-w2-index {
padding: 30px 20px 20px 20px;
	margin-bottom: 0px;
}

div.bg-y2-index {padding-top: 20px;}

div.bg-g4-research {margin-top: 0;}

div.bg-w2-index.60 {
	width: 60%;
}

div.research {
	padding: 10px;
   margin: 0;
}

p.minititle {
font-size: 0.7em;
margin: 0 auto;
}

p.manabisupport {font-size: 0.9em;
margin: 0 auto;}

p.minimoji {
font-size: 0.8em;
}

p.60 {
width: 60%;
margin: 10px auto;
padding: 10px;
}

p.pd20 {padding: 20px;}

p.pd10 {padding: 10px;}

p.place {margin-bottom: 5px;}


div.t1 {
padding-top: 30px;
height: 100px;
}

div.t1-2gyou {height: 140px;
padding-top: 30px;}

h2.2022-t1 {margin-bottom: 0;}

h2.2022-t1-white {
	margin-top: 10px;
   padding: 10px;}


h2.2022-t3 {
	text-align: center;
   margin: 15px auto;
}

h3.2022-t7 {
	text-align: center;
}

span.white {font-weight: lighter;}

/*ボタンデザイン*/
a.btn.btn-yellow.btn-m {background-color: #f1c85a;}
a.btn.btn-red.btn-m {background-color: #e95757;}
a.btn.btn-blue.btn-m {background-color: #48b4ad;}
a.btn.btn-orange.btn-m {background-color: #F08A1A;}
a.btn.btn-green.btn-m {background-color: #005B5D;}

div.oya-hyouzyun {
	margin: 40px auto 40px auto;
  }

div.oya-hyouzyun-pd30 {
	margin: 30px auto 30px auto;
  padding: 40px; 20px 0 20px;}

div.oya-hyouzyun-pd20 {
	margin: 20px auto 20px auto;
  padding: 40px; 20px 0 20px;}

div.oya-hyouzyun-pd10 {
	margin: 10px auto;
  padding: 10px;
}
div.ko-hyouzyun {
	display: flex;
   flex-direction: row;
   justify-content: center;
margin: 10px 0 40px 0;

}

div.ko-hyouzyun.right {
	display: flex;
   flex-direction: row;
	clear: both;
margin: 20px 0 40px 0;}

div.ko-hyouzyun.center {
	display: flex;
   flex-direction: row;
   justify-content: center;
margin: 10px 0 40px 0;
align-items: center;}

div.ko-hyouzyun.profile {
	display: flex;
	flex-direction: row;
   justify-content: center;
	flex-wrap: wrap;
	padding: 10px;
  align-items: center;
}

div.ko-hyouzyun.research {
	display: flex;
	align-items: center;
	 justify-content: center;
		margin: 10px auto;
   }

div.text-70 {flex-basis: 70%;
padding: 20px;
}
div.text-60 {flex-basis: 60%;}
div.text-50 {flex-basis: 50%;
padding: 20px;
	text-align: center;
}
div.text-40 {flex-basis: 40%;
padding: 20px;
	text-align: center;
}
div.text-30 {flex-basis: 30%;
padding: 10px;
}

div.text-30-tate {flex-basis: 30%;
padding: 10px;
}

div.text-20 {flex-basis: 20%;
padding: 5px;
text-align: center;
}

div.btn {flex-basis: 30%;
	       background-color: transparent;
	border-color: transparent;
           align-self: flex-end;}


div.iframe {
margin: 10px auto;
text-align: center;
padding: 20px 250px;
}

img.size-full.wp-image-2250.aligncenter {margin-top: 15px;}

div#breadcrumb.breadcrumb.breadcrumb-page.pbp-main-bottom {display:none;}

div.pc-hihyouzi {display: none;}

img.wp-image {
	display: block;
}

/*３つの要素を横並びにする-20230423追記*/
div.container-2023 {
  display: flex;
	justify-content: space-around;
	 align-items: flex-start;
	text-align: center;
}

div.item-2023 { flex-basis: 30%;
margin: 0 auto;
}

/*メニュー*/
.header-container-in.hlt-top-menu .logo-header img {
  max-height: 100%;
  height: auto;
  max-width: 210px;
  vertical-align: middle;
  margin: 20px 0;
}
#header-container {
  box-shadow: 0 0 10px rgba(30, 30, 30, .1);
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  z-index: 10;
}
.site-name-text-link {
  color: #fff;
}
.navi {
  background: none;
}
.navi-in > ul .sub-menu {
  background: #fff;
  box-shadow: 0 0 10px rgba(30, 30, 30, .1);
}
.navi-in > ul li {
  width: auto;
}
.navi-in a {
  font-size: 13px; /* ナビ文字大きさ */
  font-weight: bold;
  position: relative;
  color: #fff; /* ナビ文字色 */
  padding: 0 20px;
  display: block;
  text-decoration: none;
}
.navi-in a:hover {
  background: none;
}
.navi-in a:before {
  position: absolute;
  left: 0;
  bottom: 6px;
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  background: #f1c85a; /* マウスON時の下線色 */
  transform: scale(0, 1);
  transition: 0.4s;
}
.navi-in a:hover:before {
  transform: scale(1);
}
.navi-in > ul .sub-menu a {
  color: #fff; /* サブメニュー文字色 */
  font-size: 12px; /* サブメニュー文字の大きさ */
}
.navi-in > ul .sub-menu a:before {
  background: #f1c85a; /* サブメニューマウスON時の下線色 */
}
.header-container-in.hlt-top-menu .logo-header {
  max-height: 100%;
}
.header-small {
  opacity: 0.9;
}
.header-small .header-container-in.hlt-top-menu .logo-header img {
  max-width: 130px;
  margin: 10px 0;
}
#container {
  padding-top: 90px;
}
[id^="toc"]:target {
  padding-top: 85px;
  margin-top: -85px;
}

 /* ロゴの大きさ・幅に関するもの */
.header-container-in.hlt-top-menu .logo-header img {
  max-height: 100%;
  height: auto;
  max-width: 210px;
  vertical-align: middle;
  margin: 10px 100px;
}

div.textwidget.custom-html-widget {font-size: 10px;}

ul#menu-mainmenu.menu-top.menu-header.menu-pc {padding: 0 100px 0 20px;}

/*申し込みフォーム*/
p.omousikomi {width: 70%;
margin: 35px auto;}

div.omousikomi {width: 70%;
margin: 35px auto;}

span.hissu{background-color: #e95757;
	padding: 3px 10px 3px 10px;
	border-radius: 7px;
	font-size: 10px;
	color: #ffffff;}

span.nini{background-color: #f1c85a;
	padding: 3px 10px 3px 10px;
	border-radius: 7px;
	font-size: 10px;
	color: #ffffff;}

span.minititle {font-size: 0.8em;}

span.ookiimoji {font-size: 1.2em;
margin-bottom: 5px;}

p.minititle.mousikomi {
	margin: 0px auto 20px auto;
	width: 100%;
}

p.ookiimoji {margin-bottom: 5px;
background-color: rgba(255,255,255,0.5);
padding: 20px; 
width: 100%;
margin: 0 auto;
}

input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {width: 100%;
border: 0px solid transparent;
}

select.wpcf7-form-control.wpcf7-select {width: 100%;
border: 0px solid transparent;
}

span.wpcf7-form-control.wpcf7-checkbox.wpcf7-validates-as-required {width: 100%;
border: 0px solid transparent;
}

textarea.wpcf7-form-control.wpcf7-textarea {
	width: 100%;
border: 0px solid transparent;
	height: 30px;
}

span.wpcf7-form-control.wpcf7-acceptance {
padding: 20px 30px 20px 13px;
background-color: rgba(255,255,255,0.5);
border-radius: 0.5em;
margin-top: 20px;
} 

input.wpcf7-form-control.has-spinner.wpcf7-submit {
	padding: 15px;
	background-color: #f1c85a;
	border: 0px solid transparent;
	border-radius: 0.8em;
	color: #fff;
		margin-top: 10px;
	   width: 100%;
}

.privacy-policy {
  width: 100%;
  margin: 30px auto;
  height: 300px;
  overflow: scroll;
  padding: 25px;
  background-color: #fff;
  line-height: 1.5;
  &__item {
    p {
      margin-bottom: 25px;
    }
  }
}

/*２０２２春イベント記事デザイン*/
p.center {
vertical-align: center;}

h1#archive-title.archive-title {display: none;}

span.kanarazugoran {margin-left: 80px;}

/*カテゴリー記事一覧*/
span.cat-label.cat-label  {display: none;}

span.cat-label.cat-label-24 {display: none;}

figure.eye-catch {display: none;}

span.cat-label.cat-label-20 {display: none;}

figure.entry-card-thumb.card-thumb.e-card-thumb {width: 80%;
margin: 0 auto;
}

p.namae {margin-bottom: 5px;}

a.entry-card-wrap.a-wrap.border-element.cf {padding: 30px;}

/*レスポンシブ*/
/*480px以下*/
@media screen and (max-width: 480px) {

/*メニュー*/
span.site-name-text,
img.site-logo-image.header-site-logo-image,
a.site-name.site-name-text-link,
div.logo.logo-header.logo-image,
div#header-in.header-in.wrap.cf,
header#header.header.cf,
div#header-container-in.header-container-in.hlt-top-menu.hlt-tm-right.wrap,
div#header-container.header-container {visibility: hidden;}
div#container.container.wrap.cf {padding-top: 0px;}

/*ヘッダーの文字と背景の色を変える*/
.search-menu-button.menu-button,
.navi-menu-button.menu-button {
	background-color: #025d60;
	color: #FFFFFF;
	height: 53px;
	padding-top: 7px;
}

.logo-menu-button.menu-button {
	background-color: #025d60;
	height: 53px;
}	

img.site-logo-image {
	width: 110px;
	margin: 4px auto 0;
}

.navi-menu-content {
	background-color: rgba(2,93,96,0.7);
}	

.menu-drawer a {
	font-size: 1.1em;/*文字の大きさ*/
	color: #fff;/*文字の色*/
	height: 3em;/*行の高さ*/
}

.menu-drawer a:hover {
color: rgba (255,255,255,0.8);
background-color: rgb (255,255,255);
}

	span.custom-menu-icon.menu-icon {
	background-color: #025d60;
	color: #FFFFFF;
	}

	span.custom-menu-caption.menu-caption {color: #FFFFFF;}

	.article h2 {margin-bottom: 3px;
}
	
div.bg-y2-index-round {
	width: 80%;
	margin: 0 auto;
	padding: 20px 20px 20px 30px;
	margin-bottom: 0px;
	border-radius: 1em;
}
	
div.ko-hyouzyun,
div.ko-hyouzyun.right,
div.ko-hyouzyun.research {flex-direction: column;}
	
div.ko-hyouzyun.center.3 {flex-direction: column;}
	
p.60 {width: 80%;}
p.60.policy {margin: 0 auto;}
p.pd20 {padding: 20px;}
	
main#main.main {padding: 0;}
	
a.btn.btn-yellow.btn-m.pcdisplaynone {visibility: visible;}
	
h1.2022-t1 {
	font-size: 24px;
	margin: 10px auto;}

h1.2022-t1-white {
	font-size: 24px;
	margin-top: 10px;
   padding: 10px;}
	
div.oya-hyouzyun {
	margin: 30px auto 40px auto;
   padding: 0;}
	
div.oya-hyouzyun-pd20 {
		margin: 30px auto 10px auto;
  padding: 20px; 20px 0 20px;}	

div.text-40 {
padding: 10px;
	text-align: center;
}

h2.2022-t3 {
	text-align: center;
   margin: 0px;
}
	
div.ko-hyouzyun.center.mb2 {
flex-wrap: wrap;
}

div.oya-hyouzyun.profile.pertner {padding: 20px;}

div.text-70 {flex-basis: 80%;
padding: 20px;
}
div.text-60 {flex-basis: 80%;}
div.text-50 {flex-basis: 90%;
padding: 0;}

div.text-50.research {flex-basis: 100%;
	padding: 10px;
	}

div.text-40 {flex-basis: 90%;
padding: 20px;
	text-align: center;
}
div.text-30 {flex-basis: 33%;
	padding: 5px;
}

div.text-30-tate {flex-basis: 80%;
	text-align: center;
}

div.text-20.mb2 {flex-basis: 45%;
padding: 5px;
}

	div.text-20.research {flex-basis: 30%;
	padding: 0 40px;
	}
	
img.wp-image-1852,img.wp-image-1853 {
	width: 200px;
	}
div.text-50.pd5 {padding: 5px;}

div.bg-y2-index-round {
	width: 90%;
	margin: 0 auto;
	padding: 20px 10px 10px 20px;
	margin-bottom: 0px;
	border-radius: 1em;
}
	
	div.mb-hihyouzi {display: none;}
	
	div.pc-hihyouzi {display: block;}
	
	div.iframe {
text-align: center;
padding: 10px;
}
	
	
h2.entry-card-title.card-title.e-card-title {font-size: 18px;
	paddind-left: 30px;
	margin-top: 20px;
	}
	
a.entry-card-wrap.a-wrap.border-element.cf {padding: 20px;}

	/*お申し込みフォームのデザイン*/

p.omousikomi {width: 100%;
margin: 35px auto;}

div.omousikomi {width: 100%;
margin: 35px auto;}
	
	
p.ookiimoji {
padding: 5px 10px 5px 10px;
width: 100%;
}

input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {width: 100%;
}

select.wpcf7-form-control.wpcf7-select {width: 100%;
background-color: #fff;
	height: 40px;
	}

span.wpcf7-form-control.wpcf7-checkbox.wpcf7-validates-as-required {width: 100%;
}


textarea.wpcf7-form-control.wpcf7-textarea {
	width: 100%;
	height: 40px;
}


input.wpcf7-form-control.has-spinner.wpcf7-submit {
	width: 100%;
}

.privacy-policy {
  width: 90%;
  margin: 20px auto;
  height: 100px;
  overflow: scroll;
  padding: 20px;
  background-color: #fff;
  line-height: 1.5;
  &__item {
    p {
      margin-bottom: 25px;
    }
	   }
	 }

	/*３つ横並びのデザインのレスポンシブ-20230423追記*/
.container-2023 {
  display: flex;
  flex-direction: column;
}
	
}