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

/************************************
** 子テーマ用のスタイルを書く
************************************/
.fz-18px { font-size:15px; }

.container{
	margin: 36px auto 0;
	padding-top: 27px;
	padding-left: 32px;
	padding-right: 32px;
	max-width: 1160px;
	box-sizing: border-box;
	background-color: rgba(255,255,255,0.8);
}
.wrap{
	width: 100%;
}
.main{
	width:100%;
	margin: 0;
	padding: 0;
	background-color: rgba(255,255,255,0);
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.article{
	width:69%;
	margin: 0;
	padding: 0;
	background-color: rgba(255,255,255,0);
}
.content{
	margin-top: 0;
}
.sidebar{
	width: 27%;
	background-color: rgba(255,255,255,0);
	padding: 0;
}
.home .sidebar { margin-top:0px; }
.parent-title{
	width: 100%;
	text-align: center;
	margin-bottom:10px;
}
.parent-title p{
  position: relative;
  line-height: 1.4;
  padding:0.6em 1em;
  display: inline-block;
	font-size: 22px;
}

.parent-title p:before, .parent-title p:after { 
  content:'';
  width: 24px;
  height: 24px;
  position: absolute;
  display: inline-block;
}

.parent-title p.human-genome:before{
  border-left: solid 2px #F87AA7;
  border-top: solid 2px #F87AA7;
  top:0;
  left: 0;
}
.parent-title p.human-genome:after {
  border-right: solid 2px #F87AA7;
  border-bottom: solid 2px #F87AA7;
  bottom:0;
  right: 0;
}
.parent-title p.ethical-review:before{
  border-left: solid 2px #F8A264;
  border-top: solid 2px #F8A264;
  top:0;
  left: 0;
}
.parent-title p.ethical-review:after {
  border-right: solid 2px #F8A264;
  border-bottom: solid 2px #F8A264;
  bottom:0;
  right: 0;
}
.parent-title p.examination:before{
  border-left: solid 2px #DAEF53;
  border-top: solid 2px #DAEF53;
  top:0;
  left: 0;
}
.parent-title p.examination:after {
  border-right: solid 2px #DAEF53;
  border-bottom: solid 2px #DAEF53;
  bottom:0;
  right: 0;
}
.parent-title p.regeneration:before{
  border-left: solid 2px #94EE9E;
  border-top: solid 2px #94EE9E;
  top:0;
  left: 0;
}
.parent-title p.regeneration:after {
  border-right: solid 2px #94EE9E;
  border-bottom: solid 2px #94EE9E;
  bottom:0;
  right: 0;
}
.parent-title p.gene-therapy:before{
  border-left: solid 2px #71CDDA;
  border-top: solid 2px #71CDDA;
  top:0;
  left: 0;
}
.parent-title p.gene-therapy:after {
  border-right: solid 2px #71CDDA;
  border-bottom: solid 2px #71CDDA;
  bottom:0;
  right: 0;
}
.parent-title p.human-es:before{
  border-left: solid 2px #827CB4;
  border-top: solid 2px #827CB4;
  top:0;
  left: 0;
}
.parent-title p.human-es:after {
  border-right: solid 2px #827CB4;
  border-bottom: solid 2px #827CB4;
  bottom:0;
  right: 0;
}

/* ヘッダー -----------------------*/
.header-container{
	background-color: rgba(255,255,255,0);
}
.head-wrap-front{
	width: 100%;
	position: relative;
}
.head-wrap-front .logo{
	text-align: center;
	margin: 40px 0 0;
}
.head-wrap-front .logo img{
	max-width:290px;
}
.head-wrap-page{
	width: 100%;
	position: relative;
}
.head-wrap-page .logo{
	text-align: left;
	width: 250px;
}
.home-botton {
	position: absolute;
	right: 0;
	top: 0;
}
.home-botton a{
	background-color: #fff;
	border-radius: 120px;
	padding: 6px 10px;
	line-height: 1.6;
	width: 160px;
	display: block;
	box-sizing: border-box;
	border: 1px solid #888;
	text-align: center;
	color: #000;
	text-decoration: none;
}
.navi-in{
		display: none;
	}

.slicknav_menu{
	position: absolute;
	top: 3rem;
	background-color: rgba(255,255,255,0);
	right: 1rem;
	z-index: 50;
	width: 93.1%;
}
.slicknav_btn{
	padding-top: 0.7rem;
	padding-bottom: 0.7rem;
	margin: 0px 0px 5px;
}
.slicknav_nav li{
	background-color:#333;
}
.slicknav_nav .slicknav_arrow{
	display: none;
}
.slicknav_menu .slicknav_icon{
	margin: 0;
}

.slicknav_menu .slicknav_menutxt{
	display: none;
}

/* フロントページ------------------ */
.home .entry-content{
	background-color: rgba(255,255,255,0);
	padding: 0;
	border: 0px ;
	box-sizing: border-box;
	margin-top: 1em;
margin-bottom: 1em;
}
.title-pic{
	width: 300px;
	margin-left: auto;
	margin-bottom: 0 !important;
	}
.metaslider{
	margin: 0 auto;
}
.topic-title{
	background-color: rgba(255,255,255,0) !important;
	font-size:26px;
	text-align: center;
	color: #8D8D8D;
	margin-top: 0 !important;
}
.news-wrap{
	margin: 0 0 30px;
	list-style-type: none;
	padding: 18px;
	border: 1px solid #E4E4E4;
	background-color:#fff;
}
.news-wrap li{
	box-shadow: none;
	line-height:1.4;
}
.date-wrap{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.news-wrap a{
	text-decoration: none;
	color: #000;
}
.news-wrap a:hover li{
	background-color:#f6f6f6;
}
.news-wrap a li{
	text-decoration: none;
	width: 100%;
	padding: 5px 15px 0;
	box-sizing: border-box;
	border-bottom: 1px solid #E4E4E4;
}
.date-wrap .date{
	color: #757575;
	font-size: 15px;
	margin-right: 20px;
	margin-bottom: 0;
}
.date-wrap p { margin:5px 0; }
.date-wrap .human-genome, .date-wrap .ethical-review, .date-wrap .examination, .date-wrap .regeneration, .date-wrap .gene, .date-wrap .human-es-cells, .date-wrap .all {
	font-size: 12px;
	border-radius: 14px;
	color: #fff;
	padding: 4px 8px;
	line-height: 1.4;
	margin-bottom: 0;
}
.date-wrap .human-genome{
	background-color:#F87AA7;
}
.date-wrap .ethical-review{
	background-color:#F8A264;
}
.date-wrap .examination{
	background-color:#DAEF53;
}
.date-wrap .regeneration{
	background-color:#94EE9E;
}
.date-wrap .gene{
	background-color:#71CDDA;
}
.date-wrap .human-es-cells{
	background-color:#827CB4;
}
.date-wrap .all{
	background-color:#333;
}
.news-title{
	margin: 0 0 1rem;
}


/* サイドメニュー ----------------- */
.sidebar { width:27%; }
.sidebar h3 { margin-bottom:0; }
.sidebar h3.widget-sidebar-title{
	text-align: center;
	background-color: rgba(255,255,255,0);
	color: #666;
    font-family: serif;
}
#menu-groval-1 li.menu-item{
	font-size: 14px;
	line-height: 1.4;
	padding: 0;
	background-color:#fff !important;
	box-shadow: 5px 5px 4px rgba(80,80,80,0.4) !important;
	margin-bottom: 14px;
	position: relative;
}
#menu-groval-1 li.menu-item a{
	padding: 0.4rem 0.45rem 0.4rem 0.65rem;
	line-height:1.4;
	display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
	min-height:54px;
	flex-wrap: wrap;
}
#menu-groval-1 li.menu-item a span{
	font-size: 0.82em;
	width: 100%;
	line-height:1.4;
}
#menu-groval-1 li.menu-item::after{
	position: absolute;
  content: '';
  right: 3px;
  bottom: 3px;
  border-width: 0 0 10px 10px;
  border-style: solid;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
}
#menu-groval-1 li.human-genome{
	border-left: 2px solid #F87AA7;
}
#menu-groval-1 li.human-genome::after{
	border-color: #fff #fff #F87AA7;
}
#menu-groval-1 li.ethical-review{
	border-left: 2px solid #F8A264;
}
#menu-groval-1 li.ethical-review::after {
	border-color: #fff #fff #F8A264;
}
#menu-groval-1 li.examination {
	border-left: 2px solid #DAEF53;
}
#menu-groval-1 li.examination::after{
	border-color: #fff #fff #DAEF53;
}
#menu-groval-1 li.regeneration{
	border-left: 2px solid #94EE9E;
}
#menu-groval-1 li.regeneration::after{
	border-color: #fff #fff #94EE9E;
}
#menu-groval-1 li.gene{
	border-left: 2px solid #71CDDA;
}
#menu-groval-1 li.gene::after{
	border-color: #fff #fff #71CDDA;
}
#menu-groval-1 li.human-es{
	border-left: 2px solid #827CB4;
}
#menu-groval-1 li.human-es::after{
	border-color: #fff #fff #827CB4;
}
#menu-human-genome-menu, #menu-ethical-review-menu, #menu-examination-menu, #menu-regeneration-menu, #menu-gene-therapy-menu, #menu-human-es-menu{
	margin: 0 0 24px;
	padding: 0;
	list-style-type: none;
}
#menu-human-genome-menu li, #menu-ethical-review-menu li, #menu-examination-menu li, #menu-regeneration-menu li, #menu-gene-therapy-menu li, #menu-human-es-menu li{
	margin: 0 0 10px;
	background-color: #fff;
}
#menu-human-genome-menu li{
	border:1px solid #F87AA7;
}
#menu-ethical-review-menu li{
	border:1px solid #F8A264;
}
#menu-examination-menu li{
	border:1px solid #DAEF53;
}
#menu-regeneration-menu li{
	border:1px solid #94EE9E;
}
#menu-gene-therapy-menu li{
	border:1px solid #71CDDA;
}
#menu-human-es-menu li{
	border:1px solid #827CB4;
}
#menu-human-genome-menu li a, #menu-ethical-review-menu li a, #menu-examination-menu li a, #menu-regeneration-menu li a, #menu-gene-therapy-menu li a, #menu-human-es-menu li a{
    text-decoration:none; /*点を非表示*/
    position: relative; /*基準位置*/
    padding: 0.4em 0.8em 0.4em 1.6em;
	display: block;
	font-size: 15px;
	color: #000;
    }
#menu-human-genome-menu li a::before, #menu-ethical-review-menu li a::before, #menu-examination-menu li a::before, #menu-regeneration-menu li a::before, #menu-gene-therapy-menu li a::before, #menu-human-es-menu li a::before {
    border-radius: 50%; /*丸くする*/
    width: 10px; /*点の幅*/
    height: 10px; /*点の高さ*/
    display: block;
    position: absolute; /*絶対配置*/
    left: 10px; /*点の位置*/
    top: 1em; /*点の位置*/
    content: "";
    }
#menu-human-genome-menu li a::before {
    background: #F87AA7; /*点の色*/
    }
#menu-ethical-review-menu li a::before {
    background: #F8A264; /*点の色*/
    }
#menu-examination-menu li a::before {
    background: #DAEF53; /*点の色*/
    }
#menu-regeneration-menu li a::before {
    background: #94EE9E; /*点の色*/
    }
#menu-gene-therapy-menu li a::before {
    background: #71CDDA; /*点の色*/
    }
#menu-human-es-menu li a::before {
    background: #827CB4; /*点の色*/
    }


/* 固定ページ--------------------------- */
.entry-title{
	font-size: 32px;
	border-left: 3px solid #000;
	padding: 5px 0 5px 22px;
}
.entry-content{
	background-color: #fff;
	padding: 25px;
	border: 1px solid #E4E4E4;
	box-sizing: border-box;
}
.article h2, .article h3, .article h4, .article h5, .article h6 {
    margin: 1.5em 0 1em;
}
.article h2:first-child, .article h3:first-child, .article h4:first-child, .article h5:first-child, .article h6:first-child {
    margin-top:0;
}

.article h2 {
    font-size: 21px;
    padding: 15px;
	line-height:1.1;
}
/* フッター　---------------------------------*/
.footer{
	background-color: rgba(255,255,255,0);
}
.footer-in{
	background: #033751;
}
.footer-bottom{
	color: #fff;
	text-align: center;
	line-height: 1.4;
}
.footer-bottom .footer-title{
	font-size: 21px;
	margin-bottom: 0;
}
.footer-bottom .footer-contact{
	font-size: 14px;
	margin: 10px auto 20px;
}
.copyright{
	margin: 0 auto;
	text-align: center;
	padding: 0.6EM;
	font-size: 14PX;
}

.single .breadcrumb {
	width:100%;
	text-align:right;
}
.content-bottom-in {
	width:100%;
	display: flex;
	flex-wrap:wrap;
	justify-content: left;
	align-content: center;
	box-sizing: border-box;
}
.content-bottom-in .widget_sp_image {
	width:18.4%;
	margin:0 0.8% 15px;
}
.cat-label.cat-label-18, .cat-link.cat-link-18 {
	background-color:#333;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
}
/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
	body.custom-background{
		background-size: 100% !important;
	}
	.container{
		margin: 12px 12px 0;
		padding-top: 12px;
		padding-left: 12px;
		padding-right: 12px;
		max-width: 1160px;
		box-sizing: border-box;
		background-color: rgba(255,255,255,0.8);
	}
	.head-wrap-front .logo img{
	max-width:100%;
}
	.navi-in{
		display: block;
	}
	#nav_menu-2{
		display: none;
	}

	.home-botton{
		display: none;
	}
	.title-pic{
		width: 240px;
		margin:0 auto;
	}
	main.main{
		padding: 8px;
	}
	.entry-content{
		padding: 14px;
	}
	.article{
	width:100%;
	margin: 0;
	padding: 0;
	background-color: rgba(255,255,255,0);
}
	div.sidebar{
		display: none;
	}
	.content-bottom-in .widget_sp_image {
		width:48%;
		margin:0 1% 0;
	}
.slicknav_nav .slicknav_item a {
	position:relative;
	display:block;
}
.slicknav_nav .slicknav_item a .has-icon {
	position:absolute;
	top:0;
	right:0;
}
.slicknav_nav .slicknav_row {
	margin:0 0 1px;
	padding:8px 10px;
}
.slicknav_nav .slicknav_row:hover {
	border-radius:0px;
}
.slicknav_nav a:hover {
	border-radius:0px;
}
.slicknav_nav a:active {
	border:none;
}
.footer-mobile{
	width: 100%;
   	display: flex;
   	flex-wrap: wrap;
   	justify-content: left;
   	align-content: center;
   	box-sizing: border-box;
	padding:0;
}
.footer-mobile .widget_sp_image {
	width: 48%;
	margin: 0 1% 0;
}

	
}

/*480px以下*/
@media screen and (max-width: 480px){
/* フロントページ------------------ */
	.title-pic{
		width: 170px;
		margin:0 auto;
	}
	.article ul.news-wrap{
		margin: 0 0 30px;
		list-style-type: none;
		padding: 5px;
		border: 1px solid #E4E4E4;
	}
	.news-wrap a li{
		text-decoration: none;
		width: 100%;
		padding: 0 5px;
		box-sizing: border-box;
		border-bottom: 1px solid #E4E4E4;
	}
	.date-wrap p {
		margin: 5px 0;
    	font-size: 10px;
    	letter-spacing: -1px;
	}
	.news-title { margin: 0 0 0.5rem; }
	.parent-title p{
		padding:0.6em 1em;
		font-size: 21px;
		margin: 12px auto !important;
	}
	.entry-title{
		font-size: 26px;
		border-left: 3px solid #000;
		padding: 8px 0 8px 22px;
	}
	.head-wrap-front .logo {
		margin-top:20px;
		padding: 0px 30px 0;
	}
/* モバイルメニュー */
.slicknav_menu{
	position: fixed;
	top: 1.6rem;
	background-color: rgba(255,255,255,0);
	right: 1rem;
	z-index: 50;
}
.slicknav_nav .slicknav_item a { line-height:1.3; }
	.slicknav_nav a { padding:2px 10px; margin:0; }

	
/* 固定ページ */
.main .article {
	margin-left:0;
	width:100%;
}
.head-wrap-page .logo {
	text-align: center;
    width: 220px;
    margin: 20px auto 0;
}
	.container {
		margin: 8px 8px 0;
		padding:8px 8px 8px;
	}
	main.main {
		padding:0;
	}
	
}