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

* 	[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; 
}
/* メニューのドロップダウン自動展開 */
/* .dropdown:hover > .dropdown-menu{
	display: block;
  } */
  
/* ---------------------------------
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; 
}