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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
#notice-area{
	font-size:18px;
	display:none;
}
.front-top-page #notice-area{
	display:block;
}
.page-id-447 .scroll-hint-icon{
	display:none;
}
.single-post .entry-content.cf.iwe-shadow , .page-id-1052 .entry-content.cf.iwe-shadow{
	text-align:justify;
}
.list .posts-not-found{
	display:none;
}
.home.front-top-page .entry-card-tags-ex a.tag-link:nth-child(n+4){
	display:none;
}
.home.public-page .entry-card-tags-ex a.tag-link:nth-child(n+4){
	display:none;
}
.archive.category .entry-card-tags-ex a.tag-link:nth-child(n+4){
	display:none;
}

.single-post .related-list .entry-card-tags-ex a.tag-link:nth-child(n+4){
	display:none;
}
.search.search-results .entry-card-tags-ex a.tag-link:nth-child(n+4){
	display:none;
}








.post-template-default .article h3.margin-control{
	margin-top:0px;
}

.article-image{
	width:65%;
	margin:0 auto;
}

#navi-footer-in .menu-item a:hover{
	background-color:transparent;
	text-decoration:underline;
}

#header-container{
	background-color:#ffe4c4;
}
.archive.category .category-content.article{
	margin-bottom:0;
	padding-bottom:0;
}
.error404 .navi-menu-close-button .fa.fa-close::before {
    content: "×";
}
.error404 .navi-menu-close-button .fa.fa-close:hover{
	background:#fff7cc;
	color:red;
	transition:all 0.4s ease;
}

.error404 .not-found{
	display:none;
}
.error404 .page404-content{
	display:flex;
}
.error404 .page404-content .message404{
	margin-top:5%;
	padding-right:4%;
}
.message404{
	width:75%;
}
.page404-image{
	width:25%;
	margin-top:2%;
}
.error404 #custom_html-14 .textwidget.custom-html-widget h1.page404-title {
	border-bottom: 1px solid gray;
}
.pagination-next{
	display:none;
}
.single-post .post-date .far.fa-clock{
	display:none;
}
.single-post .post-date .entry-date{
	font-size:13px;
	color:var(--cocoon-x-pallid-text-color);
}
.teacher-photo-container , .teacher-photo-container-long{
  display: flex;
  justify-content: center;
  align-items: center;
}

.current-position , .career-history{
	margin-left:50px;
}
.current-position-long , .career-history-long{
	margin-left:50px;
}

.pencil{
	width:100px;
	height:auto;
}

.teacher-profile .teacher-name:before , .teacher-profile-long .teacher-name-long:before{
    content: '';
    display: inline-block;
    background-image: url(https://labfirst.cosmobio.co.jp/wp-content/uploads/2023/08/profile-pencil.png);
    background-size: contain;
    height: 40px;
    width: 40px;
    position: relative;
    top: 1vh;
    margin-right: 10px;
}
.article .teacher-profile p , .article .teacher-profile-long p{
	margin-top:5px;
	margin-bottom:0;
	padding-right:20px;
}
.post-template-default.single-post .entry-content.cf.iwe-shadow .teacher-profile .teacher-name , .post-template-default.single-post .entry-content.cf.iwe-shadow .teacher-profile-long .teacher-name-long{
	font-size:21px;
	font-weight:bold;
}
.post-template-default.single-post .entry-content.cf.iwe-shadow .teacher-profile .current-position , .post-template-default.single-post .entry-content.cf.iwe-shadow .teacher-profile-long .current-position-long{
	font-size:15px;
	font-weight:bold;
}
.teacher-photo{
	height:fit-content;
}
.teacher-photo img{
	width:100%;
}
.entry-content.cf.iwe-shadow .wp-block-columns.teacher-profile , .entry-content.cf.iwe-shadow .wp-block-columns.teacher-profile-long{
	padding: 3% 7% 3% 3%;
	gap:0;
}
.background-material{
	background-color:#80808029;
	padding:2% 5%;
	font-size:13px;
}
.background-material p{
	font-weight:bold;
	margin-bottom:0;
}
ol.background-material-listitem{
	margin-top:0px;
	padding-left:0px;
	list-style: none;
  counter-reset: number;
}

ol.background-material-listitem li:before{
	  counter-increment: number;
  content: counter(number) '）';
}
.article-information{
	text-align:right;
}
.reference{
	text-decoration:underline;
}
.wp-block-image.is-resized.maker-info{
	margin-bottom:15px;
}
.maker-info{
	text-align:right;
}
.wp-block-image.maker-logo{
	width:auto;
	height:30px;
	margin:0 0 0 auto;
	box-shadow:none;
	display:inline-block;
	margin-bottom:0;
}
.wp-block-image.maker-logo img{
	width:auto;
	height:100%;
}
p.maker-name{
	margin-top:0;
	margin-right:0!important;
}
.iwe-shadow img{
	box-shadow:none;
}
/*.maker-name{
	text-align:right;
}*/

.wp-block-image.maker-info{
	margin-bottom:15px;
}
.wp-block-image.maker-info img{
	width:auto;
	height:30px;
	margin:0 0 0 auto;
	box-shadow:none;
}
.iwe-shadow img{
	box-shadow:none;
}
.wp-block-image.maker-info figcaption{
	text-align:right;
}


.search.search-results .entry-card-meta{
	display:none;
}

.page-id-546 iframe{
	height:1500px;
}

.search-results #popular_entries-3{
	display:none;
}

.search-no-results #popular_entries-3{
	margin-top:30px;
}
.search-no-results #popular_entries-3 .popular-entry-cards{
	margin:0 auto;
	width:80%;
}

.search-no-results #popular_entries-3 .widget-index-bottom-title{
	font-size:22px;
	margin-left:10%;
	margin-bottom:10px;
}


.entry-card-categories-ex .cat-link{
	padding-left:0;
}
a.entry-card-wrap.a-wrap.border-element.cf{
	overflow:hidden;
}

#navi-menu-contents .navi-menu-close-button .fas.fa-times:hover{
	background:#fff7cc;
	color:red;
	transition:all 0.4s ease;
}
.post-template-default.single-post .entry-content.cf.iwe-shadow p{
	font-size:16px;
}

.single-post .related-articles .entry-card-categories-ex{
	display:none;
}
.list-category-34.list-column .ect-vertical-card{
	padding-top:2%;
}
.list-new-entries .list-title-in{
	position:relative;
	top:-5px;
}
.post-template-default.single.single-post .entry-content.cf.iwe-shadow , .page-template-default.page .entry-content.cf.iwe-shadow{
	padding:3% 5% 0%;
}
.related-entry-card-thumb.card-thumb.e-card-thumb{
	overflow:hidden;
}


.page-id-522 .pick-up-items {
    display: block;
    position: relative;
    top: -64px;
    left: 0px;
    font-size: 24px;
}
.page-id-522 .iwe-shadow img{
	box-shadow:none;
}
.page-id-522 .article-header.entry-header{
	display:none;
}

#post-522{
	padding-top:0;
}
.page-id-522 .widget-content-bottom-title.main-widget-label{
	background-color:transparent;
	text-align:center;
	padding-top:0;
}
.page-template-default .date-tags{
	display:none;
	text-align:center;
	padding-top:0;
}
.page-template-default .separate-line{
	display:none;
}
.page-id-522 .entry-content .main-widget-label {
    display: block;
}
.article {
	padding:3% 7% 2%;
}
.archive.tag #list, .search #list{
	margin-top:70px;
}
#content-in .search-box.input-box{
	margin:0 auto;
	width:70%;
}
.search #archive-title{
	text-align:center;
}
.search.search-no-results .list-new-entries-title.list-title-new{
	position:relative;
	left:0;
	width:100%;
	text-align:center;
}
.posts-not-found{
	text-align:center;
	margin-top:20px;
}

.search #archive-title .fas.fa-search{
	display:none;
}


.search .search-submit{
	margin-top:0;
}
.search h1.archive-title:first-child:after{
	content:'の検索結果';
}
.entry-card-thumb.card-thumb.e-card-thumb{
  display: flex;
  align-items: center;
}


.entry-card-title.card-title.e-card-title:hover{
	color:#ff000082;
	transition:color 0.7s;
}
.archive.tag .archive-title{
	text-align:center;
}
.archive.tag .archive-title:after{
	content:"」 のタグがついた記事一覧";
}
.archive.tag .archive-title:before{
	content:"「";
}
.archive.tag .archive-title .fas.fa-tags{
	display:none;
}

.home.blog.body.front-top-page #custom_html-13{
	display:none;
}
.search #custom_html-13{
	display:none;
}
#custom_html-13 .widget-index-top-title.main-widget-label{
	position:relative;
	top:40px;
	font-weight:bold;
	padding-left:100px;
}


#custom_html-13{
	margin-bottom:20px;
	padding-left:6%;
}
#custom_html-13{
	font-weight:500;
	font-size:30px;
}
.footer-bottom-content p{
	margin-top:25px;
}
.search.search-results .ect-vertical-card{
	padding:2% 5%;
	gap:15px 0;
}
.search-menu-content{
  transition:opacity 0s ease-in-out;
  position: fixed;
  top: 40%;
  z-index: 99;
  width: 70%;
  left: 15%;
  right: 15%;
  -webkit-transform: translateY(1500%);
  transform: translateY(1500%);
  opacity: 0;
}
.tag-link .fas{
	font-weight:300;
}

.archive.tag #list .entry-card-categories-ex{
	display:block;
	padding-left:6px;
	
}
.archive.tag .entry-card-content.card-content.e-card-content .entry-card-title.card-title.e-card-title{
	padding-left:6px;
}
.archive.tag .entry-card-content.card-content.e-card-content .entry-card-tags-ex{
	padding-left:6px;
}

.home.blog.body.public-page #main #list{
	gap:25px 0;
}



.entry-card-tags-ex .tag-link.border-element:hover{
	background-color:#ffd900b5 !important;
	opacity:0.8;
	transition:all 0.7s ;
}



.single-post .profile{
	background-color:rgb(255 249 229);
	width:85%;
	margin:0 auto;
	height:fit-content;
	padding-left:10px;
	padding-top:10px;	
}
.single-post .profile .name:before{
	content:'';
	background-image:url(https://labfirst.cosmobio.co.jp/wp-content/uploads/2023/08/profile-pencil.png);
	width:30px;
}
.single-post .profile .name{
	font-size:21px;
}
.single-post .profile .present-post{
	font-size:15px;
}


.archive.tag #main{
	padding:3%;
}

.list-more-button:hover{
	transform:scale(1.1);
	transition:0.8s;
}
.article-category-list li a:hover{
	transform:scale(0.85);
	transition:1s;
}
.card-thumb img:hover{
-moz-transform: scale(1.1,1.1);
-webkit-transform: scale(1.1,1.1);
-o-transform: scale(1.1,1.1);
-ms-transform: scale(1.1,1.1);
}
.card-thumb img{
	-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 1s;
}
.entry-card-thumb.card-thumb.e-card-thumb{
	    overflow: hidden;
}

.opening {
    position: absolute;
    top: 75px;
    left: 0;
	right:0;
	bottom:0;
	width:100%;
	height:auto;
	margin:0 auto;
   background-color: transparent;
	transition: all 0s;
}
.opening--out {
	opacity:0;
	transition:all 0.5s ;
	pointer-events:none;
}

.opening-logo {
    opacity: 0;
    transition: opacity 0s;
}
.opening-logo video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin:0 auto;
	width:100%;
	height:auto;
	filter: drop-shadow(0px 0px rgba(0,0,0,0));
  outline: none;
  border: none;
		z-index:2;

}
.opening-logo--visible {
    opacity: 1;
}

.menu-drawer li a{
text-decoration:none;
transition:all .5s;
}
.menu-drawer li a:hover{
	color:red;
  text-decoration: underline;
	background-color:#fff7cc;
	transition:all 1s;
}

.menu-drawer li {
    display: block;
    width: fit-content;
    margin: 0 auto;
}



.home .main{
	background-color:white;
}
.home.front-top-page .main{
	background-color:transparent;
}
.single-post .main{
	background-image: url(https://labfirst.cosmobio.co.jp/wp-content/uploads/2023/07/article-background.png);
    background-size: 100%;
}

/*各カテゴリごとのページのデザイン変更方法メモ*/

.pagination-next-link{
	position:relative;
	width:30%;
	margin:0 auto;
	border-radius:20px;
}

.pagination .page-numbers{
	border-radius:50%;
}
.pagination .page-numbers.current{
	background-color:#fcb900;
}

.go-to-top, .go-to-top .go-to-top-button{
	width:50px;
	height:50px;
}

.single-post .related-entry-card-content .cat-link{
	padding:0;
}
.single-post .rect-vertical-card .related-entry-card-content{
	padding-left:2%;
}

.page-template-default #breadcrumb ,.page-template-default .tag-about-article{
	display:none;
}
	

#navi-menu-contents{
	display:grid;
	grid-template-rows:4fr 5fr 3fr;
	grid-template-areas:
		"header"
		"menu-content"
		"closebutton";
}
#navi-menu-content .menu-drawer{
	grid-area:menu-content;
}
#navi-menu-content .navi-menu-close-button{
	grid-area:closebutton;
}


#content-top{
	margin:0;
}

.archive .category-content .article-header{
	display:none;
}

.archive .category-page-content{
	padding-bottom:20px;
}

.category-lab-first .about-category .part-of-circle{
	background-color:#fbc98e;
}
.category-tech-info .about-category .part-of-circle{
	background-color:#78b5cb;
}
.category-knowledge .about-category .part-of-circle{
	background-color:#91c1a9;
}
.category-sustainability .about-category .part-of-circle{
	background-color:#e58fac;
}

.about-category {
    display: grid;
    grid-template-rows: 50px 50px 1fr;
    grid-template-areas:
        "category-archive-title"
        "horizon-line"
        "description-about-category";
width:100%;
}
.description-about-category img{
	float:right;
	width:40%;
}

.category-sustainability .category-sustainability .category-archive-image{
	width:300px;
}
.category-archive-image{
	width:35%;
}




.about-category .part-of-circle{
	border-radius:50%;
	width:50px;
	height:50px;
	min-width:50px;
}
.about-category .part-of-line{
	width: 40%;
    height: 6%;
    position: relative;
    top: 47%;
    background-color: rgb(153 153 153);
    border: none;
	min-width:220px;
}
.category-sustainability .about-category .part-of-line{
	width: 50%;
}


.archive .category-archive-title{
	grid-area:category-archive-title;
	font-size:30px;
	position:relative;
	top:17px;
	left:50px;
}

.horizon-line{
	grid-area:horizon-line;
	display:flex;
}

.description-about-category{
	grid-area:description-about-category;
	padding-left: 7%;
	font-size:16px;
	padding-right:4%;
}

.category-tech-info .category-archive-image{
	grid-area:category-archive-image;
}
.category-knowledge .category-archive-image{
	grid-area:category-archive-image;
}
.category-sustainability .category-archive-image{
	grid-area:category-archive-image;
}
.category-archive-image img{
	width:100%;
	position:relative;
	top:10%;
}




.archive #list .entry-card-categories-ex{
	display:none;
}
.archive .archive-title .fa-folder-open{
	display:none;
}



.archive .ect-vertical-card{
	padding:0 5% 5%;
}
.archive #list .post-date{
	display:none;
}

.single-post .article-header{
	display:flex;
	flex-wrap:wrap;
}
.single-post .article-header .entry-title{
	width:100%;
}

.single-post .article-header #breadcrumb{
	margin:0;
}

.single-post .article-header .date-tags{
	margin-left:8px;
	margin-top:5px;
}
.single-post .article-header .eye-catch-wrap{
	width:100%;	
}

.single-post .article-header .eye-catch{
	width:80%;	
}



.single-post .article{
	background-color:white;
	border-radius:50px;
	margin-bottom:0;
}
.single-post #main .related-articles , .related-entry-heading{
	margin-top:0px;
}

.single-post #main .related-articles{
	padding-top:3%;
}


.breadcrumbs-display-none , .archive #breadcrumb{
	display:none;
}

.public-page .content-in , .single-post .content-in , .archive .content-in {
	display:block;
	padding:3% 0;
}

.single-post .under-entry-content .related-entry-heading:before{
	content:'';
	  display: inline-block;
  width: 30px;/*画像の幅*/
  height: 30px;/*画像の高さ*/
	background-image:url(https://labfirst.cosmobio.co.jp/wp-content/uploads/2023/07/note-icon.png);
  background-size: contain;
	background-repeat:no-repeat;
  vertical-align: text-top;
}
.single-post .under-entry-content .related-list .entry-card-categories-ex{
	font-size:12px;
}


.under-entry-content .related-list .related-entry-card-wrap{
	border-radius:10px;
	width:18%;
	background:#fff;
}
.under-entry-content .related-list .related-entry-card-wrap .related-entry-card-title{
	font-size:14px;
}

.under-entry-content .related-list{
	display:flex;
	flex-wrap:nowrap;
	justify-content:center;
	gap:1%;
}


.public-page #content , .single-post #content , .archive #content{
	background-image:url(https://labfirst.cosmobio.co.jp/wp-content/uploads/2023/07/article-background.png);
	background-size:100%;
}
.front-top-page #content{
	background-image:none;
}

.public-page #content , .single-post #content-top , .single-post .content{
	margin-top:0px;
}
.public-page #main{
	border-radius:50px;
}

.archive #content-top , .archive .content{
	margin-top:0px;
	margin-bottom:0px;
}
.single-post .content-top{
	margin-bottom:0px;
}
.single-post #main , .archive #main{
    position: relative;
    top: 0px;
    padding:0;
}
.archive #main{
	border-radius:50px;
}
.archive .ect-vertical-card {
	gap:30px 0px;
}


.article #list a.entry-card-wrap.a-wrap.border-element.cf{
	width:30%;
	box-shadow:none;
}



.article .tag-about-article{
	margin-bottom:0;
}
.article .separate-line{
	border:none;
	border-top:2px dashed rgb(247 147 30);
}
.article-footer .entry-categories-tags .entry-categories{
	display:none;
}
.article-footer .entry-categories-tags{
	margin-bottom:0;
	padding-bottom:3%;
	padding-left:0%;
}
.article-footer .entry-categories-tags .entry-tags{
	margin-bottom:0;
	margin-top:1%;
}



.article .widget_related_entries{
	display:none;
}


.post-template-default .article h1{
	font-size:26px;
	line-height:50px;
}
.post-template-default .article h2{
	font-size:21px;
	position:relative;
	background:#fadeb4;
	box-shadow:0px 0px 0px 5px #fadeb4;
	border:dashed 2px white;
	padding:0.2em 0.5em;
	color:#454545;
	display:inline-block;
	margin-top:6%;
}
.post-template-default .article h2:after{
	position:absolute;
	content:'';
	left:-7px;
	top:-7px;
	border-width:0 0 15px 15px;
	border-style:solid;
	border-color:#fff #fff #ffcb7d;
	box-shadow:1px 1px 1px rgba(0,0,0,0.15);
}
.post-template-default .article h3{
	font-size:21px;
	position:relative;
	padding:0.25em 0;
	border:none;
	margin-top:5%;
}

.post-template-default .article h3:after{
	content:'';
	display:block;
	height:4px;
	background:linear-gradient(to right,rgb(255,186,115),#ffb2b2);
}
	
	
.categoryid-33 h1:first-letter{
	background-color:#fbc98e;
	border-radius:50%;
	padding:10px;
	font-size:26px;
	color:#fff;
	margin-right:5px;
}
.categoryid-34 h1:first-letter{
	background-color:#78b5cb;
	border-radius:50%;
	padding:10px;
	font-size:26px;
	color:#fff;
	margin-right:5px;
}
.categoryid-35 h1:first-letter{
	background-color:#91c1a9;
	border-radius:50%;
	padding:10px;
	font-size:26px;
	color:#fff;
	margin-right:5px;
}
.categoryid-36 h1:first-letter{
	background-color:#e58fac;
	border-radius:50%;
	padding:10px;
	font-size:26px;
	color:#fff;
	margin-right:5px;
}



#navi-menu-input:checked ~ #navi-menu-content{
	transition:none;
}
#navi-menu-input ~ #navi-menu-content{
	transition:none;
}

.navi-menu-close-button .fa-times::before{
	content:"×";
}
.navi-menu-content{
	max-width:100vw;
	width:100vw;
	max-height:100vh;
	height:100vh;
	background:transparent;
	overflow:hidden;
	display:flex;
	justify-content:center;
}
#navi-menu-contents{
    width: 390px;
	height:520px;
    aspect-ratio: 3/4;
    overflow: hidden;
    background-image: url(https://labfirst.cosmobio.co.jp/wp-content/uploads/2023/07/hamburger-menu-lists.png);
    background-size: cover;
    border-radius: 17px;
    background-color: #f2af77;
    transition-duration: 0s;
	margin-top:100px;
	position:relative;
	z-index:99999;
}


.navi-menu-content .menu-drawer{
	padding:0 ;
	text-align:center;
}

.navi-menu-close-button {
    width: 30px;
    display: inline-block;
    position: relative;
    left: 46%;
    aspect-ratio: 1/1;	
}
.footer{
	margin-top:0;
}
.entry-card-title{
	font-size:16px;
}
.tag-link{
	font-size:12px;
	background-color:#f1f1f1;
	border:none;
	padding:2px 4px 2px 2px;
	margin:1% 2%;
	margin-left:0;
	-webkit-box-decoration-break: clone;
    display: inline;
    line-height: 30px;
}
.entry-card-tags-ex{
	line-height:14px;
	padding-bottom:20px;
}

.list-more-button-wrap {
    text-decoration: none;
    color: #333;
    transition: .4s;
    font-size: 16px;
	display:block;
	position:relative;
}
.list-more-button{
	border:none;
    content: url(https://labfirst.cosmobio.co.jp/wp-content/uploads/2023/07/View-All-Button.png);
    width: 15%;
	padding:5px;
	margin:0px;
	display:inline-block;
}
.list-category-33 .list-more-button{
	width:150px;
}
.list-category-34 .list-more-button{
	width:150px;
}
.list-category-35 .list-more-button{
	width:150px;
}
.list-category-36 .list-more-button{
	width:150px;
}
.list-new-entries .list-more-button{
	width:150px;
	padding-top:2%;
}
.list-category-33 .list-more-button-wrap{
	margin-top:0%;
	z-index:400;
}

.list-category-35 .list-more-button-wrap{
	margin-top:0%;
	z-index:400;
}
.list-category-36 .list-more-button-wrap{
	margin-top:0%;
	z-index:400;
}

.tagcloud .tag-caption , .tagcloud .fa-tag , .tagcloud .tag-link-count{
	font-size:13px;
}

#custom_html-8 .textwidget{
	position:relative;
	top:30%;
}
.entry-card-content{
	padding-bottom:0px;
}
.entry-card-title{
	margin-bottom:0px;
}
.metaslider .flexslider{
	margin-bottom:0px !important;
}
.metaslider .flex-control-nav {
    border: 0;
    margin: 0 auto 7px!important;
    list-style-type: none;
    list-style: none;
    padding: 0;
	bottom:0px !important;
    line-height: 11px;
    z-index: 2;
    display: block;
    width: 100%;
    position: absolute;
    left: 0%;
}
.metaslider .flex-control-nav li a{
	margin:0 1vw;
}
#tag_cloud-2 .tagcloud a{
	flex:0 0 auto;
	max-width:99%;
}


.item-list{
	text-align:center;
	margin:0 4% 4%;
}

.item01{
	width:40%;
}
.item02{
	width:70%;
}



#custom_html-9 .textwidget h2{
	width:100%;
height: 56px;
    position: relative;
    top: -39px;
}
.pick-up-items-image{
	width:350px;
}
.pick-up-items{
    display: block;
    position: relative;
    top: -75px;
    left: 50px;
	font-size:24px;
}

.youtube{
	width:100%;
}
.youtube iframe{
	width:100%;
	aspect-ratio:16/9;
}

#content-top{
	margin-top:0;
}

#content-bottom{
	width:100%;
	margin:0 auto;
	padding-top:45px;
}
#content-bottom-in{
	display:flex;
	flex-wrap:wrap;
	width:800px;
	justify-content:space-around;
	position:relative;
}
#content-bottom-in #custom_html-9 {
	width:390px;
}
#content-bottom-in #tag_cloud-2{
	width:390px;
	height:fit-content;
	padding:1%;
}
#custom_html-5{
	width:390px;
	background-image: url(https://labfirst.cosmobio.co.jp/wp-content/uploads/2023/08/background-youtube.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
    height: 100%;
    background-position: center;
    aspect-ratio: 4/3 !important;
}
#custom_html-5 .textwidget{
    position: relative;
    top: 100px;
    width: 300px;
    left: 30px;
}
#custom_html-8{
	width:390px;
}
#custom_html-9{
	background-color:rgb(242 242 242);
/*	background-image:url(https://labfirst.cosmobio.co.jp/wp-content/uploads/2023/07/Pickup-items.png);*/
	background-repeat:no-repeat;
	background-size:70%;
}
#custom_html-8 .textwidget{
	display:flex;
}
#custom_html-8 .textwidget div{
	width:45%;
	aspect-ratio:1/1;
}
.cosmobioews img{
	width:90%;
	height:auto;
}
.cosmobionews .button a{
	width:44%;
	height:auto;
}
.cosmobionews .button{
	display:flex;
	flex-wrap:nowrap;
	justify-content:space-evenly;
}
.read-newest{
	text-align:center;
	font-size:14px;
}
.mailmagazine img{
	width:90%;
	height:auto;
}
.mailmagazine .button a{
	width:44%;
	height:auto;
}
.mailmagazine .button{
	display:flex;
	flex-wrap:nowrap;
	justify-content:space-evenly;
}
.read-backnumber{
	text-align:center;
	font-size:14px;
}


#custom_html-4{
	width:100%;
}
.ect-vertical-card .entry-card-wrap .entry-card-thumb{
	text-align:center;
}


.list-category-33 .list .entry-card-wrap:first-child{
	position:relative;
	left:11.3%;
}
.list-category-33 .list .entry-card-wrap:nth-child(3){
	position:relative;
	right:11.3%;
}
.list-category-34 .list .entry-card-wrap:first-child{
	position:relative;
	left:9.6%;
}
.list-category-34 .list .entry-card-wrap:nth-child(3){
	position:relative;
	right:9.6%;
}
.list-category-35 .list .entry-card-wrap:first-child{
	position:relative;
	left:10.2%;
}
.list-category-35 .list .entry-card-wrap:nth-child(3){
	position:relative;
	right:10.2%;
}

.list-category-36 .list .entry-card-wrap:first-child{
	position:relative;
	left:10.2%;
}
.list-category-36 .list .entry-card-wrap:nth-child(3){
	position:relative;
	right:10.2%;
}


#main{
	margin:0 auto;
	width:75%;
	max-width:1200px;
}

.home.front-top-page #main{
	margin:0 auto;
	width:75%;
	max-width:10000px;
	padding-bottom:0;
}



	#custom_html-2{
aspect-ratio:1047/72.09;
}

.com-cojp-links .cojplink{
	margin-right:3vw;
}

.header-container-in.hlt-top-menu .logo-header{
	max-height:100px;
}

.header-container-in.hlt-top-menu .wrap {
    width: auto;
    height: auto;
}

#header-container .navi, #navi .navi-in>.menu-header .sub-menu{
    height: 130px;
}

.com-cojp-links a{
	text-decoration:none;
	color:black;
}	
 

#custom_html-2{
	background-color:#f7efef;
}
#footer{
	background-color:#dcdcdc;
}


.ect-vertical-card .entry-card-wrap .entry-card-content{
	margin-top:4%;
	padding-left:5px;
}
.mobile-header-menu-buttons {
display:flex;
bottom:auto;
top:0;
}
.navi-menu-button{
	display:block;
}
#navi{
	display:none;
	float:left;
}
#list-columns .list-category-33{
	margin-bottom:6%;
	position:relative;
}

.list-category-33 .list-category-33-title{
	position: absolute;
    top: 3vw;
	left:8%;
	width:100%;
	z-index:1000;
}

/*.list-category-35 .sp-entry-card-1-column{
    background-image: url(https://labfirst.cosmobio.co.jp/wp-content/uploads/2023/07/category-background-knowledges.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
    position: relative;
    padding-top: 6vw;
	margin:0% -10%;
}*/

.entry-card-categories-ex{
	line-height:18px;
}
.list-category-34 .list{
	padding:0px;
	margin:0 4.5%;
	background-color:white;
}

.list-new-entries .list-new-entries-title , .list-category-33 .list-category-33-title , .list-category-34 .list-category-34-title , .list-category-35 .list-category-35-title , .list-category-36 .list-category-36-title{
	display:block;
}

a.entry-card-wrap.a-wrap.border-element.cf{
	padding:0.5% !important;
}


.navi-menu-content {
  left: auto;
  right: 0;
  transform: translateX(105%);
}
.front-top-page .ect-vertical-card .entry-card-wrap .entry-card-content {
    margin: 0;
    padding-left: 3%;
    padding-right: 3%;
	padding-top:10px;	
}
.search-box {
width:100%;
margin:0 ;
position: relative; display: flex;
	height:100%;
}
.search-edit {
    width:auto; /*入力部分の長さ*/
    background: #fff; /*入力部分の背景色*/
    font-size: 15px;
	border-radius: 30px !important;
	height:75%;
}	
.search-submit {
    background: transparent;
    color: #aeab92;
    position: absolute;
    margin: -5px 5% 0px 0px;
    cursor: pointer;
    line-height: 0;
    border: none;
    padding: 0;
    border-width: 4px;
}

.search-box input::placeholder {
font-size: 14px; color: #aeab92;/*プレースホルダーのフォント大きさと色*/
}
/*ロゴ表示調整*/
.site-logo-image.header-site-logo-image{
	padding-top:18px;padding-left:10px
}



/*pc*/








.list-category-34 .sp-entry-card-1-column{
	padding:0;
	margin:0 4%;
}

.ect-vertical-card{
	padding:0 5%;
}
.list-category-35 .ect-vertical-card{
    background-image: url(https://labfirst.cosmobio.co.jp/wp-content/uploads/2023/07/category-background-knowledges.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
    margin: -6% -20% 0;
    padding-top: 10%;
    aspect-ratio: 16/5;
}

.container{
	overflow-x: hidden;
}

#tag_cloud-2 .tagcloud{
	margin-top:1%;
}

#tag_cloud-2{
	background-color:#b8dfef45;
}

#tag_cloud-2 h2{
	padding-left:5%;
}
#tag_cloud-2 h2::before{    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url(https://labfirst.cosmobio.co.jp/wp-content/uploads/2023/07/tag-icon.png);
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    background-position: right;
}


/*#tag_cloud-2 .widget-content-bottom-title::before{
	content:url(https://labfirst.cosmobio.co.jp/wp-content/uploads/2023/07/tag-icon.png);
}*/

.card-thumb img{
	aspect-ratio:16/9;
	max-width:100%;
}

.wrap{
	width:100%;
}
.hlt-tm-right .navi-in > ul {
	display:inline-flex;
}
.hamburger-menu-icon{
    display: inline-flex;
    height: 85px;
    position: relative;
    top: 60px;
    margin-right: 9px;
}

#navi-in{
	text-align:right;
}



.search-box .search-edits{
	border:3px solid;
	border-radius:20px;
	border-color:#cccccc;
}

.search-icon{
	content:url(https://labfirst.cosmobio.co.jp/wp-content/uploads/2023/07/search-icon.png);
	text-align:right;
	max-height:30px;
	height:100%;
	vertical-align:middle;
}
#navi-in .search-box{
	width:30%;
	margin:0 0 1em;
	position:relative;
	left:60%;
}

#metaslider_widget-2 , #custom_html-2{
	margin-bottom:0px;
}
#custom_html-2 .article-category{
	margin : 0 auto;
	width:90%;
}
#custom_html-4 h2{
	font-size:14px;
}

#custom_html-4{
	text-align:center;
	margin-top:2%;
}
#custom_html-4 .sns-share-buttons{
	justify-content:start;
	display:block;
}
#custom_html-4 .sns-buttons a{
	width: 35px;
    border-radius: 50%;
    font-size: 20px;
    margin: 0 10px;
    height: 35px;
}
#custom_html-8 .cosmobioews ,#custom_html-8 .mailmagazine {
	display:inline-block;
	margin:0 30px;
}
.article-category{
  width : 100%;
}
ul.article-category-list{
  display:flex;
  list-style:none;
  padding-left:0px;
}

.content-top #custom_html-2 li{
  border:none;
  border-radius:10px;
  /*box-shadow:4px 4px 2px 3px #DCDDDD ;*/
  background-color:transparent;
  padding:0.5vw;
  margin:0.5vw;
  width:19%;
  text-align:center;
  font-weight:bold;
  font-size:1.2em;
}
li a{
  display:block;
  width:100%;
  height:100%;
  text-decoration:none;
  color:black;
  vertical-align:middle;
}
.icon-image{
  height:1.5em;
}
li.categories-list01 a{
  content:url(https://labfirst.cosmobio.co.jp/wp-content/uploads/2023/07/menu-long-icon-labfirst.png);
	transform: scale(0.8);
}
li.categories-list02 a{
  content:url(https://labfirst.cosmobio.co.jp/wp-content/uploads/2023/07/menu-long-icon-techinfo.png);
	transform: scale(0.8);
}
li.categories-list03 a{
  content:url(https://labfirst.cosmobio.co.jp/wp-content/uploads/2023/07/menu-long-icon-knowledge.png);
	transform: scale(0.8);
}
li.categories-list04 a{
  content:url(https://labfirst.cosmobio.co.jp/wp-content/uploads/2023/07/menu-long-icon-sustainability.png);
	transform: scale(0.8);
}
li.categories-list05 a{
  content:url(https://labfirst.cosmobio.co.jp/wp-content/uploads/2023/07/menu-long-icon-others.png);
	transform: scale(0.8);
}

li.categories-list01 a{
	display:flex;
	justify-content:center;
}
li.categories-list02 a{
	display:flex;
	justify-content:center;
}
li.categories-list03 a{
	display:flex;
	justify-content:center;
}
li.categories-list04 a{
	display:flex;
	justify-content:center;
}
li.categories-list05 a{
	display:flex;
	justify-content:center;
}


/* インデックスページの新着記事、各カテゴリ記事の前後に―を表示しない*/
.list-title-in:before,.list-title-in:after{
	content:none;
}

.list-title{
	text-align:left;
	font-size:1px;
}
img.new-post-list{
	width:13%
}
.list-title-new{
	margin:0px
}
.list-title-in{
	padding:0px;
}
.cat-label {
display: none;
}
.cat-link{
	background-color:transparent;
	font-size:14px;
}
.fa-tag:before{
	content:"#"
}

a.entry-card-wrap.a-wrap.border-element.cf{
	width:30%;
}

.list-title-new{
	display:inline-block;
	width:220px;
}

.list-new-entries .ect-vertical-card .entry-card-wrap .post-date, .ect-vertical-card .entry-card-wrap .post-update{
	display:none;
}
/*LabFirstのエントリーカードの設定*/
/*.list-category-33{
	background-image:url(https://labfirst.cosmobio.co.jp/wp-content/uploads/2023/07/category-background-labfirst.png);
	background-position:center;	
	background-size:100%;
	background-repeat:no-repeat;
	aspect-ratio: 3.2/1;
	margin:0 0% 0%;
}*/
.list-category-33 a.entry-card-wrap.a-wrap.border-element.cf{
	border:transparent;
	box-shadow:none;
	width:20%;
}

.public-page .cat-link{
    text-decoration: none;
    display: inline-block;
    margin-right: 5px;
	padding:0;
    background-color: transparent;
    font-weight: bold;
}

.list-category-33 .entry-card-categories-ex{
	display:none;
}

.list-category-34 .entry-card-categories-ex{
	display:none;
}

.list-category-35 .entry-card-categories-ex{
	display:none;
}

.list-category-36 .entry-card-categories-ex{
	display:none;
}

.entry-card-categories-ex .cat-icon{
	display:none;
}

.list-category-33 .ect-vertical-card .entry-card-wrap .post-date, .ect-vertical-card .entry-card-wrap .post-update{
	display:none;
}

/*Tech infoのエントリーカードの設定*/
.list-category-34{
    background-color: #78b5ca;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100vw;
    margin: 0% -20% 6%;
    padding: 0px 1% 0;
}
.list-category-34 a.entry-card-wrap.a-wrap.border-element.cf{
	border:transparent;
	box-shadow:none;
	width:21.4%;
}
.list-category-34 .ect-vertical-card .entry-card-wrap .post-date, .ect-vertical-card .entry-card-wrap .post-update{
	display:none;
}
.list-category-34 .sp-entry-card-1-column{
	background-color:#ffffff;
/*	padding-bottom:4%;*/
	padding-top:2%;
}
/*研究ナレッジのエントリーカードの設定*/
.list-category-35{
	margin-bottom:-2%;
}
.list-category-36{
	margin-bottom:0%;
}

.list-category-35 a.entry-card-wrap.a-wrap.border-element.cf{
	border:transparent;
	box-shadow:none;
	width:21%;
}
.list-category-35 .ect-vertical-card .entry-card-wrap .post-date, .ect-vertical-card .entry-card-wrap .post-update{
	display:none;
}


.list-category-36 a.entry-card-wrap.a-wrap.border-element.cf{
	border:transparent;
	box-shadow:none;
	/*padding-top:10% !important;*/
	width:21%;
	margin-top:10%;
}
.list-category-36 .ect-vertical-card .entry-card-wrap .post-date, .ect-vertical-card .entry-card-wrap .post-update{
	display:none;
}

.list-category-36 .ect-vertical-card-2{
    background-image: url(https://labfirst.cosmobio.co.jp/wp-content/uploads/2023/07/category-backgroundimage-sustainability.png);
    background-size: 100%;
    background-repeat: no-repeat;
    position: relative;
    z-index: 100;
    margin: 0.5% -20% 0%;
	aspect-ratio:16/5;
}
.list-title{
	display:inline-block;
	
}

.list-category-33-title .list-title-in{
	content: url(https://labfirst.cosmobio.co.jp/wp-content/uploads/2023/07/category-logo-labfirst.png);
    width: 22%;
}
.list-category-34-title .list-title-in{
    content: url(https://labfirst.cosmobio.co.jp/wp-content/uploads/2023/07/category-logo-techinformation.png);
    max-width: 96%;
    width: 70%;
}
.list-category-35-title .list-title-in{
	content:url(https://labfirst.cosmobio.co.jp/wp-content/uploads/2023/07/category-logo-knowledges.png);
	width:84%;
	aspect-ratio: 589/94;
}

.list-category-36-title .list-title-in{
    content: url(https://labfirst.cosmobio.co.jp/wp-content/uploads/2023/07/category-logo-sustainability.png);
    width: 63vw;
    margin-left: 2%;
    vertical-align: middle;
}
.list-new-entries{
	margin:0 auto 2%;
}
.list-new-entries .list-new-entries-title::before{
	content: '';
    display: inline-block;
    background-image: url(https://labfirst.cosmobio.co.jp/wp-content/uploads/2023/07/New-Posts.png);
    background-size: contain;
    vertical-align: top;
    height: 35px;
    width: 35px;
    background-repeat: no-repeat;
}

.search.search-no-results .list-new-entries .list-new-entries-title::before{
	display:none;
}

.search.search-no-results .list-new-entries{
	margin-top:5%;
}

.list-new-entries .list-new-entries-title{
	position: relative;
    left: 7%;
	font-size:27px;
}


.list-category-34 .list-title{	
    position: relative;
    left: 17%;
}

.list-category-35 .list-title{	
    position: relative;
    left: 7%;
	top:1vw;
    width: 30%;
    z-index: 100;
    padding: 1% 0;
    display: inline-block;
    /* width: 90%; */
    margin-left: 0;
}

#list-wrap a:hover{
	background-color:transparent;
}
/*.list-wrap .list-columns{
	width: 100vw:
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    padding: 40px;
}*/

.list-title{
	margin-bottom:0;
}
.list-category-34 .list-title{
	margin-top:0;
}

.list-category-36 .list-title{
    margin-top: 0;
    background-color: #e58fac;
    position: relative;
    top: 5vw;
    z-index: 0;
    padding: 1% 0;
    display: inline-block;
    width: 103%;
    margin-left: 5%;
}


/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/

@media (min-width: 1024px) {

	.header-container-in.hlt-top-menu .logo-header img {
    max-height: 70px;
    height: auto;
    vertical-align: middle;
    margin-left: 4vw;
	position:relative;
	top:-6px;
}	
	.header-menu-lists{
	margin-right: 7%;
	position:relative;
	top:15px;
}
	.header-menu-lists ul{
		display:flex;
		list-style:none;
}
	.header-menu-lists li a{
		font-size:12px;
		margin-top:9px;
}
	.header-menu-lists li a:hover{
	transition:all;
		color:red;
		text-decoration:underline;
		transition-duration:1s;
}
	.header-menu-lists li{
			margin-right:18px;
}
	.com-cojp-links {
    display: flex;
    position: absolute;
    top: 30px;
    right: 12vw;
    margin: 0;
}
	.add-header-contents {
	position: absolute;
    top: 70px;
    right: 12vw;
    /* bottom: 38px; */
    width: 335px;
    /* float: right; */
    height: 60px;
}

	.mobile-header-menu-buttons {
	    display: block;
    background-color: transparent;
    top: 0% !important;
    width: 100px;
    box-shadow: none;
    position: absolute;
    left: 89%;
    height: 100px;
	padding-left:7%;
	}
	#navi-menu-open{
	content: url(https://labfirst.cosmobio.co.jp/wp-content/uploads/2023/07/hamburger-menu-icon.png);
    transform: scale(0.20);
    position: absolute;
    top: -85px;
    /* right: 10px; */
    right: 10%;
    transform-origin: right;
}
/*	#navi-menu-content{
		z-index:500;
	    height: 350px;
	    overflow: hidden;
    	width: 25%;
}*/
	.logo-menu-button , .search-menu-button{
		display:none;
}
	#navi-menu-open .navi-menu-caption{
		display:none;
}
	#header-container{
		height:75px;
}
}


/*1023px以下*/
@media screen and (max-width: 1023px){
/*必要ならばここにコードを書く*/
.wp-block-image.maker-logo{
	height:25px;
}
.post-template-default.single-post .entry-content.cf.iwe-shadow p{
	font-size:14px;
}
	.opening {
    position: absolute;
    top: 50px;
	left:0;
		right:0;
		bottom:0;
	width:100%;
    background-color: transparent;
	transition: all 0s;
}
.opening--out {
/*	transform:scale(0,0);
	border-radius:50%;*/
	opacity:0;
	transition:all 0.5s ;
	pointer-events:none;
}

.opening-logo {
    opacity: 0;
    transition: opacity 0s;
}
.opening-logo video {
    position: absolute;
	margin:0 auto;
	width:100%;
	height:auto;
}
.opening-logo--visible {
    opacity: 1;
}

	
	
	
.category-archive-image img{
	position:relative;
	top:40px;
}
#header-container{
	display:none;
}

	.mobile-menu-buttons{
		background-color:#fdd7b5;
}
	.has-logo-button .navi-menu-button{
		width:50px;
}
	#navi-menu-open{
	    content: url(https://labfirst.cosmobio.co.jp/wp-content/uploads/2023/07/hamburger-menu-icon.png);
  	  	transform: scale(0.15);
    	position: absolute;
   		top: -102px;
		left:-100px;
}
	.search-submit{
		margin:0px 5% 0px 0px;
}
/*	#search-menu-input:checked ~ #search-menu-content{
		transition:0s;
}*/
	.archive .category-archive-title{
		font-size:25px;
}
}
@media (max-width: 1023px){
.post-template-default.single.single-post .under-entry-content .related-list{
	flex-wrap:wrap;
}

.post-template-default.single.single-post .under-entry-content .related-list .related-entry-card-wrap{
	width:48%;
}
.post-template-default.single.single-post .under-entry-content .related-list .related-entry-card-wrap:nth-child(5){
	display:none;
}

	.search.search-results a.entry-card-wrap.a-wrap.border-element.cf{
		width:100%;
}
	.search.search-results .list .entry-card.e-card.cf{
		display:flex;
}
		.search.search-results .list .entry-card .entry-card-thumb{
			width:40%;
}

		.search.search-results .list .entry-card .entry-card-content{
			width:60%;
}
	.search.search-results .list .entry-card-wrap:first-child .entry-card{
		display:block;
}
		.search.search-results .list .entry-card-wrap:first-child .entry-card .entry-card-thumb{
			width:100%;
}

		.search.search-results .list .entry-card-wrap:first-child .entry-card .entry-card-content{
			width:100%;
}
	

	.list-category-34 .list-more-button {
    width: 120px;
}
.list-category-33 .list-more-button {
    width: 120px;
}	
	.list-category-35 .list-more-button {
    width: 120px;
}
	.list-category-36 .list-more-button {
    width: 120px;
}
	.list-new-entries .list-more-button {
    width: 120px;
}
}

/*834px以下*/
@media screen and (max-width: 834px){
	.read-newest a , .read-backnumber a{
		font-size:11px;
}

#custom_html-13 .textwidget.custom-html-widget img{
	width:60%;
}
#custom_html-13{
	font-size:25px;
}
#custom_html-13 .widget-index-top-title.main-widget-label {
    position: relative;
    top: 25px;
    font-weight:bold;
    padding-left:12%;
}
.wp-block-image.maker-logo{
	height:23px;
}
.page-template-default #main , .single.single-post #main{
	width:85%;
}
.post-template-default.single-post .entry-content.cf.iwe-shadow .teacher-profile .teacher-name{
	font-size:17px;
}
.teacher-profile .teacher-name:before{
	height:30px;
	width:30px;
}
.current-position, .career-history {
    margin-left: 41px;
}
.post-template-default.single-post .entry-content.cf.iwe-shadow .teacher-profile .current-position{
	font-size:14px;
}
.error404 .page404-content{
	display:grid;
	grid-template-areas:
		"image404"
		"message404";
}
.error404 .page404-content .message404{
	grid-area:message404;
	padding-right:0;
	width:100%;
	margin-top:0;
}
.error404 .page404-content .page404-image{
	grid-area:image404;
	width:100%;
	text-align:center;
}
.error404 .page404-content .page404-image img{
	width:35%;
}
	#custom_html-14{
		margin-bottom:0;
}
	
	
	
.search.search-results a.entry-card-wrap.a-wrap.border-element.cf{
	width:49%;
}
.search.search-results a.entry-card-wrap.a-wrap.border-element.cf:first-child{
	width:100%;
}
	.search.search-results .list .entry-card.e-card.cf{
		display:block;
}
.search.search-results .list .entry-card .entry-card-thumb{
	width:100%;
}
	.search.search-results .list .entry-card .entry-card-content{
		width:100%;
}
.archive .ect-vertical-card{
	gap:5px 0;
}	
.post-template-default .article h2,.post-template-default .article h3{
	font-size:18px;
}
.post-template-default .article h3:after{
	height:3px;
}
	
.post-template-default.single-post .entry-content.cf.iwe-shadow p{
	font-size:13px;
}
.post-template-default .article h1{
	font-size: 20px;
	line-height:40px;
}
.categoryid-33 h1:first-letter,.categoryid-34 h1:first-letter,.categoryid-35 h1:first-letter,.categoryid-36 h1:first-letter{
	font-size:20px;
	padding:8px;
}
	
	.pagination-next-link{
		font-size:16px;
}
.list-category-34.list-column .ect-vertical-card{
	padding-top:0;
}
	.archive #main{
		width:85%;
}
.archive.tag #list, .search #list{
	margin-top:30px;
}
.page-id-522 .pick-up-items-image{
	width:250px;
}
.page-id-522 .pick-up-items {
    display: block;
    position: relative;
    top: -45px;
    left: 0px;
    font-size: 18px;
}
.list-new-entries .list-new-entries-title {
    position: relative;
    left: 2%;
}
.post-template-default.single.single-post .under-entry-content .related-list{
	flex-wrap:wrap;
}

.post-template-default.single.single-post .under-entry-content .related-list .related-entry-card-wrap{
	width:48%;
}
.post-template-default.single.single-post .under-entry-content .related-list .related-entry-card-wrap:nth-child(5){
	display:none;
}

.archive.tag a.entry-card-wrap.a-wrap.border-element.cf{
	width:100%;
	border:none;
}
	.archive.tag a.entry-card-wrap.a-wrap.border-element.cf .entry-card{
		display:flex;
}
	.archive.tag a.entry-card-wrap.a-wrap.border-element.cf .entry-card .entry-card-thumb{
		width:40%;
}
	.archive.tag a.entry-card-wrap.a-wrap.border-element.cf .entry-card .entry-card-content{
		width:60%;
}	
.home.blog a.entry-card-wrap.a-wrap.border-element.cf{
    width: 48%;
}
.home.blog a.entry-card-wrap.a-wrap.border-element.cf:first-child{
    width: 100%;
}
.home.blog.front-top-page  a.entry-card-wrap.a-wrap.border-element.cf:first-child{
    width: 100%;
	border-top:0;
}
.home.blog .list-new-entries a.entry-card-wrap.a-wrap.border-element.cf:first-child{
    width: 100%;
	border-top:1px solid;
}
.archive.category #list .entry-card-wrap.a-wrap.border-element.cf{
	width:48%;
}
.archive.category #list .entry-card-wrap.a-wrap.border-element.cf:first-child{
	width:100%;
}
	
		
.list-category-36.list-column{
	margin-top:10%;
}
	.ect-vertical-card{
		padding:0 2%;
}
.home.front-top-page #main{
	width:90%;
	padding:0;
}
	#content-bottom-in{
		width:490px;
}
	.list-new-entries{
		margin:0 0% 13%;
}
	.list-new-entries a.entry-card-wrap.a-wrap.border-element.cf:first-child{
		width:100%;
		margin-bottom:3%;
}
	.list-new-entries a.entry-card-wrap.a-wrap.border-element.cf:nth-child(2){
		width:48%;
}
	.list-new-entries a.entry-card-wrap.a-wrap.border-element.cf:nth-child(3){
		width:48%;
}
	
	
.list-category-33 a.entry-card-wrap.a-wrap.border-element.cf ,	.list-category-34 a.entry-card-wrap.a-wrap.border-element.cf , 	.list-category-35 a.entry-card-wrap.a-wrap.border-element.cf , 	.list-category-36 a.entry-card-wrap.a-wrap.border-element.cf{
		width:100%;
		display:flex;
}
	.list-category-33 a.entry-card-wrap.a-wrap.border-element.cf:nth-child(2){
		width:48%;
}
	.list-category-33 a.entry-card-wrap.a-wrap.border-element.cf:nth-child(3){
		width:48%;
}
	.list-category-34 a.entry-card-wrap.a-wrap.border-element.cf:nth-child(2){
		width:48%;
}
	.list-category-34 a.entry-card-wrap.a-wrap.border-element.cf:nth-child(3){
		width:48%;
}
	.list-category-35 a.entry-card-wrap.a-wrap.border-element.cf:nth-child(2){
		width:48%;
}
	.list-category-35 a.entry-card-wrap.a-wrap.border-element.cf:nth-child(3){
		width:48%;
}
	.list-category-36 a.entry-card-wrap.a-wrap.border-element.cf:nth-child(2){
		width:48%;
}
	.list-category-36 a.entry-card-wrap.a-wrap.border-element.cf:nth-child(3){
		width:48%;
}
.list-category-35 .ect-vertical-card{
	background-image:none;
}
	.list-category-36 .ect-vertical-card{
	background-image:none;
	margin-left:0;
	margin-right:0;
}
.list-category-35 .list .entry-card-wrap:first-child {
    position: relative;
    left: 0% ;
}
.list-category-35 .list .entry-card-wrap:nth-child(3) {
    position: relative;
    right: 0% ;
}
	.list-category-33 .list-category-33-title{
		position:relative;
		top:0;
		left:4%;
		width:100%;
		margin-left:0%;
}
.list-category-34 .list .entry-card-wrap:first-child {
    position: relative;
    left: 0%;
}
.list-category-34 .list .entry-card-wrap:nth-child(3) {
    position: relative;
    left: 0%;
}
	.list-category-34{
		margin-left:0;
		margin-right:0;
		background:none;
}
	.list-category-34 .list{
		padding:0 5%;
}
	
.list-category-34-title .list-title-in {
	width:92%;
}
	#list-columns .ect-vertical-card-2 .entry-card{
		display:block;
		padding-bottom:2%;
		width:100%;
}
	#list-columns .ect-vertical-card-2 .entry-card .entry-card-thumb{
		width:100%;
}
	#list-columns .ect-vertical-card-2 .entry-card .entry-card-content{
		width:100%;
		padding-left:10px;
}
	.list-category-34 .list{
		margin:0;
}
	.list-category-34 .sp-entry-card-1-column{
		margin:0;
}
	.list-category-33 .list-more-button-wrap{
		margin-top:0;
}
	.list-category-34 .list-title {
		position:relative;
		left:0%;
}
	.list-category-34 .sp-entry-card-1-column{
		padding-top:0;
}
	.list-category-35 .list-title{
		position:relative;
		top:0;
		left:2%;
}
	.list-category-35{
		margin:0;
}
	.list-category-35 .ect-vertical-card{
		padding-top:0;
}
	.list-category-36 .list-title{
		padding:0;
		margin-left:5%;
		position:relative;
		top:0;
		width:95%;
		margin-bottom:3%;
		margin-left:2%;
}
	.list-category-36-title .list-title-in {
    width: 89%;
    margin-left: 2%;
    vertical-align: middle;
    padding: 5px 0;
}
	.list-new-entries .list-more-button , .list-category-33 .list-more-button , .list-category-34 .list-more-button , .list-category-35 .list-more-button , .list-category-36 .list-more-button {
		width:100px;
}
	.list-category-36 a.entry-card-wrap.a-wrap.border-element.cf{
		padding-top:0 !important;
}
	.list-category-36 ect-vertical-card-2{
		margin-top:2%;
}
.list-category-33 .list .entry-card-wrap:first-child{
	position:relative;
	left:0;
}
.list-category-33 .list .entry-card-wrap:nth-child(3){
	position:relative;
	right:0;
}	
	
	#custom_html-4 h2 {
    font-size: 11px;
    margin-bottom: 10px;
}
	#content-bottom-in #custom_html-9 {
    width: 240px;
    height: 171px;
    position: relative;
    top: 43px;
}
	#custom_html-9 .textwidget h2 {
    width: 100%;
    height: 56px;
    position: relative;
    top: -21px;
}
	.pick-up-items-image {
    width: 210px;
}
	.pick-up-items {
    display: block;
    position: relative;
    top: -47px;
    left: 30px;
    font-size: 15px;
}
	.item-list {
    text-align: center;
    margin: 0 4% 4%;
    position: relative;
}
#content-bottom-in #tag_cloud-2 {
    width: 240px;
    height: fit-content;
    padding: 1%;
}	
	
	#tag_cloud-2 .widget h2{
		font-size:16px;
}
	#tag_cloud-2 h2::before{
		width:16px;
		height:16px;
}
	#custom_html-8 {
    width: 240px;
}
	#custom_html-8 .textwidget div {
width:115px;
		margin:0 auto;
}
	#custom_html-8 .mailmagazine{
		margin-left:10px;
}
	#custom_html-5{
		width:240px;
}
	#custom_html-5 .textwidget {
    position: relative;
    top: 58px;
    width: 76%;
    left: 20px;
}
		
	
	.list-category-36-title .list-title-in{
		width:61vw;
}
.list-category-33-title .list-title-in{
	content:url(https://labfirst.cosmobio.co.jp/wp-content/uploads/2023/07/category-logo-labfirst.png);
	max-height:50px;
	height:100%;
}
	
	.list-more-button-wrap {
    padding: 0;
    text-decoration: none;
    color: #333;
    transition: .4s;
    font-size: 12px;
}
		
	.entry-card-title{
		font-size:14px;
}
	.tag-link{
		font-size:11px;
		    line-height: 24px;
}
	.list-category-35 .ect-vertical-card{
		margin:0;
}
	.list-category-36 .list .entry-card-wrap:first-child {
    position: relative;
    left: 0;
}
	.list-category-36 .list .entry-card-wrap:nth-child(3) {
    position: relative;
    right: 0;
}
}



/************************************
****　全体のバランス
************************************/
.entry-content {/*本文下の空白を削除*/
padding-bottom: 0;
margin-bottom: 0;
}

/*スマホ表示用（画面サイズ500pxで切り分けと仮定）*/
@media screen and (max-width:500px){
#notice-area {
	font-size:13px;
}
.home.blog .list-new-entries a.entry-card-wrap.a-wrap.border-element.cf:first-child{
	width:93%;
}
.page-id-522 .pick-up-items{
font-size:15px;
top:-38px;
}
	.wp-block-image.maker-logo{
	height:20px;
}
.navi-footer-in a{
	font-size:12px;
}
.teacher-photo-container{
	position:relative;
}
.teacher-photo-container .teacher-photo{
	position:absolute;
	top:20%;
}
	.list-new-entries .cat-link{
		font-size:12px;
}
.search-no-results #popular_entries-3 .popular-entry-cards{
	width:90%;
}
	
	
.page-id-546 iframe{
	height:1700px;
}
#custom_html-13 .widget-index-top-title.main-widget-label{
	margin-bottom:5px;
	font-size:20px;
}
.home.blog a.entry-card-wrap.a-wrap.border-element.cf{
	width:100%;
	border:none;
	box-shadow:none;
	    border-top: 1px dotted #0003;
    border-radius: 0;
}
.home.blog.front-top-page a.entry-card-wrap.a-wrap.border-element.cf{
	width:100%;
	border-radius:0px;
	box-shadow:none;
}

.home.blog a.entry-card-wrap.a-wrap.border-element.cf .entry-card{
	display:flex;
}
.home.blog.front-top-page a.entry-card-wrap.a-wrap.border-element.cf .entry-card{
	display:block;
}
.home.blog .ect-vertical-card .entry-card-wrap .entry-card-thumb{
	width:33%;
}
.home.blog.front-top-page .ect-vertical-card .entry-card-wrap .entry-card-thumb{
	width:100%;
}
.home.blog .entry-card-content{
	width:67%;
	margin-top:0px;
}
.home.blog.front-top-page .entry-card-content{
	width:100%;
}
.pagination-next-link {
    font-size: 12px;
}
.home.blog.body.public-page #main #list{
	gap:10px 0;
}
.entry-title, .archive-title{
	font-size:16px;
}
.archive .ect-vertical-card{
	padding-left:10px;
	padding-right:10px;
}
.post-template-default.single-post .entry-content.cf.iwe-shadow .teacher-profile .teacher-name{
	font-size:17px;
	margin-left:0px;
}
.post-template-default.single-post .entry-content.cf.iwe-shadow .teacher-profile .current-position{
	font-size:14px;
}
.teacher-profile .teacher-name:before{
	height:30px;
	width:30px;
}
.post-template-default .article h3:after{
	height:2px;
}
	.post-template-default.single-post .entry-content.cf.iwe-shadow p{
		font-size:14px;
}
	.post-template-default.single-post .entry-content.cf.iwe-shadow .career-history{
		width:100%;
		padding-right:0;
}
	.post-template-default .article h1{
	font-size: 18px;
	line-height:36px;
}
	.post-template-default .article h2{
		font-size:16px;
}
	.post-template-default .article h3{
		font-size:16px;
}
.categoryid-33 h1:first-letter,.categoryid-34 h1:first-letter,.categoryid-35 h1:first-letter,.categoryid-36 h1:first-letter{
	font-size:18px;
	padding:6px;
}
.single-post .article-header .date-tags{
	line-height:1;
}
	
	.opening {
    position: absolute;
    top: 50px;
	left:0;
		right:0;
	width:100%;
    background-color: transparent;
	transition: all 0.5s;
}
.opening--out {
/*	transform:scale(0,0);
	border-radius:50%;*/
	opacity:0;
	transition:all 1.5s ;
	pointer-events:none;
}

.opening-logo {
    opacity: 0;
    transition: opacity 3s;
}
.opening-logo video {
/*    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;*/
	width:100%;
	height:auto;
}
.opening-logo--visible {
    opacity: 1;
}


	.entry-card-meta.card-meta.e-card-meta{
		display:none;
}
	.public-page #main{
		width:90%;
}
.home.blog a.entry-card-wrap.a-wrap.border-element.cf .entry-card-tags-ex{
	padding-bottom:0;
}
.search.search-results #main {
	width:95%;
}
	.list-new-entries{
		margin:0 ;
}
	
	#custom_html-5 {
    width: 390px;
    background:none ;
}
	#custom_html-5 .textwidget{
	    background-image: url(https://labfirst.cosmobio.co.jp/wp-content/uploads/2023/08/background-youtube.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
    height: 100%;
    background-position: center;
    aspect-ratio: 4/3 !important;
    width: 100%;
		position:relative;
		top:20px;
		left:0;
}
	.youtube {
    width: 74%;
    position: relative;
    top: 33%;
    left: 10%;
}
	#content-bottom-in #custom_html-9{
		width:100%;
		position:relative;
		top:0;
		height:200px;
}
	#content-bottom-in #tag_cloud-2{
		width:100%;
}
	#content-bottom-in #custom_html-8{
		width:100%;
}
	#content-bottom-in #custom_html-5{
		width:100%;
}
		#content-bottom-in #custom_html-4{
		width:100%;
}
	#content-bottom-in{
		width:90%;		
}
	.pick-up-items{
    font-size: 14px;
    margin-left: 5px;
    position: relative;
    top: -44px;
}
	.item-list{
		margin:0;
    background: rgb(242 242 242);
    padding-bottom: 10px;
}
.tagcloud .tag-caption, .tagcloud .fa-tag, .tagcloud .tag-link-count{
		font-size:10px;
}
	#tag_cloud-2 h2 {
		font-size:14px;
}
	#content-bottom-in #tag_cloud-2{
		padding:3%;
		margin-top:20px;
		margin-bottom:0;
}
	#custom_html-8 .textwidget {
    display: flex;
    justify-content: space-around;
}
	#custom_html-8 .mailmagazine{
		margin:0;
}
.home.front-top-page #main{
	width:100%;
	padding:0;
}
	#navi-menu-contents{
		width:300px;
		height:400px;
		margin-top:10vh;
}
	.page-body {
font-size: 13px;
}
	.ect-vertical-card{
		padding:0%;
}
	.list-new-entries .list-new-entries-title{
		position:relative;
		left:1%;
}
	.list-new-entries .list-new-entries-title .list-title-in{
		font-size:22px;
}
	.list-new-entries .list-new-entries-title::before {
    content: '';
    display: inline-block;
    background-image: url(https://labfirst.cosmobio.co.jp/wp-content/uploads/2023/07/New-Posts.png);
    background-size: contain;
    vertical-align: middle;
    height: 33px;
    width: 33px;
    background-repeat: no-repeat;
    background-position: right;
    position: relative;
left: 4%;
    margin-right: 5%;
}
	 .front-top-page .list-new-entries .ect-vertical-card-2 a.entry-card-wrap.a-wrap.border-element.cf{
		 width:93%;
		 border:1px solid black;
		 border-radius:10px;
		 margin-bottom:2%;
}

	.entry-card-tags-ex{
		padding-bottom:0;
}
	
	.list-category-33 {
		margin:0;
}
	
	
	.list-category-33 .list{
	display:flow;
background-image:none;
    padding-top: 0;
}
	.list-category-33 .ect-vertical-card .entry-card-wrap:first-child{
		position:relative;
		left:0;
}
	.list-category-33 .ect-vertical-card .entry-card-wrap:nth-child(3){
		position:relative;
		right:0;
}
	.list-category-34 .ect-vertical-card .entry-card-wrap:first-child{
		position:relative;
		left:0;
}
	.list-category-34 .ect-vertical-card .entry-card-wrap:nth-child(3){
		position:relative;
		right:0;
}
	.list-category-35 .ect-vertical-card .entry-card-wrap:first-child{
		position:relative;
		left:0;
}
	.list-category-35 .ect-vertical-card .entry-card-wrap:nth-child(3){
		position:relative;
		right:0;
}

		.list-category-36 .ect-vertical-card .entry-card-wrap:first-child{
		position:relative;
		left:0;
}
	.list-category-36 .ect-vertical-card .entry-card-wrap:nth-child(3){
		position:relative;
		right:0;
}

	.list-category-34 {
    background-color: #fff;
	margin:0;
	padding:0;
}
	.list-category-35 .ect-vertical-card {
    background-image:none;
	margin:0;
}
	.list-category-36 .ect-vertical-card {
    background-image:none;
	margin:0;
}
	.list-category-36 .sp-entry-card-1-column {
    background-image: none;
}
	#list-columns .list-category-33{
		margin-bottom:0%;
}
	.list-category-33 a.entry-card-wrap.a-wrap.border-element.cf ,	.list-category-34 a.entry-card-wrap.a-wrap.border-element.cf , 	.list-category-35 a.entry-card-wrap.a-wrap.border-element.cf , 	.list-category-36 a.entry-card-wrap.a-wrap.border-element.cf{
		width:100%;
		display:flex;
}
	.list-category-33 .list-category-33-title{
		position:relative;
		top:0;
		left:3%;
		width:100%;
		margin-left:0%;
}
	
	#list-columns .ect-vertical-card-2 .entry-card{
		display:flex;
		padding-bottom:2%;
}
	#list-columns .ect-vertical-card-2 .entry-card .entry-card-thumb{
		width:33%;
}
	#list-columns .ect-vertical-card-2 .entry-card .entry-card-content{
		width:67%;
		padding-left:10px;
		margin:auto;
		padding-top:0;
}
	.list-category-34 .list{
		margin:0;
}
	.list-category-34 .sp-entry-card-1-column{
		margin:0;
}
	.list-category-33 .list-more-button-wrap{
		margin-top:0;
}
	.list-category-34 .list-title {
		position:relative;
		left:1%;
}
	.list-category-34 .sp-entry-card-1-column{
		padding-top:0;
}
	.list-category-35 .list-title{
		position:relative;
		top:0;
		left:2%;
}
	.list-category-35{
		margin:0;
}
	.list-category-35 .ect-vertical-card{
		padding-top:0;
}
	.list-category-36 .list-title{
		padding:0;
		margin-left:5%;
		position:relative;
		top:0;
		width:95%;
		margin-bottom:3%;
		margin-left:2%;
}
	.list-category-36-title .list-title-in {
    width: 89%;
    margin-left: 2%;
    vertical-align: middle;
    padding: 5px 0;
}
	.list-new-entries .list-more-button , .list-category-33 .list-more-button , .list-category-34 .list-more-button , .list-category-35 .list-more-button , .list-category-36 .list-more-button {
		width:100px;
}
	.list-category-36 a.entry-card-wrap.a-wrap.border-element.cf{
		padding-top:0 !important;
}
	.list-category-36 ect-vertical-card-2{
		margin-top:2%;
}
	
.single-post .under-entry-content .related-list{
	display:block;
	margin:0 10px;
}
.post-template-default.single.single-post .under-entry-content .related-list .related-entry-card-wrap{
	width:100%;
}
.list-new-entries .entry-card-title{
	font-size:13px;
}

.list-category-33-title .list-title-in{
	width:27%;
}
.list-category-34-title .list-title-in{
	width:93%;
}

.list-category-35-title .list-title-in{
	width:100%;
}
	.footer-bottom{
		font-size:12px;
		padding:12px;
		margin-top:12px;
}
	.list-columns .ect-vertical-card{
		margin:1% 2% 0;
}
	.category #main , .single-post #main{
		width:95%;
}
	.category .ect-vertical-card-2{
		display:flow;
}
.archive.category #list .entry-card-wrap.a-wrap.border-element.cf{
		border:none;
		width:100%;
		margin-bottom:3%;
}
	

	.category .ect-vertical-card-2 .entry-card-wrap .entry-card{
		display:flex;
}
	.category .ect-vertical-card-2 .entry-card-wrap .entry-card .entry-card-thumb{
	width:33%;
}
	.category .ect-vertical-card-2 .entry-card-wrap .entry-card .entry-card-content{
		width:67%;
		margin:auto;
}
	.archive .category-archive-title{
		font-size:20px;
		position: relative;
    top: 75%;
    left: 14%;
}
	.list-new-entries .ect-vertical-card .entry-card-wrap .entry-card-content{
		padding-left:10px;
}
	.list-more-button-wrap{
		margin-bottom:30px;
}

	.description-about-category{
		font-size:12px;
}	
	.entry-content{
		margin:0;
}
	.about-category{
		margin-bottom:0;
}
	.entry-card-title{
		font-size:14px;
}
	.tag-link{
		font-size:11px;
}
	.article h2{
		font-size:18px;
}
	.article h3{
		font-size:17px;
}
	.single-post .related-entry-heading{
		margin:0;
		font-size:16px;
		padding-left:4%;
}
	.single-post .under-entry-content .related-entry-heading:before{
		width:20px;
		height:20px;
}
	.single-post #main{
		border-radius:0;
}
	#related-entries , .single-post #custom_html-11{
		margin:0;
}
	.category-archive-image{
		text-align:center;
}
	.category-archive-image img{
		width:210px;
		position:relative;
		top:-10%;
}
		.category-page-content.entry-content {
    display: flow;
}
	.category-archive-image{
		position: absolute;
    top: 73px;
    left: 24%;
}
	.category-archive-image{
		width:50%;
}
		.list-category-33 a.entry-card-wrap.a-wrap.border-element.cf:nth-child(2){
		width:100%;
}
	.list-category-33 a.entry-card-wrap.a-wrap.border-element.cf:nth-child(3){
		width:100%;
}
	.list-category-34 a.entry-card-wrap.a-wrap.border-element.cf:nth-child(2){
		width:100%;
}
	.list-category-34 a.entry-card-wrap.a-wrap.border-element.cf:nth-child(3){
		width:100%;
}
	.list-category-35 a.entry-card-wrap.a-wrap.border-element.cf:nth-child(2){
		width:100%;
}
	.list-category-35 a.entry-card-wrap.a-wrap.border-element.cf:nth-child(3){
		width:100%;
}
	.list-category-36 a.entry-card-wrap.a-wrap.border-element.cf:nth-child(2){
		width:100%;
}
	.list-category-36 a.entry-card-wrap.a-wrap.border-element.cf:nth-child(3){
		width:100%;
}
.list-category-34 .list{
	padding:0;
}
	.article-category-list{
		flex-wrap:wrap;
}
.content-top #custom_html-2 li{
		width:32.1%;
}
	.content-top #custom_html-2 .categories-list04{
		margin-left:18%;
}
li.categories-list01 a{
	transform:scale(0.85);
}
li.categories-list02 a{
	transform:scale(0.85);
}
li.categories-list03 a{
	transform:scale(0.85);
}
li.categories-list04 a{
	transform:scale(0.85);
}
li.categories-list05 a{
	transform:scale(0.85);
}
.list-new-entries .list-title-in{
	position:relative;
	top:0;
}
	.archive.tag a.entry-card-wrap.a-wrap.border-element.cf .entry-card .entry-card-thumb{
		width:33%;
}
	.archive.tag a.entry-card-wrap.a-wrap.border-element.cf .entry-card .entry-card-content{
		width:67%;
}
	.search.search-results .ect-vertical-card {
    padding: 2% 1%;
    gap: 15px 0;
}
	.article .separate-line{
		padding-bottom:5px;
}
}
/*スマホ表示（画面サイズ500px以下ここまで）*/

/*スマホでLab.Firstの背景が消えないので応急処置*/
@media screen and (min-width:834px){
	
.list-category-33 .ect-vertical-card{
    background-image: url(https://labfirst.cosmobio.co.jp/wp-content/uploads/2023/07/category-background-labfirst.png);
    background-position: top;
    background-size: 100%;
    background-repeat: no-repeat;
    aspect-ratio: 3.2/1;
    padding-top: 8.5vw;
	margin:0 -23%;
}	
}
/*画面サイズ1920px以上*/
@media screen and (min-width:1920px){
	.entry-card-title {
    font-size: 20px;
}
	.cat-link{
		font-size:18px;
}
}



/*cookie.css*/

#cm{
  width: auto!important;
  max-width: none!important;
  margin: 0 1em!important;
  background: rgba(0, 0, 0, .7);
}
#c-txt{
 color:#fff;
}
#c-inr{
  display: flex!important;
  justify-content: center!important;
  align-items: center!important;
}
#c-p-bn{
  margin-left: 20px!important;
  width: 10em!important;
  text-align: center!important;
}

#c-s-bn{
  margin-left: 20px!important;
  width: 10em!important;
  text-align: center!important;
}
.cc_div a{
  color: #D66B01!important;
  border-bottom: none!important;
}
.cc_div a:hover{
  color: #D66B01!important;
}
.cc_div .cc-link{
  color: #D66B01!important;
  border-bottom: none !important;
}
#c-bns button:first-child, #s-bns button:first-child{
  background: #f56840 !important;
  order: 2;
}

:root {
    --cc-btn-primary-bg: #f56840 !important;
}
@media screen and (max-width: 768px) {
#c-inr{
  display: block!important;
}
#c-p-bn{
  margin-left: 0!important;
  width: 100%!important;

}
#c-s-bn{
  margin-left: 0!important;
  width: 100%!important;
}
#cm .c-bn, .cc_div .c-bn{
  margin-right: 0!important;
  margin-top: .625em!important;
}
}