/*
====================================================

* 	[Master Stylesheet]
	
	Theme Name :  
	Version    :  
	Author     :  
	Author URI :  

====================================================

	TOC
	
	1. PRIMARY STYLES
	2. COMMONS FOR PAGE DESIGN
	3. MENU
		TOP MENU
		SEARCH AREA
		MIDDLE AREA
		BOTTOM AREA
		DROPDOWN MENU STYLING
		DROPDOWN SUBMENU
		DROPDOWN HOVER
	4. SLIDER
	5. SINGLE POST
		POST STYLE TWO 
		LOAD MORE BUTTON
	6. SIDEBAR STYLING
		ABOUT AUTHOR 
		SEARCH AREA
		NEWSLETTER AREA
		CATEGORY AREA
		LATEST POSTS
		ADVERTISEMENT AREA
		INSTAGRAM 
		TAGS
	7. FOOTER INSTAGRAM STYLING 
	8. FOOTER

====================================================

/* ---------------------------------
1. HEADER
--------------------------------- */

header .header-section {
	margin: 20px 0px;
	background: #97D154;
	height: 50px;
	line-height: 50px;
}
.vw-toplogo{
	width : 30vw !important; 
}

.carousel-caption {
	position: absolute;
	top: 85%;
	transform: translateY(-50%);
  }
/* ---------------------------------
2. Menu
--------------------------------- */
.exp_navbar {
	color: #000;
	background: #D2D3D2;
}

.navbar-toggler{
	border-color: #000000;
}
.navbar-toggler .navbar-toggler-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
  }

.exp_navitem {
	color: #000;
	
}

.exp_navitem:hover{
    color: #FFFFFF; 
    background-color: #97D154; 
    text-decoration: none; 
}

/* ---------------------------------
3. News
--------------------------------- */
/* ボーダーの太さ */
.border-2{
    border-width:2px !important;
}

.border-3{
    border-width:3px !important;
}

.border-4{
    border-width:4px !important;
}

.border-5{
    border-width:5px !important;
}

/* .badge-success{
	background-color: #97D154; 
} */


/* ---------------------------------
8. FOOTER
--------------------------------- */
footer {
	background: #FFFFFF;
	color: #000000;
}

footer .footer-section {
	margin: 20px 0px;
	background: #97D154;
	height: 100px;
	line-height: 100px;
}
.vw-footerlogo{
	width : 20vw !important; 
}
.bk-footerlogo{
	background: #E0E0E0;
}

.exp_nav {
	color: #000;
	background: #97D154;
	height: 70px;
	line-height: 70px;
}
.exp_navitemfoot {
	color: #000;
}

.exp_navitemfoot:hover{
    color: #FFFFFF; 
}


a:hover {
	opacity: 0.8;
}

/*-----------------------------------

	丸ぱくCSS
-----------------------------------*/

.flow {
	margin-top: 20px;
}
.link {
	background: #ae8a46;
	color: #fff;
	display: inline-block;
	text-align: center;
	width: 300px;
	padding: 10px;
	box-sizing: border-box;
}
.link span{
	border-bottom: 1px solid #fff;
	display: inline-block;
	line-height: 2;
	letter-spacing: 0.05em;
}
.pdf {
	overflow:hidden;	
	vertical-align: middle;
	list-style: none;
}
 .pdf li {
	float:left;
	width:32%;
	margin-right:2%;	

}
 .pdf li:last-of-type {
	margin-right: 0;
}
.pdf li a {
    display: block;
    font-size: 15px;
    line-height: 1.7;
    padding: 10px;
    border: 1px solid #a0a0a0;
    position: relative;
    text-align: center;
    height: 65px;
	
}

.pdf2 {
	overflow:hidden;	
	vertical-align: middle;
	list-style: none;
}
 .pdf2 li {
	float:left;
	width:100%;
	margin-right:2%;	

}
 .pdf2 li:last-of-type {
	margin-right: 0;
}
.pdf2 li a {
    display: block;
    font-size: 20px;
    line-height: 1.7;
    padding: 10px;
    border: 1px solid #a0a0a0;
    position: relative;
    text-align: center;
    height: 65px;
	
}
 .link_box {
	overflow:hidden;
	width:70%;
	margin: 50px auto;	
}



.pdf_link a {
	position: relative;
}
/*.pdf li a::before{
	content: "";
	width: 31px;
	height: 31px;
	background: url(../img/cryoem/cryoem_icon_pdf.png) no-repeat;
	background-size: contain;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 20px;
	margin: auto;
}*/
/* .pdf li a::after {
	content: "PDF";
	display: inline-block;
	font-size: 13px;
	line-height: 1;
	letter-spacing: 0.05em;
	padding: 5px;
	border: 1px solid #ae8a46;
	color: #ae8a46;
	margin-left: 10px;
	vertical-align: middle;
} */
/* .pdf_link::after {
	content: "PDF";
	display: inline-block;
	font-size: 13px;
	line-height: 1;
	letter-spacing: 0.05em;
	padding: 5px;
	border: 1px solid #fff;
	color: #fff;
	margin-left: 10px;
	vertical-align: middle;
} */
.note {
    font-size: 12px;
    margin-top: 10px;
}
@media screen and (max-width: 1200px){
	
	.link_box {
		width:80%;
	}
	.link {
		width: 48%;
	}

}
@media screen and (max-width: 840px){
	
	.link {
		width: 300px;
		float:none !important;
	}
	.left {
		float:none !important;
		margin:0 auto;
	}
	.right {
		float:none !important;
		margin:20px auto 0;
	}
	.pdf li a {
		font-size: 13px;
	}

}
@media screen and (max-width: 640px){
	.flow {
		max-width: 300px;
		width: 75%;
		margin: 20px auto 0;
	}
	.link_box {
		margin: 20px auto;
	}
	.pdf li {
		float: none;
		width: 100%;
		margin: 20px auto 0 !important;
	}
	
	.pdf li a {
		font-size: 14px;
		letter-spacing: 0.05em;
		height: auto;
		text-align: left;
	}
	.pdf li a::after {
		font-size: 12px;
		height: 12px;
		line-height: 12px;
		/*position: absolute;
		top: 0;
		bottom: 0;
		right: 20px;
		margin: auto;*/
	}
}

.pc{
	display:block;
}
.sp{
	display:none;
}