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

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

.author-info, .type-page .date-tags, .admin-pv, .tagline, .footer-bottom-logo {
	display:none;
}
.page-id-41 h1.entry-title, .page-id-2 h1.entry-title {
	display:none;
}

.header-container {
	background-color:rgba(255,255,255,0);
}
#header {
	background-color:rgba(255,255,255,0);
}
#navi {
	box-shadow: 0 0 8px #8da19c;
}
#main, #sidebar {
	border-radius: 0px;
	box-shadow: 0 0 8px #8da19c;
}
#footer {
	background-color:rgba(0,0,0,0.7);
	box-shadow: 0 0 8px #8da19c;
	color:#fff;
}
#footer a {
	color:#fff;
}
#footer a:hover {
	color:#000;
}
#main {
	background-image: url("https://ceres.chiba-u.jp/ceresphere/wp-content/uploads/2022/11/kuukan1.png");
	background-position:0% 0%;
	background-repeat: no-repeat;
	background-attachment: fixed;
}


.logo-text {
	padding-top:10px;
	padding-bottom:20px;
}
.otoi {
	width:140px;
	padding-top:8px;
	margin-left:auto;
	font-size:14px;
	font-weight:bold;
}
.otoi a {
	text-decoration: none;
	color:#fff;
}
.otoi a:hover {
	color:#ec6d51;
}
.otoi img {
	position: relative;
	top: 3px;
}

.top-mb {
	border-radius: 20px;
	border:3px solid #4c4c4c;
	padding:15px;
	background-color:#f9f8f8;
	background-image: url("https://ceres.chiba-u.jp/ceresphere/wp-content/uploads/2022/03/topb-haikei2.jpg");
	background-position: 50% 50%;
	background-repeat: no-repeat;
}
.topb-box1 {
	background-color:rgba(255,255,255,0.8);
	max-width:730px;
	padding:20px 26px;
	border-radius: 20px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	font-weight:bold;
	text-shadow: 1px 2px 3px #fff;
	line-height:28px;
}
.topb-box1 p {
	margin-bottom:10px;
}
.imsp {
	padding-top:10px;
	padding-bottom:10px;
}
.top-link1 {
	margin-top:15px;
}
.top-link1 a:hover{
	opacity: 0.7;
}

.wp-show-posts-image img {
	border-radius: 30px;
}


/*ナビ*/
.navi-in a:hover {
	background-color: rgba(212,217,220,0.7);
}
.navi-in a {
	font-weight: bold;
	font-size:15px;
}
.navi-in > ul .sub-menu a {
  background-color: rgba(0,0,0,0.6);
}
.navi-in > ul .sub-menu a:hover {
  background-color: rgba(212,217,220,0.7);
}
.navi-in > ul .sub-menu {
    background-color: rgba(214, 211, 206, 0.6);
}
.mobile-menu-buttons {
  background: #736d71;
}
.navi-menu-content {
  background-color: rgba(76,76,76,0.6);
}
.navi {
  background-color: rgba(0,0,0,0.6);
}
.navi-in a {
  color: #fff;
}

.menu-pc .menu-item a::after {
	position: absolute;
left: 15px;
content: '';
width: 80%;
height: 2px;
background: #fff;
bottom: 4px; /*アンダーラインが現れ始める位置（aタグの下辺からの高さ）*/
opacity: 0;
visibility: hidden;
transition: 0.3s;
}
.menu-pc .menu-item a:hover::after {
visibility: visible;
bottom: 12px;
opacity: 1;
}

.navi-in > ul .sub-menu {
	min-width: 380px;
}
.navi-in > ul .sub-menu a {
	font-size: 14px;
}


/*タイトル*/
h1.entry-title {
	color:#000;
	text-align:center;
	border-bottom:5px solid #000;
	padding-bottom:10px;
	font-size:24px;
}
h3.widget-title {
	border-radius: 20px;
	background-color:#e0e0e0;
	padding-left:20px;
	padding-top:5px;
	padding-bottom:2px;
}
.top-title h3.widget-title {
	padding-top:10px;
	padding-bottom:8px;
}
h2.wp-show-posts-entry-title {
	border-radius: 20px;
	background-color:#e0e0e0;
	border-bottom: 0px solid #fff;
	padding: 8px 15px;;
	font-size: 20px;
}
.article h4 {
	border-top: 1px solid #adadad;
	border-bottom: 1px solid #adadad;
	background-color:#efefef;
	margin-top:25px;
	margin-bottom:15px;
}
.top-block {
	border-radius: 20px;
	background-color:rgba(220,220,220,0.4);
	padding:10px 15px;
	height:578px;
}
.archive-title {
	color:#6ac0bb;
	border-bottom: 3px dotted #d8e9e5;
}

.top-block {
	animation-name:fadeUpAnime;
animation-duration:0.5s;
animation-fill-mode:forwards;
opacity:0;
}
@keyframes fadeUpAnime{
  from {
    opacity: 0;
	transform: translateY(100px);
  }

  to {
    opacity: 1;
	transform: translateY(0);
  }
}

.topb-box1{
	animation-name:fadeRightAnime;
animation-duration:0.5s;
animation-fill-mode:forwards;
opacity:0;
}
@keyframes fadeRightAnime{
  from {
    opacity: 0;
	transform: translateX(100px);
  }

  to {
    opacity: 1;
	transform: translateX(0);
  }
}




h1.entry-title{
	animation-name:fadeUpAnime;
animation-duration:0.5s;
animation-fill-mode:forwards;
opacity:0;
}


/*データページ*/
.box-title01 {
	font-weight:bold;
	font-size:18px;
	text-align:center;
	color:#000;
	padding-bottom:8px;
	border-bottom:4px dotted #000;
	margin-bottom:20px;
}
.dp-title1 {
	font-weight:bold;
	font-size:18px;
	margin-right:8px;
	border-bottom:3px solid #000;
}
.dp-bun {
	background-color:#efefef;
	padding:5px 10px;
	font-size:13px;
	border-radius: 20px;
}
.dp-honbun {
	font-size:15px;
	color:#6c2c2f;
}
.dp p {
	margin-bottom:10px;
}
.dpbox {
	border-bottom:5px dotted #000;
}
.dpbox .panel-grid {
	margin-bottom:5px !important;
}
.box-suku img {
	border:1px solid #a4c1d7;
}

.sousa1 {
	margin-bottom:2px;
}

.dl-title {
	font-size:22px;
	font-weight:bold;
	color:#ff7247;
	text-decoration: none;
}
.dl-title a {
	text-decoration: none;
}

.dl-kikan {
	font-size:15px;
	font-weight:bold;
	margin-bottom:10px;
	color:#000;
}
.dl-data1 {
	margin-top:8px;
}
.dl-kikan-2 {
	font-size:15px;
	margin-bottom:10px;
	color:#000;
}

.dl-title img {
	vertical-align: middle;
}
.dl-ics, .dl-ics img {
	vertical-align: middle;
}

.dl-right {
	max-width:500px;
	margin-left:auto;
}
.dl-btn {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
}
.dl-btn .btn1, .dl-btn-2 .btn1 {
	background-color:#30cad6;
	text-align:center;
	padding:10px;
	margin:10px;
	border-radius: 10px;
	color:#fff;
}
.dl-btn .btn1:hover, .dl-btn-2 .btn1:hover {
	background-color:#f8b500;
}
.dl-btn .btn-g, .dl-btn-2 .btn-g {
	background-color:#898989;
	text-align:center;
	padding:10px;
	margin:10px;
	border-radius: 10px;
	color:#fff;
}
.dl-btn .btn-g:hover, .dl-btn-2 .btn-g:hover {
	background-color:#f8b500;
}
.dl-btn .btn2 {
	background-color:#ff7247;
	text-align:center;
	padding:10px;
	margin:10px;
	color:#fff;
}
.dl-btn .btn2:hover {
	background-color:#f8b500;
}
.dl-btn .btn3 {
	background-color:#558985;
	text-align:center;
	padding:10px;
	margin:10px;
	border-radius: 10px;
	color:#fff;
}

.dl-btn-2 {
	display: grid;
	grid-template-columns: 1fr 1fr;
}

.dl-btn-3 {
	display: grid;
	grid-template-columns: 1fr 1fr;
}
.dl-btn-3 .btn3 {
	background-color:#30cad6;
	text-align:center;
	padding:10px;
	margin:10px;
	border-radius: 0px;
	color:#fff;
	max-width:200px;
	height:50px;
	text-align:center;
	margin-top:auto;
	margin-left:auto;
	padding-left:30px;
	padding-right:30px;
}
.dl-btn-3 .btn3:hover {
	background-color:#f8b500;
}
.dl-btn-3 .btn3 a {
	color:#fff;
	text-decoration: none;
	font-weight:bold;
	display: block;
    width: 100%;
    height: 100%;
}

.icon-box {
	margin-bottom:8px;
}

.dl-tit-1 {
	background-color:#565656;
	color:#fff;
	padding:3px 10px;
}
.dl-data1 p {
	margin-bottom:2px;
}
.dl-tit-2 {
	font-size:15px;
	margin-left:15px;
}
.dl-tit-3 {
	border-bottom:1px solid #565656;
}

.dl-title-2 {
	background-color:#565656;
	color:#fff;
	margin-bottom:10px;
	padding:6px 6px 6px 20px;
	letter-spacing:2px;
}
.dl-title-2 a {
	color:#fff;
	text-decoration: none;
	font-size:22px;
	font-weight:bold;
	
}

.dl-title-3 {
	color:#ff7247;
	font-size: 22px;
}
.dl-title-3 a {
	color:#ff7247;
	text-decoration: none;
	font-weight:bold;
}

.dl-btn-3 .b-kado {
	border-radius: 10px;
}
.dl-icon1 {
  position: relative;
}
.dl-icon2 img {
	width:90px;
}
.dl-icon2 {
	width:600px;
	position: absolute;
	left: 3px;
	top: -30px;
}

hr.hai-b {
	color: #eee;
	margin-top: 10px;
	margin-bottom: 10px;
}
.t-font {
	font-size:14px;
}

/*ブログ用*/
.date-tags {
  color: #9f9f98;
}
.list .card-thumb img {
	border-radius: 10px;
}
.cat-label {
	background-color:#6ac0bb;
}
.list .a-wrap:hover {
  box-shadow: 0 2px 5px 0 rgba(161,216,226, 0.16), 0 2px 10px 0 rgba(161,216,226, 0.12);
}
.list .entry-card-title {
  border-bottom: 2px solid #9d8e87;
}
.wp-show-posts-entry-summary p {
	font-size:14px;
}
footer .cat-link {
	background-color: #adadad;
	border-radius: 10px;
}
.date-tags, .post-date {
	color:#504946;
}

.wp-show-posts-meta a, .wp-show-posts-meta a:visited {
	color:#504946 !important;
	text-decoration: none;
}
#breadcrumb {
	color:#adadad;
}
.breadcrumb a {
	color:#adadad;
}

/*テーブル*/
table.sousa2 th, table.sousa2 td {
	border-color: #fff;
	border-bottom:3px dotted #c9c9c9;
}


/*サイドバー*/
.sidebar h3 {
	border-bottom:0px dotted #fff;
}
.sidebar h3::after {
  display: block;
  position: absolute;
  bottom: 0px;
  left: 0;
  width: 0%;
  border-bottom: 0px solid #fff;
  content: " ";
}
#categories-2 li, #nav_menu-2 li {
	border-bottom:1px dotted #2cb4ad;
}
.widget_categories ul li a:hover, .widget_archive ul li a:hover, .widget_pages ul li a:hover, .widget_meta ul li a:hover, .widget_rss ul li a:hover, .widget_nav_menu ul li a:hover {
	background-color: #e2f2f1;
}


/*フッター*/
.article-footer, .entry-footer {
	border-top: 1px solid #000;
}

/*背景アニメ*/
#anime{ 
  z-index:-1;/*描画を一番下に*/
  background-color:#000;/*背景色*/
}
canvas {
	position: fixed;
}
#container{
  z-index: 1;/*z-indexの数字を大きくすることで描画を#particles-jsよりも上に*/
position: absolute;
width: 100%;
}


/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
	.top-block {
		font-size:14px;
	}
}

/*834px以下*/
@media screen and (max-width: 834px){
	.top-mb {
		background-size: cover;
	}
	.top-block {
		height:100%;
	}
	.navi-footer-in a {
		background-color: rgba(0,0,0,0.6)
	}
}



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